CSS list image

[anoniem]

Heren en dames, Bij deze mijn vraag. Ik gebruik een klein plaatje als list image bij een "ul" stukje van de code [code:1:0275189e78]ul { list-style-type: none; list-style-position: outside; list-style-image: url(/used_images/bal.gif); text-indent: -1pt; }[/code:1:0275189e78] In dreambeaver zie ik hem wel staan. Echter bij het previewen dmv IE of mozilla zie ik hem niet. iemand suggesties?

[anoniem]

Ik weet het niet zeker, maar wellicht dat het te maken heeft met "list-style-type: none;". Haal die anders eens weg... - Bas

[anoniem]

Als ik die "none" weghaal en ik preview in IE dan zie ik gewono de standaard bullet. Bekijk ik hem in mozilla, dan komt er helemaal geen item voor te staan. beetje raar he :-?

[anoniem]

Probeer eens een volledige URL of een relatief pad t.o.v. je css file. Nu verwijs je naar de webroot van je site en aangezien je niet bezig bent op een server kan ik me voorstellen dat de browsers dit niet goed interpreteren.

[anoniem]

[code:1:a18eba1948]list-style-position:inside[/code:1:a18eba1948] (lijnt de regels uit met het opsommingsteken) Niet zeker maar probeer even

[anoniem]

position inside geeft niet het gewenste effect. Ik ga nu aan de slag met hetgene wat annie zei.

[anoniem]

Hmm, net alles geupped naar mijn domein. Hier werkt t ook niet. zie [url]www.planetdust.nl[/url] Dit is trouwens geen sitecheck. site is nog lang niet klaar. tis puur een test betreffende list items. zoals jullie zien op de site staan er gewoon de standaard bullets voor de links.

[anoniem]

[url=http://www.planetdust.nl/used_images/bal.gif]Het plaatje bestaat niet.[/url] - Bas

[anoniem]

[quote:7020619d6a="BasHamar"][url=http://www.planetdust.nl/used_images/bal.gif]Het plaatje bestaat niet.[/url] - Bas[/quote:7020619d6a] wel :wink:

[anoniem]

[quote:94721102ba="D'acide"]Hmm, net alles geupped naar mijn domein. Hier werkt t ook niet. zie [url]www.planetdust.nl[/url] Dit is trouwens geen sitecheck. site is nog lang niet klaar. tis puur een test betreffende list items. zoals jullie zien op de site staan er gewoon de standaard bullets voor de links.[/quote:94721102ba] [edit] het werkt hoor![/edit]

[anoniem]

[schaam modus =on] Jezus, dat was het dus idd. Ik was van mening dat deze in used_images zat. Bleek dat ik hem met transferen per ongeluk in de root gesleept heb. dom dom dom Wel bedankt allen. [edit] Ik heb direct het plaatje in de goede directory gezet. Nu klopt het dus wel.

[anoniem]

En gaat ie ook werken in Mozilla?

[anoniem]

je bent me voor. Ben net klaar met checken in firebird. En helaas, geen balletje voor de links dus. Ik ga hier direct verder mee . [edit] Ik heb eerst eens van "outside" inside gemaakt. Resultaat, de balletjes worden over mijn hele scherm geplaats, onder elkaar. conclusie=Niet goed [/edit]

[anoniem]

Als ik CSS21 zo lees ( http://www.w3.org/TR/CSS21/generate.html#lists ) moet je het volgens mij op de LI zetten, dus zoiets:[code:1:f3a878ddb2]ul#nav li{ list-style:circle outside url(/img); }[/code:1:f3a878ddb2]Je kunt het beste dus zowel een list-style-type als list-style-image declareren, voor het geval het plaatje niet gevonden kan worden ;-). Dan weet je iig of het werkt of niet en hebben mensen die geen plaatjes aan hebben staan iets om op terug te vallen.

[anoniem]

Nou, als het plaatje niet werkt, dan wil ik dat er gewoon niks word weergegeven. Dus alleen de links, zonder bullet,cricle of whatever.

[anoniem]

Welk css element zorgt er eigenlijk voor hoe breed de achtergrond kleur is. Toepassing: Een link met hover state. Achtergrond kleurt geel op. Echter ik wil dat de kleur over de hele breedte van mijn div wordt weergegeven,ipv alleen de breedte van de tekst van die betreffende link.

[anoniem]

Volgens mij kun je bij background kiezen voor; repeat, no repeat repeat-x, repeat-y. Probeer repeat-x maar eens.

[anoniem]

Ik heb hem geprobeerd, maar hij werkt niet. helaas. Ik dacht dit al, aangezien repeat-x of y bedoeld is voor images.

[anoniem]

[offtopic] Tobee, hoe gaat het met jouw site (stijlstek ofzoiets). Zit er al progressie in?

[anoniem]

Heb je de tekst gedefinieerd als [color=red:7afc6170d0]display: block;[/color:7afc6170d0] ? Volgens mij geeft [i:7afc6170d0]inline[/i:7afc6170d0] alleen de tekst een achtergrond en [i:7afc6170d0]block[/i:7afc6170d0] de hele regel. [code:1:7afc6170d0]display: block; background-color: kleurtje;[/code:1:7afc6170d0]