| Header image/menu spacing issues
|
Bowdii
msg:4332815 | 12:06 am on Jun 30, 2011 (gmt 0) |
Okay! I first of all I have to say I suck pretty hard at html.
Here is my problem:
The top left - have an image about 250 px wide. To the right I have the menu bar which is done in css.
I am having trouble with the spacing. The menu bar is done with a list format.
<html>
<img src="images/logo/florence advertising logo with bevel.gif" width="250" height="96"
<nav id="menu">
<ul>
<li >
<li id="menu_work"><a href="portfolio.html" title="Work" target="_parent">Portfolio</a></li>
<li id="menu_services"><a href="#" title="Disciplines" target="_parent">FAQ's</a></li>
<li id="menu_insidefa"><a href="contactus.html" title="Profile" target="_parent">Contact Us</a></li><li id="menu_exposure"></li><li id="menu_collaborate"></li>
</ul>
</html>
Right now the image is right beside the menu. I wanted it nicely spaced for most browsers etc etc...
Any help would be greatly appreciated!
|
penders
msg:4332829 | 1:02 am on Jun 30, 2011 (gmt 0) |
This is really a CSS issue. What you could do is:
Add an id to your img element...
<img id="logo" src="...
Then in your CSS, give it some spacing...
#logo {
margin-right:40px;
}
|
Bowdii
msg:4332859 | 2:18 am on Jun 30, 2011 (gmt 0) |
Thanks Penders. I tried deleting the post.... No luck though.
I go to edit - and it is not editable? Anyways please disregard I have posted in the CSS Forum. Thanks!
< Here's the CSS thread: Header image/menu spacing issues css-html [webmasterworld.com] > [edited by: tedster at 3:37 am (utc) on Jun 30, 2011]
|
|
|
