[CSS] Meerdere styles in 1 pagina?

[Peedy]

Hallo iedereen..
ik zit met een probleem.
Ik ben bezig met een site waarin ik 2 css styles wil gebruiken.
1 voor het menu (het gaat om A:link, A:active en A:hover) en 1 voor de tekst in het 'main'-gedeelte zeg maar.

Het menu word geinclude d.m.v. PHP dus de css style word ook meegenomen.
Ik heb al gezocht op GoT en dat met !important geprobeerd maar hij overruled niets... wie kan me helpen?!

[André]

Misschien met classes gaan werken?

[Verwijderd]

Hoort dit niet in W&G?

Ik zou iig verschillende classes (dus een voor je content, en een voor je menu) gebruiken.

[dusty]

Dit heeft meer met HTML te maken dan met PHP, CSS is toch echt HTML related.

Vandaar een Move van P&W naar W&G

[Peedy]

Ow ok thnx voor de move maar ontopic;
ik heb met classes geprobeerd maar dat werkt ook niet
Gewoon P.menu erboven gezet en dan voor het menu aan; <P Class="menu"> blabla</p> maar dat doet het dus niet... doe ik iets fout? Kan iemand een voorbeeld geven aangaande classes? Ik heb er wel een tut voor maar die is onduidelijk...

[Verwijderd]

André schreef op 01 October 2003 @ 21:05:
Misschien met classes gaan werken?

Niet zozeer met classes, maar gewoon creatief zijn met selectors natuurlijk
Als je classes kunt vermijden, moet je ze vermijden

pEeDy16 schreef op 01 oktober 2003 @ 21:08:
Ow ok thnx voor de move maar ontopic;
ik heb met classes geprobeerd maar dat werkt ook niet
Gewoon P.menu erboven gezet en dan voor het menu aan; <P Class="menu"> blabla</p> maar dat doet het dus niet... doe ik iets fout? Kan iemand een voorbeeld geven aangaande classes? Ik heb er wel een tut voor maar die is onduidelijk...

Of je iets fout doet kan ik niet zien, maar dit is gewoon een kwestie van even proberen. Als je even leert hoe je zelf zoiets voor elkaar krijgt, heb je er veel meer aan, dan wanneer je zoiets basics gaat vragen en er een antwoord op krijgt dat je niet in 1 keer begrijpt.

[ Voor 57% gewijzigd door Verwijderd op 01-10-2003 21:12 ]

[Peedy]

Selectors?
Ok ik dacht dat ik redelijk wat van CSS af wist maar dat valt dus vies tegen?

Ok ik heb ff gegoogled naar selectors, snel gelezen, geprobeerd en...GEFIXT!
Thnx voor het woord 'selectors' genoemd te hebben

[ Voor 45% gewijzigd door Peedy op 01-10-2003 21:14 ]

[André]

Hier staat ook heel veel:

www.w3schools.com

[JeromeB]

Verwijderd schreef op 01 October 2003 @ 21:08:
Als je classes kunt vermijden, moet je ze vermijden

Waarom?.. als ik vragen mag.

[BtM909]

JeromeB schreef op 01 October 2003 @ 22:29:
[...]


Waarom?.. als ik vragen mag.

Probeer zo veel mogelijk de juiste HTML elementen te gebruiken en maak deze op met CSS.

Ipv alles in div-jes plakken en verschillende classes gebruiken.

[crisp]

JeromeB schreef op 01 October 2003 @ 22:29:
[...]

Waarom?.. als ik vragen mag.

Omdat je met classes toch weer zit te rommelen in je HTML-structuur, wat kan betekenen dat je bij een stijl-wijziging ook weer die classes in je HTML moet gaan aanpassen. Bij slim gebruik van selectors heb je daar geen last van.

Simpel voorbeeldje:

HTML:

<div id="menu">
  <a class="nav" href="item1.html">Linkje</a>
</div>
<div id="content">
  Check mijn <a class="nav" href="coolecasemod.html">casemod</a>
</div>

Je hebt je links dus netjes opgemaakt mbv een class, nu wil je echter de links in je menu toch anders doen. Je class aanpassen betekent echter dat de links in je content meeveranderen - je moet dus een 2e class gaan aanmaken en alle links in je html pagina's gaan aflopen en waar nodig die 2e class toekennen. Had je het echter gewoon zo gedaan:

HTML:

<div id="menu">
  <a href="item1.html">Linkje</a>
</div>
<div id="content">
  Check mijn <a href="coolecasemod.html">casemod</a>
</div>

dan had je het ook zo kunnen stylen:

Cascading Stylesheet:

#menu a {
  color: red;
}
#content a {
  color: blue;
}

[JeromeB]

Ja dat begrijp ik allemaal wel. Maar dan bedoelt Cheatah eigenlijk het volgende (denk ik): "Als je het aanroepen van classes kunt vermijden, moet je dat vermijden.", want volgensmij is het volgende nog steeds een class:

code:

a
{
    font: 10px Verdana;
    color: blue;
}

Je roept hem dan welliswaar niet aan met class= of id=, maar daarom is het toch nog wel een class? of heb ik het fout?

[crisp]

JeromeB schreef op 01 October 2003 @ 23:10:
Ja dat begrijp ik allemaal wel. Maar dan bedoelt Cheatah eigenlijk het volgende (denk ik): "Als je het aanroepen van classes kunt vermijden, moet je dat vermijden.", want volgensmij is het volgende nog steeds een class:

code:

a
{
    font: 10px Verdana;
    color: blue;
}

Je roept hem dan welliswaar niet aan met class= of id=, maar daarom is het toch nog wel een class? of heb ik het fout?

nee, het is een selector ( http://www.w3.org/TR/REC-CSS2/selector.html ), en wel een descendant selector

#menu a { } wil zeggen alle a-tags binnen een element met id="menu"

[ Voor 6% gewijzigd door crisp op 01-10-2003 23:17 ]

[JeromeB]

Oh ... nouja weet ik ook weer wat dat betekent ... bedankt. Ik kan er iig wel mee overweg.

[crisp]

JeromeB schreef op 01 oktober 2003 @ 23:23:
Oh ... nouja weet ik ook weer wat dat betekent ... bedankt. Ik kan er iig wel mee overweg.

IE ondersteund van de verschillende typen selectors ook alleen deze descendant selector, de rest is leuk om mee te spelen in Mozilla bijvoorbeeld

[rewind.]

ik ben ook sindskort begonnen met css en moet zeggen dat het redelijk makelijk te leren is. mijn tip voor de beginner t/m gervorderd : http://www.cssref.be