Nothing Special — OZONE Asylum, home of the Mad Scientists

Nothing Special

This page's ID: 27321

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	There should be no problem using the proper h- tags. Where did you palce them? If they were inside the <ul> tags then that would cause a problem. Placing them before the <ul> tags is the proper way to go about it. It is technically valid to place the header text as part of the list, but semantically it is very bad practice. In addition - what you have there is an [b]ordered[/b] list - an <ol>, but you have coded it as an [b]unordered[/b] list - a <ul> and added the numbers yourself. It would make much more sense to use an <ol> tag, and code the headers as headers outside of the list. Hope that helps. As for the overall site - not a lot to talk about as far as design. It's simple and clean, which is a plus. The color scheme a tad on the garish side - I would work on playing with the various shades of blue to get a more congruent feel. I would also be sure to differentiate on the side menus between the headers and the links - they look identical, and that's never a good idea. On that note, let's look at the code again. Here is what you have for the left menu - [code]<div class="lebox"> PAGES <hr> <a href="http://www.hartake.com.">Home</a> <hr> <a href="http://www.hartake.com/page1.html">Page 1</a> <hr> <a href="http://www.hartake.com/page2.html">Page 2</a> <hr> <a href="http://www.hartake.com/page3.html">Page 3</a> <hr> <a href="mailto:brkchk@hotmail.com">Email</a> <hr> </div> [/code] What you have here is a list - it should be coded as such. The <hr>'s can be done away with, and the visual effect created via CSS. Something like this - [code] <div id="navigation"> <h2>Pages</h2> <ul> <li><a href="http://www.hartake.com.">Home</a></li> <li><a href="http://www.hartake.com/page1.html">Page 1</a></li> <li><a href="http://www.hartake.com/page2.html">Page 2</a></li> <li><a href="http://www.hartake.com/page3.html">Page 3</a></li> <li><a href="mailto:brkchk@hotmail.com">Email</a></li> </ul> </div> [/code] In your CSS, you would have something like this - [code] #navigation ul { border-top:#fff 1px solid; } #navigation ul li { list-style:none; border-bottom:#fff 1px solid; } [/code] Note a couple of things - 1) Rather than a class="lebox" for the <div>, I added an id="navigation" This <div> will have a constant place and constant content, and will only ever occur once per page - it should have an id rather than a class. Also, you want to pick your class and id names based on structural/content purposes rather than stylistic purposes. "navigation" (or 'nav') tells us the purpose of the element rather than the stylistic value of the box. 2) Again, you have a header up there: make sure to code it that way. FWIW [url=http://in-dented.com/sigs.html][img]http://in-dented.com/sigs/knot_sig_32.gif[/img][/url] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu