CSS class id verwijzingen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Danny

Danny

04/03/2009 11:41:00
Quote Anchor link
Hoi,

Ik wil alle label tags met de class='loginscherm' in css opmaken

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
.loginscherm label {  
border: 1px solid #000000;
text-align: right;
float: left;  
width: 25em;  
margin-right: 1em;
}


Maar dit werkt dus niet.. hoe werkt het wel? of kan deze combinatie gewoon niet?
 
PHP hulp

PHP hulp

19/05/2024 18:23:58
 
Wesley Overdijk

wesley Overdijk

04/03/2009 11:44:00
Quote Anchor link
...

class='loginscherm' vervangen door id='loginscherm'

en de . in de css vervangen door een #

EDIT
en als dat niet werkt dat label ook ff weghalen. *anders is het altijd nog #label.loginscherm*

beste is #loginscherm{
Gewijzigd op 01/01/1970 01:00:00 door wesley Overdijk
 
Elwin - Fratsloos

Elwin - Fratsloos

04/03/2009 11:46:00
Quote Anchor link
Een ID mag je maar een keer gebruiken op een pagina. Anders is het niet uniek. Om dus op een pagina meerdere labels met de class 'loginscherm' te stylen is je CSS zo:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
label.loginscherm {
}
En in je HTML gebruik je gewoon <label class="loginscherm">.
 
Danny

Danny

04/03/2009 11:46:00
Quote Anchor link
bedankt voor je reactie

Ok dus het moet persé een id zijn ipv een class.. dat wou ik eigenlijk niet maar bedankt!

update: ohhhh kan wel dus bedankt! dat wou ik weten :)
Gewijzigd op 01/01/1970 01:00:00 door Danny
 
Wesley Overdijk

wesley Overdijk

04/03/2009 11:48:00
Quote Anchor link
@Elwin:

Ik heb gehele documenten opgezet met id :$
Dus goed dat je dat toelicht :P Maar jou optie had ik ook aangegeven *ik ben geen css held, nooit geweest XD*
 
Elwin - Fratsloos

Elwin - Fratsloos

04/03/2009 11:55:00
Quote Anchor link
@wesley
Dit document legt wel redelijk uit wat id's zijn binnen HTML.

Verder zie ik mijn oplossing niet bij jou staan. Wel #label.loginscherm. En dat betekend in CSS weer het element met id 'label' en class 'loginscherm'.

CSS in het kort:
p {} - Stylen van de p-tag, door het hele document
#iets {} - Stylen van element met id 'iets'
.iets {} - Stylen van alle elementen met class 'iets'
p.iets {} - Stylen van de alle p-tags met de class 'iets'
p#iets {} - Stylen van de p-tag met het id 'iets'
p span {} - Stylen van een span-tag in een p-tag, door het hele document
p.iets span.anders {} - Stylen van een span-tag met class 'anders' in een p-tag met de class 'iets'

Enzovoorts...

[Edit: Typo]
Gewijzigd op 01/01/1970 01:00:00 door Elwin - Fratsloos
 
Jurgen assaasas

Jurgen assaasas

04/03/2009 11:57:00
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
Een id verwijzing
label#loginscherm    {color: red}

Een classverwijzing
label.loginscherm    {color: red}

elementverwijzing (alle elementen dus)

label    {color: red}
 
Danny

Danny

04/03/2009 12:05:00
Quote Anchor link
Laat ik gelijk nog een vraag stellen als jullie het niet erg vinden:

Hoe kan je het beste je css document indelen als het een beetje erg groot wordt? Dus in welke volgorde en welke groepjes kan je het beste vormen binnen een css document? En wanneer kan je beter aparte css documenten gebruken ipv 1?
 
Jurgen assaasas

Jurgen assaasas

04/03/2009 12:12:00
Quote Anchor link
Er is geen vaste regel voor maar wat ik vaak doe is twee stylesheets maken. Eentje voor de layout (boxmodel, kleurgebruik etc). En eentje voor de tekst, afbeeldingen en elementaire opmaak.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.