CSS content.css overschrijft andere CSS.

[MrVegeta]

Ik ben bezig met een project waar ik tegen een probleem aan loop en natuurlijk heeft het te maken met IE6, sigh maar goed. Het probleem is dat een code in main.css namelijk,

Cascading Stylesheet:

a:visited {
color: #777;
}

Zorgt ervoor dat alle links die bezocht zijn een kleurcode krijgen. Maar nu heb ik een module gemaakt met allemaal links er in die ik dus geen opmaak wil geven (of in ieder geval die vistited niet).

Het staat in de div "datepicker" dus ik heb dit in elkaar gezet,

Cascading Stylesheet:

div.datepicker a:visited{
color: blue;
}

Nu overschrijf ik hiermee dus wel die #777 code maar zijn alle links blauw. Hoe geef ik aan dat ik ze GEEN opmaak wil geven, "color: none" iig niet.

[Joolee]

color: auto; ?

[Tomfish]

IE6
Het tijdperk van IE7 en IE8 is aangebroken. Zelf besteed ik er geen aandacht meer aan.

[BtM909]

Xtresis schreef op donderdag 07 mei 2009 @ 14:54:
IE6
Het tijdperk van IE7 en IE8 is aangebroken. Zelf besteed ik er geen aandacht meer aan.

Zullen we die conclusie maar overlaten aan de TS? Het hangt geheel van je doelgroep af

---

Wat doet !important?

[MrVegeta]

BtM909 schreef op donderdag 07 mei 2009 @ 14:55:
[...]

Zullen we die conclusie maar overlaten aan de TS? Het hangt geheel van je doelgroep af

---

Wat doet !important?

Mjah de module wordt vooral gemaakt voor bedrijven en die zijn nog (lang) niet overgestapt.
color: auto; doet helaas niets.

Het probleem is vrij simpel, als ik de visited code uit main.css haal klopt het in IE6 (en andere browerser) maar goed dan is de opmaak weg dus dat kan niet.

Dus misschien is er een manier te zorgen dat die code een bepaalde table/div overslaat?

Over !important, heeft niet zoveel nut aangezien ik de a:visited GEEN opmaak wil geven.
Mm lastig dit, misschien dan IE6 maar deze "feature" niet.

[ Voor 10% gewijzigd door MrVegeta op 07-05-2009 15:00 ]

[likkepot]

Interessant stukje gevonden: klik
Klein javascriptje om meerdere visited link colours aan te duiden, dat zou je hier op kunnen toepassen.

[--MeAngry--]

Waarom wil je eigenlijk dat de standaard :visited kleur die je van tevoren ingesteld hebt op die ene plek niet meer gebruikt wordt? Want dat is juist best verwarrend en gaat tegen alle ontwerpregels in. Het is juist handig als je :visited links overal op dezelfde manier kunt herkennen.

Zou je dat echter willen omdat je op die specifieke plek overal maar 1 linkkleur wil hebben, dan lijkt het specificeren van een bepaalde kleur me juist toch geen slecht idee?
Want anders is dit gewoon niet op te lossen. (Ja, met JS, maar daar zit je niet op te wachten.)

[ Voor 4% gewijzigd door --MeAngry-- op 07-05-2009 15:07 ]

[MrVegeta]

Omdat dit een kalender module is, met dus ~31 linkjes in een maand. In IE6 krijgen al deze links (om één of andere reden) een visited tag, dit gebeurd niet in IE7 of FF Opera etc etc. Maar hierdoor hebben dus in IE6 alle datums dezelfde kleur. Terwijl het de bedoeling is dat de datums voor de huidige datum een andere kleur hebben .

Is het niet mogelijk om een bepaalde div te excluden van een CSS code?

[likkepot]

--MeAngry-- schreef op donderdag 07 mei 2009 @ 15:05:
Waarom wil je eigenlijk dat de standaard :visited kleur die je van tevoren ingesteld hebt op die ene plek niet meer gebruikt wordt? Want dat is juist best verwarrend en gaat tegen alle ontwerpregels in.

