Tekst goed plaatsen

Ik heb mijn lay-out gecodeerd, maar krijg de tekst niet goed.
Hoe kan ik dit het beste goed zetten.

Ik heb het geprobeerd met padding-left en padding-top maar dan gaat et vak uit elkaar.
Moet ik er iets aan toevoegen? Of is er een andere manier?

heb je een voorbeeld?

Smiegles schreef:

heb je een voorbeeld?

Deze stuur ik even via de mail.

css:

.text {padding-top:10px; padding-left:10px;}

html:

<div id="vak die niet uitelkaar mag">
   <div class="text">
    Hier je tekst, hier je tekst
   </div>
</div>

En een tip: als je padding gebruikt, zet dan altijd margin:0; erbij

Dus gewoon zo?

<div id="vakken">
<div id="blauw">
<div class="text">
<div class="blauwtop"></div>
<div class="blauw-blauw">tekst</div>
<div class="blauw-wit">tekst</div>
<div class="blauw-blauw">tekst</div>
<div class="blauw-wit">tekst</div>
<div class="blauw-blauw">tekst</div>
<div class="footer-blauw"><h2>tekst</h2></div>
</div></div>

wat is de css van blauw-blauw dan?

Dit is de css:

/* Blauw */

#blauw {
    width: 279px; 
    float:left; 
    margin-left:0;}

.blauwtop{
    background: url(images/top-blauw.png);
    width: 274px; 
    height: 45px;}
    
.blauw-blauw {
    background-image: url(images/blauw-blauw.png);
    height: 22px;
    width: 272px;
    padding-left:5px;
    padding-top:2px;
    background-repeat:no-repeat;}

.blauw-wit {
    background-image: url(images/blauw-wit.png);
    height: 22px;
    width: 272px;
    padding-left:5px;
    padding-top:2;
    background-repeat:no-repeat;}

.footer-blauw {
    background-image: url(images/footer-blauw.png);
    height: 45px;
    width: 274px;
    padding-left:5px;
    padding-bottom:5px;
    background-repeat:no-repeat;}

/*Einde blauw*/

PS: Als je je achtergrond op no repeat zet en geen pixels van de width afhaalt ( die je bij padding left hebt gebruiker) Dan komt er inderdaad ruimte tussen, bedoel je dat?

Shahiem schreef:

PS: Als je je achtergrond op no repeat zet en geen pixels van de width afhaalt ( die je bij padding left hebt gebruiker) Dan komt er inderdaad ruimte tussen, bedoel je dat?

Ik heb pixels van de width afgehaald. Ik heb het nu wel weer goed, maar krijg de tekst niet omlaag.

/: Ik heb een oplossing gevonden, ik heb de Height wat verkleint, de afmetingen blijven hetzelfde, maar staan nu goed, inclusief de tekst.