CSS IE6 Navlist Fixes

[Verwijderd]

Beste mensen

Ik ben bezig met het maken van een menu in css voor mijn website. Deze moet echter ook werken in IE6. Helaas, aangezien IE6 zo sch*t is, werk bijna niks.

Nu heb ik al een aantal fixes gevonden, toegepast en werkend gekregen. Echter, ik heb er nog eentje, en ik krijg 'em niet goed, en vroeg me af of iemand mij kan helpen.

Het menu wat ik gebruik ziet er in CSS zo uit:

#navlist2 ul {
margin-left: 0;
padding-left: 0;
}
#navlist2 li {
list-style-type: none;
text-align:left;
}
#navlist2 a {
display: block;
width: 135px;
background: #F95600;
border: 2px solid #658300;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 3px;
}
#navlist2 a:link, #navlist2 a:visited {
color: #F7FAFD;
background: #658300;
font-family: Helvetica, Arial, Tahoma, Geneva;
font-size:12px;
text-decoration: none;
}
#navlist2 a:hover {
color: #000000;
background: #FFDB43;
font-family: Helvetica, Arial, Tahoma, Geneva;
font-size:12px;
text-align:center;
text-decoration: none;
}
#navlist2 a.active-sub {
color:#000000;
background: #F95600;
cursor:default;
text-align:center;
font-family: Helvetica, Arial, Tahoma, Geneva;
font-size:12px;
text-decoration: none;
}
#navlist2 ul {
margin-left: 0;
padding-left: 0;
}

=======================================
In IE ziet het er niet zo uit, maar de fix die ik nog nodig heb is de a.active-sub. De background-color word niet vertoond.

(Bij hover: blok verkleurd, tekst centreerd en link werkt)
(Bij active: blok verkleurd niet, tekst centreerd wel en link werkt ook)

Mocht meer info nodig zijn, dan hoor ik dit graag. Graag snel reactie als mogelijk.

BvD.

[MoietyMe]

Een online voorbeeld is wel handig. Sowieso kunnen we zonder html vrij weinig

[reddevil]

En [ code ] tags ook handig

[Verwijderd]

Dit is de test site. Als je deze in IE7 of FF bekijkt dan werkt alles gewoon. Als je in IE6 kijkt, dan zie je mij probleem.

http://84.105.185.206/luuksite/test/

Sorry voor de geen [ code ] gebruik. Volgende keer zal ik er op letten.

[H004]

Komt waarschijnlijk doordat deze class de link-css-definitie niet overruled
Dus verander de class in een id (er kan toch maar één link geselecteerd worden). Dus

code:

id="active-sub"
#navlist2 #active-sub {
...
}

Verwijderd schreef op maandag 18 februari 2008 @ 11:55:
Graag snel reactie als mogelijk.

offtopic:
Wees blij dat we je helpen. Eisen stellen is misschien niet echt terecht.

[Verwijderd]

Misschien moet ik dit niet doen, maar ik kan het niet zo goed hebben als mensen mij terecht proberen te wijzen als dit nergens op gegrond is.

Ik eis nooit iets op forums, ik weet best dat als je geholpen wordt dit op volledige vrijwillige basis is, en dat ik altijd blij ben/moet zijn als hulp onderweg is.

Als ik onderaan een post zet: Graag snel reactie als mogelijk, dan is dit alleen maar om aan te geven dat als de mogelijkheid er is, ik snel reactie wil aangezien er binnen dit project weinig tijd is. Het is geen druk of een eis aan de lezer/s om snel te antwoorden.

Nu dat voor mij in ieder geval van de baan is wil ik je/jullie wel bedanken, want mijn probleem is opgelost.

groetjes en misschien tot de volgende keer.

[Verwijderd]

Oeps, Probleem toch niet opgelost, stom zeg, ik keek bij FF, en niet bij IE6, waar juist het probleem was. Misschien dat er een andere manier is om het oplossen?

[H004]

Gek, bij mij loste dat het probleem wel op. Je server is nu offline, dus ik kan niet meer kijken.
Helpt:

code:

a#active-sub 
of
#active-sub:link 
of
a#active-sub:link

etc.? Een id zou alle classes moeten overriden, misschien ben je het vergeten aan te passen in je ie-only-css? En anders inline css, dat overridet al het andere... (maar dat is een minder mooie oplossing, natuurlijk)

[ Voor 11% gewijzigd door H004 op 18-02-2008 17:39 ]