Archief - CSS: list-style-image: IE=ok FF=niet ok

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

jorrelemargi

Legacy Member
ik gebruik de volgende manier om de standaard bullets van een lijst <ul> te vervangen door een image. Dit werkt perfect in internet explorer maar niet in Firefox 1.5. Enig idee of firefox 1.5 dit zou moeten ondersteunen of niet?

.item-list ul {
list-style-image: url(http://www.server.be/images/list_image.gif);
}

Cakeman

Legacy Member
Die quotes zijn niet nodig.
Zet die style eens op je <li> in plaats van je <ul>. Volgens mij gaat het dan werken.

jorrelemargi

Legacy Member
Cakeman zei:
Die quotes zijn niet nodig.
Zet die style eens op je <li> in plaats van je <ul>. Volgens mij gaat het dan werken.

quotes zijn inderdaad niet nodig...

in <li> plaatsen lukt ook niet? bizar...

in <ul> werkt het perfect onder internet explorer, normaal ondersteunt firefox 1.5 hetzelfde dacht ik...? Kan iemand eens lokaal testen op firefox?

Quilombo

Legacy Member
jah dan vergis ik me
bij mijn weten werkt het zonder quotes toch niet in alle browsers (ie5, mac ie? dno hoor).

kan me vergissen natuurlijk

KoenDK

Legacy Member
oplossing?


ik veronderstel

.item-list li
{
background-image: url(arrow.gif);
background-repeat: no-repeat;
}

jorrelemargi

Legacy Member
.item-list ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

.item-list li
{
background-image: url(http://www.uzegt.be/themes/uzegt/images/list_image.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
}



blijkt dat die standaard bullets gewoon blijven staan.... mijn LI image wordt wel getoond, maar padding heeft ook geen effect?

de class staat wél goed... enig idee wat er mis is?

Xavez

Legacy Member
Dit werkt bij mij thans perfect:

Code:
.item-list ul li {list-style: url(http://www.uzegt.be/themes/uzegt/images/list_image.gif);}

Misschien moet je nog een !important toevoegen, omdat je je algemene list-style op none hebt gezet? :).

jorrelemargi

Legacy Member
hij staat niet op none, want the bullets staan er nog steeds? kan je de ganse code die ik heb ingevoegd bij jouw eens checken?

jorrelemargi

Legacy Member
thanks Xavez, works like a charm ! topic mag gesloten worden
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan