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)

10+ Year Member

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 Jun 30, 2011 (gmt 0)

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

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 Jun 30, 2011 (gmt 0)

10+ Year Member

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]


Featured Threads

Hot Threads This Week

Hot Threads This Month