iEntry 10th Anniversary Webforumz RegistrationAnnouncements Contact Webforumz StaffContact
Home Resources Blogs Meet the Team Contact Register
 

Go Back   WebForumz.com > The Code > HTML, XHTML and CSS

Reply
 
LinkBack Thread Tools
Old October 26th, 2007, 07:30 AM   #1
New Member
 

Join Date: Dec 2006
Location: London
Age: 21
Posts: 33
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 josephman1988 is on a distinguished road
Horizontal Menu Using Lists Problem

Ok, so technically i am new to using horizontal menus using lists and css.

And Im having trouble with my latest test.

CSS:
Code:
#wrapper1 /* First Wrapper For logo and nav */
{
width:900px;
}

#tl /* top half of circular image */
{
float:left;
background-image:url(/images/t1.png);
margin:0px;
padding:0px;
width:200px;
height:144px;
}



#tr1 /* Seperate section top right, which will introduce text */
{
float:right;
height:115px;
width:700px;
}

#nr1 /* the navigation bar */
{
background-image:url(/images/nav.png);
float:right;
height:29px;
width:700px;
}

#nr1 ul li /* The attempted list */
{
    margin-left: 0;
    margin-bottom: 0;
    margin-top:0px;
    list-style: none;
    display: inline;
}



#wrapper2 /* New wrapper for content */
{
width:900px;
}

#bl /* bottom half of circular image */
{
clear:both;
background-image:url(/images/b1.png);
width:200px;
height:57px;
}
With a simple list:

Code:
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
http://beta-designz.co.uk/manicgaming/index.html (Without list)
http://beta-designz.co.uk/manicgaming/index2.html (With list)

I need it to sit perfectly within the nav, i know im doing something wrong, but don't know what.

Regards,
J.

Last edited by josephman1988; October 26th, 2007 at 09:56 AM..
josephman1988 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old October 26th, 2007, 08:26 AM   #2
Elite Veteran
 

Join Date: Jan 2007
Location: You know where
Age: 32
Posts: 4,608
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 karinne is a name known to all karinne is a name known to all karinne is a name known to all karinne is a name known to all karinne is a name known to all karinne is a name known to all
Re: Horizontal Menu Using Lists Problem

Second link doesn't work
karinne is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old October 26th, 2007, 09:57 AM   #3
New Member
 

Join Date: Dec 2006
Location: London
Age: 21
Posts: 33
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 josephman1988 is on a distinguished road
Re: Horizontal Menu Using Lists Problem

Apologies,both links have changed. =]
josephman1988 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old October 26th, 2007, 10:01 AM   #4
Elite Veteran
 

Join Date: Jan 2007
Location: You know where
Age: 32
Posts: 4,608
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 karinne is a name known to all karinne is a name known to all karinne is a name known to all karinne is a name known to all karinne is a name known to all karinne is a name known to all
Re: Horizontal Menu Using Lists Problem

Wow ... alot of useless divs in there but without seeing the final result ... who knows!

Anyways ... your problem is that you haven't defined or maybe I should say, refined, the margins and padding associated with the UL element you are using for your navigation.

As you know (or may not), all elements have default settings whether font styling (bold or italics and size) or margins and padding.

so ... just play around with the margin and padding property for that <ul> and you should be all set.
karinne is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old October 26th, 2007, 10:10 AM   #5
WebForumz Admin Badge
 
Marc's Avatar
 

Join Date: Apr 2007
Location: Scotland, UK
Posts: 2,086
Thanks: 2
Thanked 23 Times in 23 Posts
Rep Altering Power: 81 Marc is just really nice Marc is just really nice Marc is just really nice Marc is just really nice
Re: Horizontal Menu Using Lists Problem

Ive found your soloution.. Simply add

Code:
* {
margin:0;
padding:0;
}
At the top of your CSS.
__________________
Regards
Marc
Administrator - Webforumz.com

Want to be a moderator? Please contact me.
Marc is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old October 26th, 2007, 10:13 AM   #6
Elite Veteran
 

Join Date: Jan 2007
Location: You know where
Age: 32
Posts: 4,608
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 karinne is a name known to all karinne is a name known to all karinne is a name known to all karinne is a name known to all karinne is a name known to all karinne is a name known to all
Re: Horizontal Menu Using Lists Problem

That's not really the best solution.

No Margin For Error
karinne is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Is it possible to make a simple horizontal css menu without using lists? jonnymorris HTML, XHTML and CSS 9 September 21st, 2007 09:59 AM
horizontal menu hover problem darran HTML, XHTML and CSS 6 August 28th, 2007 12:43 PM
CSS Horizontal Menu Bar - IE Problems!! swillicott HTML, XHTML and CSS 47 July 23rd, 2007 05:42 PM
Problem displaying a horizontal menu cmssken1 HTML, XHTML and CSS 1 April 19th, 2007 12:34 PM
CSS horizontal menu trademarkd HTML, XHTML and CSS 1 January 9th, 2007 03:10 AM


Search Engine Optimization by vBSEO 3.2.0 RC8