[HTML] Tekst

[Ronnyrr]

Hallo allemaal,

Zelf ben ik nog maar een beginner in het scripten van website's, maar ik vind het wel leuk om te doen.
Misschien is het dan een beetje een domme vraag, maar ik kom er niet uit en kan het verder ook nergens vinden, maar ik zit met het volgende probleem:

Ik heb een tekst in een sidebar tussen de div tags gezet, maar nu wil ik de tekst omhoog zodat hij in het blauwe vak komt. En ook wil ik de hele sidebar iets van 50 px van de kant afhebben. Wat moet ik daarvoor toevoegen aan mijn script?

Script 1:

code:

  <div id="sidebar1">
    <div id="recent">
        <h3><strong>Recente opdrachten</strong></h3></div>
   </div>

Script 2:

code:

.twoColElsRtHdr #sidebar1 {
    float: right; 
    width: 20em; /* since this element is floated, a width must be given */
    background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 0px 0; /* top and bottom padding create visual space within this div */
}
.twoColElsRtHdr #recent {
    background: #090082; /* the background color will be displayed for the length of the content in the column, but no further */
    color: #FFFFFF;
    height: 30px;
    padding: 0px 0px -5px 0px; /* top and bottom padding create visual space within this div */
}
.twoColElsRtHdr #sidebar1 h3, .twoColElsRtHdr #sidebar1 p {
    margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
    margin-right: 10px;
}

Voorbeeld:


Bedankt voor de hulp alvast,

Groeten Ronny.

[TERW_DAN]

Dit kun je doen dmv positionering in CSS. Zie bijv: http://www.brainjar.com/css/positioning/ of een van de vele tutorials die te vinden zijn als je zoekt op CSS positioning.

[MueR]

TERW_DAN schreef op woensdag 27 januari 2010 @ 16:56:
Dit kun je doen dmv positionering in CSS. Zie bijv: http://www.brainjar.com/css/positioning/ of een van de vele tutorials die te vinden zijn als je zoekt op CSS positioning.

Overbodig. Gewoon de margin die in je browser's default stylesheet zit weghalen lijkt me meer dan voldoende. Position absolute en dergelijke zijn vrijwel nooit nodig voor dit soort dingen.

[Bosmonster]

idd

Cascading Stylesheet:

div#recent h3 {
   margin: 0;
   padding: 0;
}

[TERW_DAN]

Idd, ik zat een beetje te moeilijk te denken, zeker voor dit voorbeeld is het niet echt nodig

[Ronnyrr]

Bedankt voor de hulp, Bosmonster.
Het is me gelukt!