Welcome to WebmasterWorld Guest from 174.129.72.165

Forum Moderators: incrediBILL

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.

<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!
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 { 
margin-right:40px;
}
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

My Threads

Hot Threads This Week

Hot Threads This Month