[CSS] Probleem met tekstfont

[lvanhoe]

Gegroet,

ik ben druk aan het experimenteren met HTML/CSS om mijn site (http://www.pokerhaai.nl) zelf aan te kunnen passen en niet afhankelijk te zijn van (dure) designbureau's.

Nu zit ik met het volgende:

http://pokerhaai.nl/?page_id=30

Op deze pagina (niet klikbaar vanuit het menu) ben ik aan het experimenteren. Nu heeft het designbureau dat de basis van de site heeft gemaakt hier een aantal <div> instellingen gemaakt. Dat is zijn de bovenste buttons links, de middelste tekst en het lijstje met 'voordelen' rechts.

Zij hebben dit als volgt gedaan:

/*
<div style="float: right; position: absolute; left: 215px; width:340px;" id="main_review">
*/
#tekst_hoofd{
	float: right;
	position: absolute;
	left: 205px;
	width: 340px;
}

/*
<div style="float: right; position: absolute; left: 595px; width:200px;" id="voordelen">
*/
#tekst_rechts{
	float: right;
	position: absolute;
    top: 55px;
	left: 580px;
	width: 200px;
}

/*
<div style="width:250px; position:absolute;" id="buttons_review">
*/
#buttons_review{
    top: 58px;
	width: 250px;
	position: absolute;
}

Prima, so far so good. Nu zie je de tekst eronder echter, die is zwart en staat niet in de jusite stijl (niet bruin en ander lettertype). Deze <divs> heb ik zelf gemaakt, op de volgende manier:

/*
<div style="width:250px; position:absolute;" id="buttons_review2">
*/
#buttons_review2{
    top: 825px;
    left: 165px;
	width: 250px;
	position: absolute;
}

/*
<div style="float: right; position: absolute; left: 595px; width:200px;" id="voordelen2">
*/
#tekst_rechts2{
	float: right;
	position: absolute;
    top: 0px;
	left: 580px;
	width: 200px;
}

/*
<div style="float: right; position: absolute; left: 215px; width:340px;" id="main_review2">
*/
#tekst_hoofd2{
	float: right;
	position: absolute;
    top: 0px;
	left: 205px;
	width: 340px;
}

Mijn vraag is nu: hoe krijg ik de tekst in deze <divs> in hetzelfde font als de bovenste tekst?

Met vriendelijke groet,

Ivo Swart

 

[Hedva]

Ik zat even te kijken hier waar alles staat:
http://pokerhaai.nl/wp-content/themes/pokerhaai/style.css

De dingen die jij hebt verandert staat niks over in, hoe de tekst eruit moet komen te zien.
Dat doet het hier allemaal:

#content{
	height:auto;
	font-family: Cooper Medium BT, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5D4707;
	text-align:left;
/*	float:left; */
	position: absolute;top: 292px;left: 164px;width: 500px;line-height: 1.5;
}

/*
Deze wordt alleen gebruikt in de homepage template home.php
*/
#content_homepage{
	height:auto;
	font-family: Cooper Medium BT, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5D4707;
	text-align:left;
/*	float:left; */
	position: absolute;top: 292px;left: 164px;width: 900px;line-height: 1.5;
}
a:link {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}
a:active {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;

Waarschijnlijk moet je de 1e hebben, en die veranderen.

 

[lvanhoe]

Alright, en wát moet ik daar precies veranderen zodat die instellingen voor de gehele page gaan gelden?

 

[Hedva]

Volgens mij is het dat 1e stukje waar t om gaat.

Dus je zou een #content2 moeten maken, en die aangeven bij de div's ?