PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
J

font in links

Door J C op 02-05-2014 19:06 gewijzigd op 02-05-2014 19:08
2.484 views
Ik wil graag de font in een link aanpassen maar kom er niet helemaal uit wat ik fout doe:


<div class="forumtopiccontainer" style="background:#FFF; ">
		<div class="homeforumonderwerp"><a href="?pagina=topic&amp;topicnr=116" >05-12-2013 - TUI (2)</a></div>
		<div class="homeforumstart">08-Dec-'13 12:18</div>
		
		<div class="homeforumlaatst"><a href="?pagina=topic&amp;topicnr=116#reactie3">08-Dec-'13 21:01</a></div>
		<div class="homeforumstart">Bart/div>
		<div class="homeforumlaatst">Jasper</div>
	</div>





div.homeforumlaatst, div.homeforumlaatst a{
	width: 80px;
	height: 20px;
	float: left;
	vertical-align: middle;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	font-weight: normal;
    text-decoration: none;
}


Alle tekst wordt netje de juiste grote, behlave de link die blijft dik en groot.
Ocirina Ocirina
02-05-2014 21:36 gewijzigd op 02-05-2014 21:36
Hier sluit je de HTML div niet af: '<div class="homeforumstart">Bart/div>'.
De selector in de CSS is goed op de <a> tag.
J
J C
02-05-2014 21:39 gewijzigd op 02-05-2014 21:41
Excuses komt door het knip en plak werk, ik had van de mensen de achternaam weggehaald en dus ook per ongeluk het <.
In het huidige script staat het < wel, dus dat is helaas niet het probleem.

Ik heb het tuidelijk zo opgelost, maar dat is niet heel netjes:


style=" font-size:11px; font-weight: normal;"
F
Ferdi R
02-05-2014 21:40
Misschien font-weight: normal; weghalen.

Het kan ook zijn dat een ander stukje CSS de link bold maakt, misschien staat dit in je CSS bestand?

a{
    font-weight: bold;
}
J
J C
02-05-2014 21:42
Dat stukje staat er inderdaad in, ik dacht dat een nieuwe waarde dit zou overschrijven.

Hoe zorg ik ervoor dat dit wel overschreven wordt?
F
Ferdi R
02-05-2014 21:45
Ik denk dat je

div.homeforumlaatst, div.homeforumlaatst a{

moet veranderen naar

div.forumtopiccontainer, div.homeforumlaatst a{
J
J C
02-05-2014 21:54 gewijzigd op 02-05-2014 21:58
Meteen even geprobeerd, maar helaas.

het wordt inderdaad ergens anders meegenomen


#main a:link, #main a:visited {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #233174;
}


$main is eigenlijk de hele website

dit is wat firefox oproept voor dit element


element {
}
#main a:link, #main a:visited {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #233174;
}
div.homeforumlaatst {
font-size: 11px;
font-weight: normal;
}
div.hometopiccontainer {
font-size: 12px;
}
#main {
font-size: 12px;
color: #000;
}
#container {
text-align: left;
}
body {
text-align: center;
font-family: arial,helvetica,sans-serif;
}

Frank Nietbelangrijk
02-05-2014 23:08 

div.homeforumlaatst,
div.homeforumlaatst a,
div.homeforumonderwerp,
div.homeforumonderwerp a{
    width: 80px;
    height: 20px;
    float: left;
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}


Toevoeging op 02/05/2014 23:09:06:

http://codepen.io/anon/pen/slKyn

Toevoeging op 02/05/2014 23:11:23:

Je zou een div een UNIEK id moeten geven met id="..." en meerdere divs kun je dan nog eens dezelfde class geven
J
J C
02-05-2014 23:15
Bedankt voor het meedenken.

Maar hij blijft toch de eerder genoemde gegevens gebruiken:

#main a:link, #main a:visited {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #233174;
}
Frank Nietbelangrijk
02-05-2014 23:21 gewijzigd op 02-05-2014 23:21
zet er dan de !important achter


#main a:link, #main a:visited {
color: #233174 !important;
}

Reageren

Inloggen om te reageren