Div + Css ?

Deadangel · 29 July 2008, 11:32

Ik zie hier in sommige CSS bestanden voor de divs een punt staan ( bv; .div ) en een andere keer een hekje ( bv #div ), mijn vraag is vrij simpel; wat is het verschil ?

**Dexter** · 29 July 2008, 11:51

volgens mij is "." een "class" en een "#" een "id".
Een verschil tussen twee is dat je een class meerdere keren kan gebruiken en een id maar 1 keer.
bevoorbeeld: <div id="header"></div> of <h1 class="right"></h1>

Deadangel · 29 July 2008, 12:09

Ah, voila!

En als ik in mijn DIV verschillende ondelen nodig heb;
vb;

#head{
Zever van de head
}

& ik heb onder die head een div links nodig ( float : left; ) & een rechts; (float: right; ), plaats ik die dan best onder een nieuwe id / class ?
Of kan ik die zetten zoals;

#head.deellinks{
Zever
}

#head.deelrechts{
Zever
}

**Dexter** · 29 July 2008, 12:32

Je kan ook gewoon:
.deellinks {zever} doen

Want als je de #head ervoor zet dan kan je hem nog maar 1 keer gebruiken omdat je je class specificeert (ofsoiets)..

dus bevoorbeeld:
.normaltxt { /* voor alle p en h3's */
font-family: Verdana, sans-serif;
font-size: 14px;
margin: 0 0 0 1em;
text-decoration: none;
}

en dan doe je:
<p class="normaltxt"></p>
bij al je normale teksten

Verkort de code wat

Deadangel · 29 July 2008, 13:08

Okayz, cava! Dankuwel

Gezien mijn ander CSS-topic blijkbaar gesloten is..

Ik heb in mijn CSS dit als code staan ;

Code:

a:link {
    color: #7A8493;
    text-decoration: none;
}
a:visited {
    color: #7A8493;
    text-decoration: none;
}
a:hover {
    color: #DBB335;
}

& ik heb 'n link rond een foto gelegd ..
In FF ziet het er uit hoe 'k wil, mààr in IE heb ik die lelijke blauwe band daarrond .. hoe krijg ik die naar de kleur dat ik wil ?

**Pjj** · 30 July 2008, 05:13

Ik zou in de HTML:

HTML-code:

<img src="source" class="imglink" alt="zever" />

En dan in de CSS:

Code:

.imglink{
border: 1px solid #333;
}

Bijvoorbeeld

Deadangel · 30 July 2008, 10:25

Dàt deed ik ook, maar bij IE werkte het niet, blijkbaar moest je doen

Code:

a img{
color: 000000;
}

( Dusja, dat is opgelost, maar héy, ik tover dat hier om tot mijn algemene vragentopic, goed ?)

Next;
Ik wil mijn layout bestanden ( HTML ) niet samensteken met mijn php-code's..
Is er een manier waarop ik die 2 toch tot hun recht te brengen, zonder ze in dezelfde file te zwieren ?

**soldierflup** · 1 October 2008, 15:45

Om van die vervelende border in IE bij een beeld waar een link op ligt af te raken dien je simpelweg het volgende te gebruiken : <img src = "..." alt="..." border="0" />