navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

cannot shift menu left

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> cannot shift menu left
Page: [1]
 
GolfMad

 

Posts: 182
Joined: 3/20/2002
From: UK
Status: offline

 
cannot shift menu left - 6/2/2008 10:57:52   
Site in early stage of development

http://www.sitesoon.co.uk/mbj/index.html

I have been working on trying to solve this for a while and would be grateful if any of the css experts could solve it for me please.

I have a two column main content area and want a menu in the left column just to line up with the left side of the header and footer and also stop it running over into the main text area which is the second column.

I have tried margins and paddings everywhere, block to inline but just cannot get it right.

Thanks to anyone prepared to have a go.
Donkey

 

Posts: 3888
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: offline

 
RE: cannot shift menu left - 6/2/2008 11:23:23   

This slight change seems to work:

#menu {
display: block;
height: 225px;
margin: 0 0 0 -13px ;
width: 210px;
}

_____________________________

:)

I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens

(in reply to GolfMad)
GolfMad

 

Posts: 182
Joined: 3/20/2002
From: UK
Status: offline

 
RE: cannot shift menu left - 6/2/2008 12:02:27   
Thanks for that Donkey

It goes some way, in FF2 yes it lines up to the left but in IE7 its about 3 or 5 pixels out still.

Also in FF2 the hover shoots the image out over the text, whcih is not good but in IE it slips underneath which is quite acceptable.

I tried reducing 50 to 0 on the z-index, looking for quick fix by not using the image move but that did not seem to stop it moving right on hover, wherelse could that be coming from I wonder.

(in reply to Donkey)
Tailslide

 

Posts: 6108
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: cannot shift menu left - 6/2/2008 12:22:08   
If you change this rule:

#menu ul  {
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
}


to this:

#menu ul li {
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
}


It cures the first problem and possibly the second (try removing the new rule from above first though).



_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to GolfMad)
GolfMad

 

Posts: 182
Joined: 3/20/2002
From: UK
Status: offline

 
RE: cannot shift menu left - 6/2/2008 12:46:54   
Tailslide - you are a real star, where you come up with these gems from I do not know but I am very grateful that you do.

I also have a confession to make that was messing it up, the width sizes were 230px in those menu lines but the images were only 210px, hence the x repeat that gave another 20 pixels.

Sometimes you can look at your own mistakes and just not see them as I did for hours today, others, like your gem, I would never have found.

Thanks very much indeed.

www.sitesoon.co.uk/mbj/

(in reply to Tailslide)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> cannot shift menu left
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts