IntactDev
Member
- Nov 22, 2012
- 399
- 71
So here is my attempt:
I want the logo in the middle of the top navigation bar, and I want the words in the middle of the navigation bar. Here is my CSS:
Here is my HTML:
Thanks for the help... This is my first time attempting this, so thanks for baring with me.
- IntactDev
I want the logo in the middle of the top navigation bar, and I want the words in the middle of the navigation bar. Here is my CSS:
Code:
body {
margin: 0;
padding: 0;
background: url('../images/background.gif') repeat;
}
a {
text-decoration: none;
color: #181818;
}
li {
list-style: none;
margin: 0;
padding: 0;
}
.navigationShell {
width: 100%;
height: 60px;
background: #28AE9A;
border-bottom: 1px black solid;
position: fixed;
}
.navigation {
padding: 18px 7px 5px 15px;
}
.navigation li {
height: 10px;
width: 100%;
display: inline;
}
.navigationItem {
padding-right: 25px;
text-transform: capitalize;
}
.navigationItem #first {
}
#right {
float: right;
}Here is my HTML:
HTML:
<html>
<head>
<title>TopHostr: Images are Priceless</title>
<link href='css/style.css' rel='stylesheet' type='text/css'>
</head>
<body>
<div class='navigationShell'>
<div class='navigation'>
<ul>
<li class='navigationItem'>
<a href='index' onClick='return false;'>Home</a>
</li>
<li class='navigationItem'>
<a href='index' onClick='return false;'>Home</a>
</li>
<li class='navigationItem'>
<a href='index' onClick='return false;'>Home</a>
</li>
<li class='navigationLogo'>
<img src='images/logo.png' width='450' height='300'>
</li>
<li class='navigationItem'>
<a href='index' onClick='return false;'>Home</a>
</li>
<li class='navigationItem'>
<a href='index' onClick='return false;'>Home</a>
</li>
<li class='navigationItem'>
<a href='index' onClick='return false;'>Home</a>
</li>
</ul>
</div>
<div class='navigation' id='right'>
</div>
</div>
</body>
<footer>
</footer>
</html>Thanks for the help... This is my first time attempting this, so thanks for baring with me.
- IntactDev
