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.489 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.
Wouter J
02-05-2014 23:23
Kun je misschien je volledige CSS code op pastebin.com of plaatscode.be oid zetten? Ik heb zo'n idee dat je iets verkeerd hebt gedaan in je CSS.
Frank Nietbelangrijk
02-05-2014 23:31 gewijzigd op 02-05-2014 23:32
nee zoals wouter zegt op codepen, pastebin of iets dergelijks want dat is direct een heerlijke werkomgeving.
Op codepen hoef je niet te registreren. gewoon kiezen voor 'new pen', plakken en op save klikken, daarna de url kopiëren en hier in het forum plaatsen
J
J C
02-05-2014 23:35
plaatscode.be vond hij ook prima.

dat codepen werkt niet via mijn pc. Weet niet waarom.
Wouter J
02-05-2014 23:38
JC, oh de broncode was ook al perfect :)
Frank Nietbelangrijk
02-05-2014 23:42 gewijzigd op 02-05-2014 23:45
als je de #main weghaalt dan werkt het wel. is dat niet goed?

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

Het nadeel is dat dan alle snelkoppelingen meegenomen worden. je kunt de snelkoppelingen zelf ook een class geven
[code]
<a class="foo" href="#">cool</a>
Wouter J
02-05-2014 23:44
Het probleem: als ik je CSS in cssdesk plak met de bovenstaande HTML krijg ik geen problemen: http://cssdesk.com/4Fthd

Laad je de stylesheets wel in de juiste volgorde in, dus container.css na opmaak.css?

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

Wacht, frank geeft hier een hele goede tip. Een id komt voor een class in de CSS cascade regels. Dat betekend dat "div.homeforumlaatst a" geen nut meer heeft als je al "#main a" in je code hebt staan. Je zult de "#main a" dus minder speciaal maken, door bijv. #main weg te halen of hier een class of tag neer te zetten.
J
J C
02-05-2014 23:46 gewijzigd op 03-05-2014 00:00
JA zie hier:

http://www.jcsl.nl/medewerkers/index.php


<head>
<base href="http://www.jcsl.nl/medewerkers/index.php"/><meta name="robots" content="index, follow" />
<meta name="lang" content="nl" /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="google-site-verification" content="Hulfoz_qKKp_b0v4xpOGzzFkwyB_LjaVGzprtMEPhFo" />
<meta name="websitejudge-verify" content="fb1f951e0cddb8ebac5c34b2c4727678" />

<link rel="stylesheet" href="/medewerkers/css/opmaak.css" type="text/css" />

<?php if(!isset($_GET['pagina']) || (isset($_GET['pagina']) && ($_GET['pagina'] == "" || $_GET['pagina'] == "home" || $_GET['pagina'] == "boekingen" || $_GET['pagina'] == "topic-overzicht" || $_GET['pagina'] == "topic"))){ ?>
<link rel="stylesheet" href="/medewerkers/css/containers.css" type="text/css" />
<?php } ?>

<?php if (isset($_GET['pagina']) && ($_GET['pagina'] == "" || $_GET['pagina'] == "boekingen" )){?>
<link rel="stylesheet" href="/medewerkers/css/boekingen.css" type="text/css" />
<?php } ?>
<?php if(isset($_GET['pagina']) && ($_GET['pagina'] == "showcase-overzicht")){ ?>
<link rel="stylesheet" href="/medewerkers/css/showcase.css" type="text/css" />
<?php } ?>
<script type="text/javascript" src="/medewerkers/js/script.js"></script>


<?php

?>
<title>J.C. Sound &amp; Light - <?= $maintitel; ?></title>

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6.css" />
<![endif]-->

<!--[if IE8]>
<link rel="stylesheet" type="text/css" href="css/ie8.css">
<![endif]-->
 
</head>


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

zoiets dan?

'<a href="?pagina=topic&amp;topicnr='.$list['topicnr'].'#reactie'.$laatstereactie['topic_reactienr'].'" id="homeforumlaatste" >'.date("d-M-'y H:i",$laatstereactie['topic_datum']).'</a>';


icm 

#homeforumlaatste{
 font-size:11px !important;
 font-weight: normal !important;

}

Reageren

Inloggen om te reageren