Err

Well, I know you can take off the back function off some browsers by displaying what you want in a popup but without the Navigational things, but you can't do it to all browsers. Besides what stops a person from just hitting the backspace key (same as a "back" button). But from what I know, you can prevent a person for hitting the back button, but it's not foolproof. Or you can just simply ask them not to go back.

Thanks! I think it looks good also. :)Well, acutally that's just a test site, I use it a lot just as an example. I have a real one that I use. But yeah, I knew about that code, I just didn't get around to getting it in there until I finished adding it into my real one. However, I did add it in test site now. Looks good on your end now? I just don't know how to get rid of that margin on the right side of the scroll bar, it's annoying as heck.edit: nevermind! lol, the padding was causing that problem. it's a lot better now. Thanks!

Thanks! I figured it out. That last linked helped out a lot. You can look at the result on same link in my first post.Thanks for all your input.

Hi.I'm looking for a bit of help here. I've been to sites that have a fixed navigation system like: http://www.w3.org/Style/ and http://www.penname.co.uk/ but I can't if my life depended on it make one myself! I can't figure it out. It's all CSS based, no frames and no javascript. It just scrolls with you when you scroll down. How can I have a navigation system like that, but one that sits horizontialy at the top of the page? I do have a general idea how it works, but I'm going wrong somewhere and I know it. Some guidance would be nice. <style type="text/css">body { margin-top: 50px; padding-top: 50px; border: 1px solid red; overflow: auto;}#menu { padding: 5px; margin-top: -90px; border: 1px solid red; display: block;}</style> <div id="menu"> <a href="#">Menu 1</a> <a href="#">Menu 2</a> <a href="#">Menu 3</a> <a href="#">Menu 4</a></div> Here's a web page for quick refrence (html & css in same page):http://oneuse.awardspace.com/fixed_navigation.htmlI ask for your help please.

Hmm... I thought I posted a response in this thread.:S Weird.Well, anyways. Thanks for the input folks. I got it working.

http://www.siteburg.com/about.shtml#free

RAZZ, explained it pretty well... I only have moderate experiance with this, as I'm an admin of an anime forum with about 30 users - Most of which don't post regularly. But I try to keep them to stay by making them want to come back for some reason, be it a contest, quizes, awards, etc.As for getting more members involved... I would ask the members if they know anyone that might also be intrested in joining your community - That's my best shot.

have you tried to just making the flash animation a gif animation instead? it could help.

Sure thing, I'm glad you figured it out.

meh, my bad. It's late and I must have not read the message right. I thought he said "Not all" instead of "Not to mention all" don't know how that happened... but yeah. "

From what I tested, it seems like your JavaScript is somehow affecting it. It works whenever you turn JavaScript off. I'm using IE 6. This is how I'm seeing the page; the left screen is IE and the right screen is Mozilla Firefox (with JavaScript on).[Edited]Then here is IE with JavaScript off:[Edited]Hoped that help out some.

Really?

I do that sometimes, but only on anime fourms. Love the language though.

That works good! Thanks a lot man! I didn't know I was so close to gettting it right.

Hello folks!I'm having a javascript dilema that I can't seem to figure out. <style type="text/css">#js_enabled { display: none;}</style><script type="text/javascript">document.getElementById('js_enabled').style.display = 'block';</script><div id="js_enabled"> This Content should only be seen whenever javascript is on.</div> What I'm trying to do is have a div to automatically collapse when the users javascript is disabled. So, I did what I could... if the user doesn't have js enabled the styles will kick in, but if the user DOES have js enabled the javascript will keep the div from closing. Sounded simple enough, but putting it to work is harder then I thought, just by the mere fact that my javascript is VERY limited. If anyone out there knows how I can get this to work I give you an e-lollipop and a big thanks. :)any help will be greatly appreiated!

ONLY becuase you said please.#1: java script:function popitup(url){ newwindow=window.open(url,'name','height=500, width=650, scrollbars=yes, status=no, location=yes, resize=yes, toolbar=no, left=5, top=5'); if (window.focus) {newwindow.focus()} return false;} Add the following html to your anchorshtml onclick="return popitup('your_url_here.html')" #2: I have no idea what you're talking about. Maybe doing a search is a GOOD idea.

lol, that's going to be me if I don't learn a new internet language soon.

I don't understand what you mean by that... are you saying that your menu is not loading on top of your form fields? O_o? A link to your site or your code would help.... or that your menu is not loading above of your form fields? If that's the case make sure that your menu is above the <form> tag and not inside of it.

Meh, It gets easier with time :)I missed the vertical-align attribute ' my bad, I fixed it too.Those 'updotes' are called apostrophes (spelling?). But yup, whenever coding be sure to use quotation marks instead. It won'tkill you, but it will look better.

