Hallo,

Ik ben bezig met een layout te maken voor m''n site en wil graag een tekst boxje er bij zoals deze:


http://img686.imageshack.us/img686/2629/voorbeeldc.png


Alleen ik weet niet hoe dat moet en kan op google niets vinden wat ik precies zoek ik wil er n.l. ook een titel bij.

Weten jullie wat mijn css code moet worden en html??

b.v.d.

Timo
Je hebt een div nodig voor de box zelf

<?php // alleen voor de kleurtjes
<div id="box">
	<div id="titel">
		Hier de titel
	</div>
	<div id="tekst">
		Hier de tekst
	</div>
</div>
?>


En met CSS ga je deze dan opmaken.
De ronde hoeken moet je zelf uitvogelen. in CSS3 is dit een standaard functie maar in CSS2 die nu in feite nog de standaard is gaat dit via omwegen. Zie even: [google]css rounded corners css2[/google]

Verder maak de css dan zo op:


<?php // alleen voor de kleurtjes
#box{
width: 300px;
border: solid 1px #000;
}

#titel{
width: 100%;
height: 20px;
background-color: #f00; 
/* + misschien wat font styles */
}

#tekst{
width: 100%;
min-height: 100px;
background-color: #fff;
}

?>
Oke bedankt, maar dit is niet echt wat ik wil ik wil dus gewoon een achtergrond url in de css geven van bv top, center en bottom snap je???

Dus waar de titel in staat wordt gewoon een bg gedaan! zelfde geldt voor center en bottom afsluiten...
je kan het zelf toch allemaal ontleden
kijk naar de broncode en je hebt bijna alles al wat je nodig hebt.
of van waar heb je die afbeelding?
wnt dat zou toch veel makkelijker zijn denk ik ^^
of bestaat er hier geen duidelijk voorbeeld van?
Een onhandige, niet juiste manier, maar als jij denkt dat dat de oplossing is.
Het antwoord blijft hetzelfde, alleen de titel div eruit halen. De rest blijft ongeveer hetzelfde. Moet je wel uit kunnen komen denk ik?

Reageren