Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies

Header image/menu spacing issues

12:06 am on Jun 30, 2011 (gmt 0)

Junior Member

10+ Year Member

joined:June 6, 2003
posts: 136
votes: 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.


<img src="images/logo/florence advertising logo with bevel.gif" width="250" height="96"

<nav id="menu">

<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>



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!
1:02 am on June 30, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member penders is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:July 3, 2006
posts: 3123
votes: 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 { 
2:18 am on June 30, 2011 (gmt 0)

Junior Member

10+ Year Member

joined:June 6, 2003
posts: 136
votes: 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]