Ik kan me voorstellen dat als je bijvoorbeeld een menu maakt je daarin geen visited states wilt hebben. Of een of ander collapsable content dingetje met meerdere anchor points waar je op klikt. Dan doet het echt afbreuk aan je design.

[r0b]

MrVegeta schreef op donderdag 07 mei 2009 @ 15:08:
Omdat dit een kalender module is, met dus ~31 linkjes in een maand. In IE6 krijgen al deze links (om één of andere reden) een visited tag, dit gebeurd niet in IE7 of FF Opera etc etc. Maar hierdoor hebben dus in IE6 alle datums dezelfde kleur. Terwijl het de bedoeling is dat de datums voor de huidige datum een andere kleur hebben .

Is het niet mogelijk om een bepaalde div te excluden van een CSS code?

Maar .. kan je dan niet gewoon een a:visited color: black, text-decoration: none voor die specifieke div instellen

[jbdeiman]

Dit is voor zover mijn kennis van CSS reikt niet zomaar op te lossen, je kan niet zomaar een div / bepaalde groep van items uitsluiten van de opmaak die je als algemeen hebt meegegeven. Wat evt. wel kan is als je de divs binnen de groep die wel je opmaak willen hebben ook nog een bepaalde class meegeeft en binnen deze class alle links een opmaak geeft. De div van die links die geen opmaak moet hebben geef je geen, of een andere class mee. Op die manier kan je eromheen werken, maar je kan, helaas in sommige gevallen, niet een div weer terug zetten naar de "originele standaardinstellingen".

[MoietyMe]

Kun je niet gewoon in een IE6 stylesheet opgeven:

Cascading Stylesheet:

a:visited { 
color: auto; 
}

of

Cascading Stylesheet:

a:visited { 
color: kleur die linkjes normaal hebben; 
}

?

[MrVegeta]

Het is allemaal al opgelost. Probleem was dus dat ik de elementen geen stijl opgaf waardoor ze de globale CSS overnamen. Waar ik er eerst van uit ging dat IE6 alle links als visited opgaf was het gewoon dat ik alle links de zelfde kleur gaf. Beetje dom.

Om nog eens kort uit te leggen.

De kalende module heeft een aantal table/data/header etc etc classes.
Ik gaf dit aan,

Cascading Stylesheet:

.datepickerDays a:visited {
    color:#000000;
    width: 18px;
    line-height: 16px;
    height: 16px;
    padding-right: 2px;
}

Hierdoor gaf die alle links in de class "datepickerDays" dus dezelfde kleur. Dat wilde ik niet, maar hier moest ik natuurlijk dit bij toevoegen,

Cascading Stylesheet:

td.datepickerDisabled a:visited,
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
    color: #a5a5a5;
}

Hiermee zeg ik dat alle links in de td "datepickerDisabled" een andere kleur hebben. Hierdoor klopte het allemaal.

Les geleerd vandaag, denk niet te globaal maar soms moet je specifiek classes dingen opgeven. Iig bedankt voor alle response.

[moozzuzz]

MrVegeta schreef op donderdag 07 mei 2009 @ 15:08:
Omdat dit een kalender module is, met dus ~31 linkjes in een maand. In IE6 krijgen al deze links (om één of andere reden) een visited tag, dit gebeurd niet in IE7 of FF Opera etc etc. Maar hierdoor hebben dus in IE6 alle datums dezelfde kleur. Terwijl het de bedoeling is dat de datums voor de huidige datum een andere kleur hebben .

Het probleem lijkt dan niet te liggen bij de CSS, maar bij het feit dat IE (6) die de linkjes beschouwd als visited. Ik zou dus eerder naar de linkjes kijken (en zien hoe je die kan aanpassen zodat IE ze niet meer als visited aanduidt).
Niet ver genoeg gelezen...

[ Voor 2% gewijzigd door moozzuzz op 07-05-2009 17:02 . Reden: Niet ver genoeg gelezen... ]