Tables are WAY easier... but a lot of folks don't like to use them cause they were only meant for 'tabular data', but whatever floats your boat. I personally use a blend of both tables and div's to simply things for me.There is no need for span tags for a block element. use div instead. Think of div's as abox, and span tags as 'lines'.I fixed your code some up to a certain point... but there is a lot that can be done.I just don't have enough time right now to expain all of it. sorry. You can compare your old code to the one that I have on here now, and notice some differences thatsaves time in coding, and saves you from coding un-nessary things.<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'><html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'><head> <title> Firespace - Index </title> <link rel='stylesheet' type='text/css' href='style_test.css' /> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' /> <meta name='description' content='firespace.co.uk - Robert James Eastell - Home Page' /> <meta name='keywords' content='Firespace, Fire Space, Robert James Eastell, Home, Index' /><style type="text/css">body { padding: 10px; background-color: black;}h1 { text-align: center; font-size: 3.5em;}/***************************************************************************************//*************************************** SECTIONS **************************************/.section_1 { background-image: url('images/bg_sidebar.gif'); border-top: 3px #999999 outset; border-left: 3px #999999 outset; border-right: 3px #999999 outset; border-bottom: 1px black solid; height: 100px; vertical-align: middle;}.section_2 { border: 1px black solid; background-color: #ffffff;}.section_2a { background-image: url('images/bg_sidebar.gif'); border-top: 1px black solid; border-left: 2px #999999 outset; border-right: 2px #999999 outset; border-bottom: 2px #999999 outset; text-align: center; width: 200px; padding: 0px;}.section_2b { border: 0px; background-color: #ffffff;}.section_3 { vertical-align: middle; font-size: 0.7em; font-style: italic; border: 1px orange solid; height: 40px; background-color: #000000; color: #996600; padding: 10px 25px 10px 25px;}.section_3a { text-align: left; border: 0px; width: 48%; background-color: #000000; color: #996600; float: left;}.section_3b { text-align: right; border: 0px; width: 48%; background-color: #000000; color: #996600; float: left;}/***************************************************************************************//**************************************** SIDEBAR **************************************/.section_2a a, .section_2a a:visited { display: block; height: 20px; width: 170px; border: 2px #999999 inset; background-color: #000000; padding: 2px; text-decoration: none; color: red; margin-top: 8px; margin-bottom: 5px; margin-left: auto; margin-right: auto;}.section_2a a:hover { text-decoration: none; color: yellow;}.section_2a a:active { text-decoration: none; color: purple;}/***************************************************************************************//*************************************** FOOTER ****************************************/img.w3cicon { border: 0px; width: 88px; height: 31px;}</style></head><body><!-- Titlebar --><div class='section_1'><h1>FIRESPACE</h1></div><!-- Main Body --><div class='section_2'> <!-- Sidebar --> <div class='section_2a'> <a href='link.htm'>Clan Art</a> <a href='link.htm'>FrostbiteXIII Art</a> <a href='link.htm'>Barcodes</a> <a href='link.htm'>Super Yous</a> <a href='link.htm'>Lightning Sigs</a> <a href='link.htm'>Custom Art</a> </div> <!-- Main --> <div class='section_2b'> <h2>Main Section</h2> <p>This is the main section</p> </div></div><!-- Footer Section --><div class='section_3'> <!-- Copyright --> <div class='section_3a'> Robert Eastell, [year] </div> <!-- Page Modified --> <div class='section_3b'> Last Modified: [mod date] </div></div></body></html>

I started off by looking at code from sites first... then I found w3schools, and then I got a book. After that, it was mainly looking at code from sites again... lol, great experience though. I learned CSS the same way, but I used w3schools as my main reference that time. Whenever I was learning html from a book I left myself a TON of notes in all different pages inside the book ... I can look back at that now and laugh, it might sound silly, but I DID learn it.

Thanks a lot for that raimo! Very helpful information.It's nice to know that newer versions of Opera display the content correctly.But I'm still highly bent on making it work on older versions of Opera aswell (atleast for the Versions that I have).edit: Nevermind, I got it working. It seems like the problem was causedfrom the contents being 'block' (I had to play with it some more) but I got it... Thanks for all the replies.

well, I guess it's cause I'm using a older version of opera.Version: 8.52 Build: 7721 Platform: Win32 System: Windows XPI know it's not a padding or margin problem, I just can't get the right cell tovertically align to the top. I already tried that. Infact, that's is the way I have it right now... but it's still not working.This is how I see things in Opera (just a piece of the page), the Contents on the rightsite are suppose to be aligned to the top:[Dead Link]

Hello all.I'm having a css problem, and seening as I did everything I possibly could to try to fix it... I come here at last for some help. Well, lately, I've been trying to work with div's for some layout, ( find this very hard to do btw) and can up on some kind of problem:In Opera, a site that I'm working on, a cell is not vertically aligning to the top. Now, I have no idea why this is, I've tried: vertical-align:top, and several other methods as well, (probably has something to do with my div's being 'block') but I have no problems on firefox, netscape, ie, and Safari. can someone please help me to slove this problem? any input would be great :)here is the webpage: [Dead Link]The css and html code are all in the same page.

would it be too much trouble some to just add the numbers in there manually?