Lijst beginnen met eigen iconen

[Verwijderd]

Ik heb een lijst, in deze lijst wil ik graag eigen iconen als pointers gebruiken. Nu kan ik dit natuurlijk doen met list-style-image maar dit moet dan per link/list-item aangepast worden met verschillende rare classes. Een andere manier is om met plaatjes te beginnen bij elk list item en dan met css de pointer uit te zetten. Dit vind ik ook niet zon mooie fix zeker niet als er eventueel nog items zonder icoon bij komen. Hoe pak ik dit het beste aan?

[Xof]

Met CSS kun je ook bijvoorbeeld bij bestandsnamen automatisch een icoontje meegeven, denk dat je zoiets moet gaan ombouwen voor jouw doeleinden

[RobIII]

Xof schreef op donderdag 17 september 2009 @ 12:25:
Met CSS kun je ook bijvoorbeeld bij bestandsnamen automatisch een icoontje kan meegeven, denk dat je zoiets moet gaan ombouwen voor jouw doeleinden

Verwijderd schreef op donderdag 17 september 2009 @ 12:23:
Een andere manier is om met plaatjes te beginnen bij elk list item en dan met css de pointer uit te zetten.

Heb je een voorbeeld? Ik snap denk ik niet helemaal wat je nou bedoelt. Waarom zou je een pointer op een image moeten "uit" zetten? (ik neem aan dat je het handje weg wil hebben?)

[ Voor 44% gewijzigd door RobIII op 17-09-2009 12:27 ]

[Xof]

RobIII schreef op donderdag 17 september 2009 @ 12:26:
[...]

http://www.psyked.co.uk/css/auto-matic-link-icons.htm

[Verwijderd]

Ehm hoe dan? Daar ben ik niet bekend mee, bovendien is dit niet wat ik zoek omdat ik niet met bestanden werk.

[RobIII]

Xof schreef op donderdag 17 september 2009 @ 12:27:
[...]




http://www.psyked.co.uk/css/auto-matic-link-icons.htm

Zeg dan gewoon CSS (attribute) selectors

Verwijderd schreef op donderdag 17 september 2009 @ 12:28:
bovendien is dit niet wat ik zoek omdat ik niet met bestanden werk.

Dat hoeft ook niet; zie de link die gepost werd. Daarom vond ik de post van Xof wat vreemd; hij begon over bestanden terwijl zijn idee gewoon algemener toepasbaar is.

[ Voor 43% gewijzigd door RobIII op 17-09-2009 12:31 ]

[Xof]

Ja was een beetje onhandig omschreven, kon dus ook niet op het woord komen.
Maar het kan dus gewoon met attributes, maakt dus niet uit of het een link is of een span bijv.

[Verwijderd]

maar goed de lijst ziet er nu zo uit

Add Content
View Website

nu wil ik dus een plusje bij add content en een vergrootglas (of iets dergelijks) bij view website. Maar er kunnen taken bij komen. bijvoorbeeld linken naar google of naar andere websites.

hoe kan ik nou specifiek voor die eerste 2 gevalleen icon neer zetten zonder een te afhankeljke css configuratie te maken.

[MoietyMe]

Kijk eens naar list-style-image (CSS).

offtopic:
Ik moet wat beter lezen

[ Voor 36% gewijzigd door MoietyMe op 17-09-2009 12:50 ]

[Erkens]

Wat is er mis met extra css classes?
Zo doet tweakers dat ook: zie bijvoorbeeld het menu rechts in je EIGEN gallery

HTML:

<ul>
    <li class="editUser"><a href="http://tweakers.net/my.tnet/profile">Profiel wijzigen</a></li>
    <li class="layout"><a href="http://tweakers.net/my.tnet/layout">Layout settings</a></li>
    <li class="computer"><a href="http://tweakers.net/my.tnet/sysspecs">Systeemspecs</a></li>
    <li class="alert"><a href="http://tweakers.net/my.tnet/notification">Notificatie</a></li>
    <li class="email"><a href="http://tweakers.net/my.tnet/mailabo">Nieuwsbrief</a></li>
    <li class="cv"><a href="http://tweakers.net/my.tnet/cv">Tweakers-CV</a></li>
    <li class="photo"><a href="http://tweakers.net/my.tnet/fotoalbum">Fotoalbum</a></li>
    <li class="storage"><a href="http://tweakers.net/my.tnet/storage">Private storage</a></li>
    <li class="article"><a href="http://tweakers.net/my.tnet/weblogs">Weblog admin</a></li>
    <li class="key"><a href="http://tweakers.net/my.tnet/sessions">Actieve sessies</a></li>
    <li class="karma"><a href="http://tweakers.net/my.tnet/karmastore">Karmastore</a></li>
</ul>

[Verwijderd]

ik denk inderdaad dat ik daar niet aan ontkom, ben er persoonlijk niet zo'n fan van denk ik maar als het niet anders kan is het zo.

[Erkens]

Verwijderd schreef op donderdag 17 september 2009 @ 12:47:
ik denk inderdaad dat ik daar niet aan ontkom, ben er persoonlijk niet zo'n fan van denk ik maar als het niet anders kan is het zo.

Het enige wat je in die css class hoeft te zetten is het plaatje, want de rest van de styling zit ergens anders. Je ontkomt er niet aan om ergens de url van het plaatje te zetten, je zou het bijvoorbeeld ook dmv een inline style kunnen doen, maar een class is mooier, zeker als je die vaker gaat gebruiken.

[Verwijderd]

Erkens schreef op donderdag 17 september 2009 @ 12:50:
[...]

Het enige wat je in die css class hoeft te zetten is het plaatje, want de rest van de styling zit ergens anders. Je ontkomt er niet aan om ergens de url van het plaatje te zetten, je zou het bijvoorbeeld ook dmv een inline style kunnen doen, maar een class is mooier, zeker als je die vaker gaat gebruiken.

de class is gekozen