PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
n

Class op normale text laten uitwerken

Door nicky van boven op 18-09-2005 20:13
623 views
Hey allemaal,

Hoe laat je een class op een normale text los? Dus nie top een linkje :)
ik heb geprobeerd met <td class="style1"></td> en met <div class="style1"></div>
Maar het lijkt niet te werken :s iemand een idee?
Alfred -
18-09-2005 20:14
<p></p>
<span></span>
Jelmer -
18-09-2005 20:15
div zou al moeten werken opzich. Hoe ziet je stylesheet eruit?
Alfred -
18-09-2005 20:17
Nja, TD normaliter ook...
Jelmer -
18-09-2005 20:20
Als td buiten een tabel (<table/>) staat, kan ik me voorstellen dat de browser de weg kwijt raakt. Maar ik weet wel zeker dat het hier aan het stylesheet ligt.
n
nicky van boven
18-09-2005 20:24 gewijzigd op 18-09-2005 20:27
wat is een stylesheet? Want de code met de class staat gewoon in mn <head> hoor

De code:
<style>
a.style1{color:#CCCCCC;text-decoration:none; font-family: Arial, Serif; font-size: 12px;}
a.style1:visited{color:#CCCCCC;text-decoration:none; font-family: Arial, Serif; font-size: 12px;}
a.style1:hover{color:#FFFFFF;text-decoration:none; font-family: Arial, Serif; font-size: 12px;}
</style>
A
Arjan Kapteijn
18-09-2005 20:45
Je bedoeld zoals ik hier heb gedaan (bijv. de eerste rode mededeling). Dat is een simpele div. <div class="mededeling">tekst</div>.
Jelmer -
18-09-2005 21:00
@Nicky: ja, dat is de stylesheet.
Even een korte les stylesheets:

[element].[classe]:[event] {[instellingen]}
Dat is een declaratie op zijn algemeenst.

[element]: Kan bijvoorbeeld div, td, input of in jouw geval a zijn. Dit houd dus in dat hij de [instellingen] die je definieert alleen toepast op elementen van dat type.

[classe]: Kan je opgeven, en dan wordt de toepassing van [instellingen] beperkt tot alle elementen die [classe] in het class-attribuut van het element hebben. (je kan dus meerdere classes meegeven aan een element, door ze door een spatie uit elkaar te houden)

[evenement]: bijvoorbeeld hover, maar ook visited. Helaas worden dezen door Internet Explorer alleen bij links (a-elementen) getoond. In andere browsers kan je dezen over het algemeen (vooral hover (met de muis over) en click (spreekt voor zich) zijn erg handig af en toe)

Maar let op!
Je hoeft ze niet allemaal in te vullen!
.[classe]{ [instellingen] }
[element]{ [instellingen] }
[element].[classe]{ [instellingen] }
.[classe]:hover{ [instellingen] }
maar ook
#[id]{ [instellingen] }
waar dan [id] de waarde krijgt van het id-attribuut van een element. Maar officieel mag een id-waarde maar maximaal 1 keer gebruikt worden.

En nog iets. Je kan van algemeen naar specifiek defineren. Dus bijvoorbeeld:
a{
font-size: 20px;
color: green;
}
a:hover{
color: red;
}

Nu zal waneer je met de muis over een link gaat de grote niet veranderen, de kleur wel.

Zie ook http://www.w3schools.com

Reageren

Inloggen om te reageren