[CSS] Pseudo-element:after workaround

[Verwijderd]

Wij willen graag pseudo-element gebruiken om een stukje content toe te voegen aan een object. Volgens allerlei documentatie, waaronder de site van w3schools.com werkt dit echter niet onder InternetExplorer6. Kent iemand een workaround of iets dergelijks? Wij willen de content dus aansturen vanuit de CSS.

[disjfa]

Wat wil je precies doen dan? Voorbeeld en uitleg graag

[Verwijderd]

Achter een image (die zit in een DIV) moet al of niet een URL geplaatst worden zodat de image clickable is. Of de image een URL moet krijgen willen we via de DIV-class regelen, want daar staat ook de URL van de image. Indien je nu pseudo-element code kunt gebruiken dan kun je via de CSS dan ook de <A>-tag opgeven en hoef je de code niet te wijzigen. Dit werkt echter niet voor IE.

Na een hele middag verder zoeken zijn we, wegens tijdsdruk, overgestapt op een andere oplossing (die we verder moeten uitwerken) door de URL in een instellingen.xml op te nemen en middels APS deze XML in te lezen en de benodigde link al of niet te vullen. We werken nl. met een CMS (Tridion) en willen dan via de instellingen.xml dit flexibel maken.

Een pseudo-element oplossing of work-around zou (in de toekomst) natuurlijk een mooie oplossing zijn, want deze procedure biedt mogelijkheden te over..

[ Voor 9% gewijzigd door Verwijderd op 12-12-2007 16:22 ]

[Mei]

Verwijderd schreef op woensdag 12 december 2007 @ 16:21:
Achter een image (die zit in een DIV) moet al of niet een URL geplaatst worden zodat de image clickable is. Of de image een URL moet krijgen willen we via de DIV-class regelen, want daar staat ook de URL van de image. Indien je nu pseudo-element code kunt gebruiken dan kun je via de CSS dan ook de <A>-tag opgeven en hoef je de code niet te wijzigen. Dit werkt echter niet voor IE.

Zo begrijp ik je: Je gooit een image in een div en door met :after een URL op te geven moet die image klikbaar worden. Als dat klopt: Met andere woorden: Hoezo wil je het op die manier doen?

Als het niet klopt: graag een iets duidelijkere uitleg

[Fuzzillogic]

Voor prints is het bijv. best handig dat de URL van hyperlinks als plain-text bij de links vermeld worden. Dat kan prima met :after.

Maar hoe erg is het dat het niet werkt in IE?

[ Voor 4% gewijzigd door Fuzzillogic op 13-12-2007 00:42 ]

[Verwijderd]

Mei schreef op woensdag 12 december 2007 @ 19:35:
[...]


Zo begrijp ik je: Je gooit een image in een div en door met :after een URL op te geven moet die image klikbaar worden. Als dat klopt: Met andere woorden: Hoezo wil je het op die manier doen?

Als het niet klopt: graag een iets duidelijkere uitleg

We gebruiken middels het CMS een component die een StyleSheet aanmaakt. De gebruiker (redacteur) kan middels het component zelf een aantal instellingen maken. Zo b.v. de (URL van de) image zelf (een logo). Wij willen nu middels dat component ook een eventuele link (URL) bij het klikken van deze image laten opgeven. Indien deze instelling in het component via het CMS vertaald wordt naar een :after in de CSS dan is het al of niet gebruiken van de hyperlink alsmede de waarde van de link dus een instelling die door de gebruiker zelf geregeld kan worden zonder aanpassing van de pagina en alleen maar publicatie van het instellingencomponent.

We moeten dus niet alleen deze aanpassing in de print maar ook op het scherm. Vandaar IE

[ Voor 8% gewijzigd door Verwijderd op 13-12-2007 08:57 ]