[CSS] Link styles

[Verwijderd]

Hello!
Ik heb een vraagje... ik heb een website design waar ik meerdere link styles wil gaan gebruiken..

hier http://www.projectseven.c...s/pseudoclasses/page5.htm staat een goede uitleg hoe dit zou moeten werken.. maar

code:

.leftcolumn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    background-color: #FFFFFF;
}
.rightcolumn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CCCCCC;
    background-color: #333333;
}
.leftcolumn a:link {
    color: #CC6600;
    text-decoration: underline;
}
.leftcolumn a:visited {
    color: #66CC99;
    text-decoration: underline;
}
.leftcolumn a:hover { 
    color: #333333;
    text-decoration: none; 
    background-color: #FFFFFF;
}
.leftcolumn a:active {
    color: #CC6600;
    text-decoration: underline;
}
a:link {color: #333333;}
a:visited {color: #333333;}
a:hover {
    color: #CCCCCC;
    text-decoration: none;
    background-color: #333333;
}
a:active {color: #333333;}
.rightcolumn a:link {
    color: #FFCC00;
    text-decoration: underline;
}
.rightcolumn a:visited {
    color: #FFCC00;
    text-decoration: underline;
}
.rightcolumn a:hover {
    color: #CCCCCC;
    text-decoration: none;
}
.rightcolumn a:active {
    color: #FFCC00;
    text-decoration: underline;
}

hiervoor moet je wel gebruik maken van collumns in je html code right?
(td's?)
Ik maak alleen maar gebruik van divjes is het dan wel mogelijk?

bij voorbaat dank!

[Voutloos]

Als je de 1e de beste CSS tutorial leest, kom je er snel genoeg achter wat .rightcolumn betekent.

[Arethusa]

Nee, rightcolumn of leftcolumn is de naam van de div die in het voorbeeld gebruikt word. Vervang die naam door jouw div naam en het moet werken.

[Grijze Vos]

Verwijderd schreef op maandag 24 september 2007 @ 13:04:

hiervoor moet je wel gebruik maken van collumns in je html code right?
(td's?)
Ik maak alleen maar gebruik van divjes is het dan wel mogelijk?

Tuurlijk kan dat.

Iets als dit:

code:

.leftcolumn a:active

zegt dat alle active <a>'s die in een element staan met de class leftcolumn die style krijgen.

code:

<div class="leftcolum">
  <a href="bla">bla</a>
</div>

<table>
  <tr>
    <td class="leftcolum">
      <a href="bla">bla</a>
    </td>
  </tr>
</td>

Deze twee code fragmenten geven voor de linkjes hetzelfde gedrag met bovenstaande css code.

[Verwijderd]

haha voel me gigantisch stom nu...
de meest moeilijke problemen oplossen binnen een uur en iets simpels kan ik dan de hele ochtend op klem zitten

mijn dank is groot het werkt!

[sopsop]

Arethusa schreef op maandag 24 september 2007 @ 13:09:
Nee, rightcolumn of leftcolumn is de naam van de div die in het voorbeeld gebruikt word. Vervang die naam door jouw div naam en het moet werken.

Niet de naam, de klasse.

HTML:

<div id="ditishetid" class="ditisdeklasse">&nbsp;</div>

Zo refereer je aan een id en aan een klasse in css:

Cascading Stylesheet:

/* naar een id: */
#ditishetid {
   ...
/* naar een klasse: */
}
.ditisdeklasse {
   ...
}