/    Sign up×
Community /Pin to ProfileBookmark

Horizontal li menu problem in Firefox

Copy linkTweet thisAlerts:
Aug 03.2006

I am very new to CSS. Have set up web site for my school using a CSS tutorial as guide. Home Page Displays fine in IE but horizontal li menu collapses showing only last item (they stack on top of each other) and location of div collapses to left in firefox. Took a while to realise this problem existed. Any ideas on how to fix this issue.

Web site: [url]http://www.elizabeth-h.schools.nsw.edu.au/[/url]

Thanks

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@KravvitzAug 03.2006 — http://www.howtocreate.co.uk/wrongWithIE/

I suggest you read some of these:

[url=http://www.boagworld.com/archives/2005/11/semantic_code_what_why_how.html]Semantic code: What? Why? How?[/url]

[url=http://www.peachpit.com/articles/article.asp?p=369225&rl=1]The Meaning of Semantics (Take I)[/url]

[url=http://www.maxdesign.com.au/presentation/sit2003/05.htm]Semantic code[/url]

[url=http://www.webaim.org/techniques/structure/]Creating Semantic Structure[/url]

[url=http://www.brainstormsandraves.com/articles/semantics/structure/]Semantics, HTML, XHTML, and Structure[/url]

[url=http://www.kottke.org/03/08/standards-semantically-correct]Standards don't necessarily have anything to do with being semantically correct[/url]

[url=http://www.andybudd.com/archives/2004/05/semantic_coding/]Semantic Coding[/url]

I suggest you read these as well:

[url=http://www.communitymx.com/content/article.cfm?cid=90F55]Writing Efficient CSS[/url]

[url=http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/]Efficient CSS with shorthand properties[/url]

Problems and inconsistancies are in blue.
<i>
</i>#divMenu {
color: #FFFFFF;
background-color: #0099FF;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 160px;
float: none;
width: 100%;
[color=#3366FF]height: 30px;[/color]
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

#ulMainmenu {
margin: 0px;
padding: 0px;
list-style-type: none;
font-weight: bold;
font-size: 1em;
[color=#3366FF]height: 40px;[/color]
}
#ulMainmenu li {
display: inline;
float: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border: 1px none #FFFFFF;
[color=#3366FF]height: 0px;[/color]
}

#tableMain {
height: 350px;
width: 100%;
background-color: #0099FF;
float: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
[color=#3366FF]padding-left: 160px;[/color]
}
Copy linkTweet thisAlerts:
@gmellauthorAug 03.2006 — Hi,

Have solved image location but still have problem with horizontal li menu.

Thanks
Copy linkTweet thisAlerts:
@KravvitzAug 03.2006 — Perhaps you didn't notice my reply because you posted only 2 minutes after I did?
Copy linkTweet thisAlerts:
@gmellauthorAug 03.2006 — Kravvitz you have given pin point advice. I have altered values and problems are solved. No, I didn't see your post immediately.

I really appreciate your help.

Thankyou
×

Success!

Help @gmell spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.15,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...