I have a navigation that is inline and is to the right of the page. I also have a logo that I want on the same line but to the left of the page. The logo link/image is on the left but at the top of the navigation line instead of being on the same line. I'm trying to learn how to do this but I swear I have been trying to figure it out for the last couple of days. I also want to make my logo link an image instead of text.
#navmenu ul {
margin: 25px 0 0 0;
padding-right: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align: right;
font-size: 1.15em;
line-height: 1.2em;
list-style-type: none;
list-style-image: none;
}
#navmenu li {
display: inline;
padding: none;
}
#navmenu a {
text-decoration:none;
color:#767a7d;
}
#navmenu a:hover {
color:#ff9900;
}
#logomenu {
display: inline;
}
<div id="logomenu">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"?php echo get setttings('home'); ?>" id="logo">logo</a>
<div>
<div id="navmenu">
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"<?php echo get_settings('home'); ?>">Home |</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Community |</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Company |</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Related Stories |</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Contact</a></li>
</ul>
</div>You got the url to the page?rezzlineblog.comGet rid of the <div id="logomenu">.
You're using the same div that the rest of the page uses.
You probably don't need a <div> just for your image...it wouldn't hurt it but if you wanted to do it, use its OWN div...
<div id="mylogo"> or something would work.
Anyway, you would then need to change in the css that DIV (mylogo) to float: left; or if it's an image, change it to float: left;. Also, you need to add float: left; to the #navmenu.
Questions?the float property worked. thank you.the float property worked. thank you.
No problem. I didn't explain it very clearly, but I'm glad that you were able to get the info from my ramblings
.No problem. I didn't explain it very clearly, but I'm glad that you were able to get the info from my ramblings .
once i ran it through my rambling decrypter 1.5 I was able to decypher what it said.
#navmenu ul {
margin: 25px 0 0 0;
padding-right: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align: right;
font-size: 1.15em;
line-height: 1.2em;
list-style-type: none;
list-style-image: none;
}
#navmenu li {
display: inline;
padding: none;
}
#navmenu a {
text-decoration:none;
color:#767a7d;
}
#navmenu a:hover {
color:#ff9900;
}
#logomenu {
display: inline;
}
<div id="logomenu">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"?php echo get setttings('home'); ?>" id="logo">logo</a>
<div>
<div id="navmenu">
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"<?php echo get_settings('home'); ?>">Home |</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Community |</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Company |</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Related Stories |</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Contact</a></li>
</ul>
</div>You got the url to the page?rezzlineblog.comGet rid of the <div id="logomenu">.
You're using the same div that the rest of the page uses.
You probably don't need a <div> just for your image...it wouldn't hurt it but if you wanted to do it, use its OWN div...
<div id="mylogo"> or something would work.
Anyway, you would then need to change in the css that DIV (mylogo) to float: left; or if it's an image, change it to float: left;. Also, you need to add float: left; to the #navmenu.
Questions?the float property worked. thank you.the float property worked. thank you.
No problem. I didn't explain it very clearly, but I'm glad that you were able to get the info from my ramblings
.No problem. I didn't explain it very clearly, but I'm glad that you were able to get the info from my ramblings .once i ran it through my rambling decrypter 1.5 I was able to decypher what it said.