Een vraag over hyperlink in CSS
In mijn overzicht heb ik een hyperlink aangebracht rondom een stukje tekst. Dit met behulp van een href.
Het nadeel hiervan is dat de betreffende tekst wordt voorzien van de blauwe hyperlinklijn onder de tekst.
Ik heb geprobeerd om middels een text-decoration deze lijn weg te krijgen maar dit lukt mij niet.
Wat is de juiste syntax hiervoor?
Hier de code uit mijn css:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
.selectiefont {
font-family: 'WebSymbolsRegular';
font-size: 18px;
font-weight: normal;
color: #CC071E;
text-decoration: none;
text-decoration-line: none;
}
font-family: 'WebSymbolsRegular';
font-size: 18px;
font-weight: normal;
color: #CC071E;
text-decoration: none;
text-decoration-line: none;
}
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="invoerveld_400x500">
<p class="tabelheader"> <?php echo ES_Selecteer ; ?></p>
<?php while($row=mysql_fetch_array($ResultConcert)){
$cDatum = $row['datum'];
$cJaar = substr($cDatum,0,4);
$cMaand = substr($cDatum,5,2);
$cDag = substr($cDatum,8,2);
$cDatum = $cDag."-".$cMaand."-".$cJaar;
$cAanvang = $row['tijdstip'];
$cOmschrijving = $row['omschrijving'];
?>
<p class="selectiefont"><a href="boekingsformulier.php?id=<?php echo $row['id']; ?>">)</a><span class="zwartetekst"> <?php echo $cDatum." ".$cAanvang ." uur ". $cOmschrijving ; ?></span></p>
<?php } ?>
</div>
[?code]
<p class="tabelheader"> <?php echo ES_Selecteer ; ?></p>
<?php while($row=mysql_fetch_array($ResultConcert)){
$cDatum = $row['datum'];
$cJaar = substr($cDatum,0,4);
$cMaand = substr($cDatum,5,2);
$cDag = substr($cDatum,8,2);
$cDatum = $cDag."-".$cMaand."-".$cJaar;
$cAanvang = $row['tijdstip'];
$cOmschrijving = $row['omschrijving'];
?>
<p class="selectiefont"><a href="boekingsformulier.php?id=<?php echo $row['id']; ?>">)</a><span class="zwartetekst"> <?php echo $cDatum." ".$cAanvang ." uur ". $cOmschrijving ; ?></span></p>
<?php } ?>
</div>
[?code]
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
.selectiefont a {
font-family: 'WebSymbolsRegular';
font-size: 18px;
font-weight: normal;
color: #CC071E;
text-decoration: none;
text-decoration-line: none;
}
font-family: 'WebSymbolsRegular';
font-size: 18px;
font-weight: normal;
color: #CC071E;
text-decoration: none;
text-decoration-line: none;
}
Als je ook de mouseover, actieve link en bezochte link wilt aanpassen gebruik je.
mouseover:
.selectiefont a:hover {}
Actieve link:
.selectiefont a:active {}
Bezochte link:
.selectiefont a:visited {}
Ook al deze dien je dan te stylen naar de smaak die je wilt, als je die wel goed vind zo hoeft dat natuurlijk niet :D
Succes.
Gewijzigd op 10/05/2012 11:52:11 door Chris PHP
Met behulp van jullie suggesties heb ik mijn doel bereikt.
Dank voor de hulp
George
Ik heb eerlijk gezegt niet naar de volgorde gekeken, alleen aangegeven welke hij nog meer moet wijzigen voor de rest :D
Dank je voor de link, heeft de TS ook gelijk de juiste wijze te pakken.