66 replies [Last post]
pricer1969
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-03-08
Posts: 38
Points: 0

Have a look

Have a look fellas:

mfpc.ca/index1.html

pricer1969
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-03-08
Posts: 38
Points: 0

Looks aweful in FF!

Looks aweful in FF!

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 2 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

? Looks more or less

?

Looks more or less identical to me in FF and IE7?

Verschwindende wrote:
  • CSS doesn't make pies

pricer1969
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-03-08
Posts: 38
Points: 0

I changed a few things since

I changed a few things since that posting. I still can't get the menu to line up the way it does in FF in IE. I need it to be the same as the pic I attached in a previous post. It works in FF but not IE.

pricer1969
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-03-08
Posts: 38
Points: 0

Someone needs to help me! I

Someone needs to help me! I have to position my menu on the left hand side. 3 on one side and 3 on the other. That's all I need to do! There is a jpg on an earlier post.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 2 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

All you should have needed

All you should have needed to do is add:

ul#buttons li a { display: block; width: 120px; height: 24px; text-indent: -9999em float: left; }

and then add clear: left; to the ones that move onto the next line.

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 13 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Always a funny old phrase

Always a funny old phrase "Someone needs to help me" when in actual fact it is generally the case that The 'someone' is not in need of anything but that it is the 'me' that is in need of 'something' namely the 'help' Smile

TPH has done a grand job of patiently walking you through this site construction. Please bear in mind though that the forum is not a 'Service' also that things tend to slow down at the weekends somewhat.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

pricer1969
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-03-08
Posts: 38
Points: 0

Hey I'm very appreciative of

Hey I'm very appreciative of TPH's help, and everyone else's as well. If you never ask, you never get. You guys have tremendous knowledge in css and I am just a rookie. I have spent hours trying to move this menu and was just getting frustrated. I do understand that this is a forum and everyone has a life. I have expressed my thanks many times over the last week or so, in fact after every posting.

THANK YOU TPH FOR ALL YOUR PATIENCE AND HARD WORK! I will try this lates code posting. Thanks again!

pricer1969
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-03-08
Posts: 38
Points: 0

Works great in FF, but not

Works great in FF, but not in IE. Am I doing something wrong. When I put clear: left; it made no difference in IE; just staggerred them in FF. So when I removed the clear: left; it lined up perfectly in IE - again nothing changed in IE. mfpc.ca/index1.html All I have is a perfectly lined up menu; but if you look at this if FF - it shows what is should be like.

Pricer

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 2 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

You've got a few conflicting

You've got a few conflicting rules in your list CSS here:

ul#buttons, ul#buttons li { list-style: none; margin: 10px; padding: 0; width: 250px; }/* Zeroes the padding and margins */

ul#buttons li a {
display: block;
width: 120px;
height: 24px;
text-indent: -9999em;
}

Try cutting it down to:

ul#buttons, ul#buttons li { list-style: none; padding: 0; margin: 0; }/* Zeroes the padding and margins */

ul#buttons li a {
display: block;
width: 120px;
height: 24px;
text-indent: -9999em;
}

and see what happens.

Verschwindende wrote:
  • CSS doesn't make pies

pricer1969
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-03-08
Posts: 38
Points: 0

Okay, thanks! I fixed the

Okay, thanks! I fixed the above to look like what you stated. However the results look somewhat okay in FF (with a margin it will look perfect) but in IE still staggerred! I'm stumped!

mfpc.ca/index1.html

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 3 weeks 2 hours ago
Joined: 2004-06-30
Posts: 9668
Points: 801

I sometimes had problems

I sometimes had problems with IE and floated ULs, not sure if I remember how to fix it.

Try increasing the width of the #left div or decreasing the width of the list items, IE may simply not have enough space?

Verschwindende wrote:
  • CSS doesn't make pies

pricer1969
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-03-08
Posts: 38
Points: 0

Okay I will try that and let

Okay I will try that and let you know. Thanks!

pricer1969
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-03-08
Posts: 38
Points: 0

Is there any other way to do

Is there any other way to do this? FF now displays my site perfectly! I added a 10px margin and presto! IE on the other hand....speaks for itself. Let me know if there is something else I can try to accomplish this.

pricer1969

pricer1969
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-03-08
Posts: 38
Points: 0

I just read on another forum

I just read on another forum that dl...dt and 19.9% for width; along with display: inline; were all options. Not sure if this helps at all. Let me know if this out there or a possability. I have no idead where to put this stuff.

pricer1969
Offline
Regular
Last seen: 13 years 5 weeks ago
Joined: 2007-03-08
Posts: 38
Points: 0

Got er' to work in IE by

Got er' to work in IE by splitting up the ul and li into 3 different sections; doesn't quite line up in FF - but I am happy to have it working in IE. Have a look:

mfpc.ca/index1.html