CBSAM
01-20-2013, 03:08 AM
Hello,
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.
Example(Visual Look):
CEREBUS CLOTHING Shirts Pants Hats Shoes (Displayed links in blue for example.)
HTML:
<!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>
I want to know how I would style the list to be horizontal with no bullets. I also want to know if I should use a wrapper for the logo image and navigation. The navigation bar will be lined up with the bottom of the image(logo). Image is 51 pixels in height.
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.
Example(Visual Look):
CEREBUS CLOTHING Shirts Pants Hats Shoes (Displayed links in blue for example.)
HTML:
<!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>
I want to know how I would style the list to be horizontal with no bullets. I also want to know if I should use a wrapper for the logo image and navigation. The navigation bar will be lined up with the bottom of the image(logo). Image is 51 pixels in height.