homepage Welcome to WebmasterWorld Guest from 54.237.98.229
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Header image/menu spacing issues
Bowdii

10+ Year Member



 
Msg#: 4332813 posted 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

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



 
Msg#: 4332813 posted 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

10+ Year Member



 
Msg#: 4332813 posted 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]

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved