Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
01-20-2013, 03:08 AM #1
- Join Date
- Jan 2013
- Thanked 0 Times in 0 Posts
CSS - Horizontal Navigation w/ Logo - Help!
I am trying to get my website to display correctly. I have a basic understanding of HTML5 & CSS3. I understand most things and need to research some things.
I haven't figured it out, but I am going to post just the HTML page of what I am trying to accomplish. Don't be afraid to post your method. I would like to see the different and best ways.
CEREBUS CLOTHING Shirts Pants Hats Shoes (Displayed links in blue for example.)
<!DOCTYPE html> <!-- Designed & Coded: CBSAM --> <html lang='en'> <head charcode="UTF-8"> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <title> Cerebus Clothing </title> </head> <body> <img src="images/cerebuslogo.jpg"></img> <ul> <li><a href="#">Long/Short Sleeve Shirts</a></li> <li><a href="#">Pants/Shorts</a></li> <li><a href="#">Excercise Clothing</a></li> <li><a href="#">Hats</a></li> </ul> </body> </html>
01-20-2013, 09:10 AM #2
- Join Date
- Feb 2009
- Ilkley, West Yorkshire, UK
- Thanked 726 Times in 720 Posts
Have a look at the start of this explanation of a horizontal css menu - that should give you an idea of how to proceed.
As to adding a wrapper - as it stands there's no reason why you need one, but as you add elements to your page you may find it easier to add one. There is no hard and fast rule on this, other than not adding elements just for the sake of it.