login  Naam:   Wachtwoord: 
Registreer je!
 Forum

2 links 2x CSS?

Offline Bertjuh - 20/10/2004 10:06
Avatar van BertjuhHTML interesse Hallow,
in mijn css heb ik de volgende code:

a {
/* blabla.. */
}

Met deze code krijgt iedere link in mijn website deze opmaak.

Maar ik wil bij sommige links een andere opmaak.
Hoe moet ik dat met CSS maken? En wat moet er dan in de <a href="" class="?"> staan?

Alvast bedankt!

14 antwoorden

Gesponsorde links
Offline DRUNK - 20/10/2004 10:22
Avatar van DRUNK PHP gevorderde a.twee {
/* blabla */
}

<a href="" class="twee">blabla</a>
Offline Bertjuh - 20/10/2004 10:31
Avatar van Bertjuh HTML interesse aha! thnx!

ik zag al zoiets met # tjes, maar daar kwam ik echt niet uit.

Offline xSc - 20/10/2004 11:21
Avatar van xSc Onbekend je kunt ook

link, hover en visited meegeven:

CSS:
a.classnaam:link, a.classnaam:hover {
/* blabla */
}

a.classnaam:visited {
/* Iets anders */
}

<a href="" class="classnaam">blabla</a>

Je begrijpt het principe.
Offline Bertjuh - 20/10/2004 11:28
Avatar van Bertjuh HTML interesse ja thnx, duidelijk.

Hover is ok trouwens ;)
Offline Thomas - 20/10/2004 12:01
Avatar van Thomas Moderator # is voor het geven van een stijl aan een id dacht ik (een uniek item, meestal een div).
Offline Metalhead - 20/10/2004 12:03
Avatar van Metalhead HTML gevorderde De # gebruik je toch voor het positioneren in een pagina?
(Daarvoor gebruik ik hem in ieder geval)
Offline Thomas - 20/10/2004 12:15
Avatar van Thomas Moderator http://www.html...cture.html

ID Selectors

ID selectors are individually assigned for the purpose of defining on a per-element basis. This selector type should only be used sparingly due to its inherent limitations. An ID selector is assigned by using the indicator "#" to precede a name. For example, an ID selector could be assigned as such:

#svp94O { text-indent: 3em }

This would be referenced in HTML by the ID attribute:

<P ID=svp94O>Text indented 3em</P>
Offline Metalhead - 20/10/2004 12:23
Avatar van Metalhead HTML gevorderde Maar dat is dus voor #-gebruik in CSS (toch?), ik had 't over gebruik in HTML...
Offline xSc - 20/10/2004 12:40
Avatar van xSc Onbekend Positioneren doe je in CSS.

Bij mijn weten kun je # in HTML gebruiken wanneer je direct naar een pagina gedeelte wilt springen:

dus bijv.

<a name="test">Hoi, ik heet Henri</a>

Als dit in index.html staat, kun je een link maken naar index.html#test waardoor Hoi, ik heet Henri bovenaan staat. Dat is handig bij lange pagina's.
Offline Metalhead - 20/10/2004 12:41
Avatar van Metalhead HTML gevorderde Dat bedoelde ik met positioneren...
Offline xSc - 20/10/2004 12:45
Avatar van xSc Onbekend Neem het mij niet kwalijk, Metalhead.
Offline barry - 20/10/2004 12:59
Avatar van barry PHP interesse Mja met # kan je én op je pagina positioneren en een id aanwijzen via een style...
CSS en HTML zijn twee verschillende taaltjes he...
Offline Fenrir - 20/10/2004 15:04
Avatar van Fenrir PHP expert misschien heb je hier wat aan:

http://css.maxdesign.com.au/selectutorial/

als je het wilt leren.
Offline twopeak - 20/10/2004 17:31
Avatar van twopeak Gouden medaille

PHP ver gevorderde
je kunt je link toch gewoon classes geven, dus de ene link zal class1 gebruiken en de andere class2.
Alles wat voor beide classes gelijk is stop je in de 'a' selector (selector of hoe noemt dat ook weer)

Je moet dan wel bij elke link schrijven bij welke categorie hij behoort!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.232s