Vragen over coderen

Hallo,

Ik ben bezig met coderen met layout alleen klopt die niet helemaal:
bij links scheelt het een kleinstukje maar weet niet hoe je aan die kant verschuift

In mijn style.css noem ik hem balk

#balk {background: url(images/balk.png); width: 1001px; height: 41px; margin: 3px;  color: #FFF;}

en roep hem aan als div:

<body>
<div id="balk">Algemeen:</div>
</body>

Kan iemand mij misschien dr mee helpen?
Alvast bedankt.

Gr propje

Dat ligt meestal aan de margin of padding die je bent vergeten aftrekken of aftellen van de header of die balk

Het lijkt dat hij rechts ook wat te ver staat. Mss kan je hem opschuiven?

je heb margin 3px, dus hij zet m 3 px vanaf de bovenlant en de linkerkant, zet margin op 0 en maak er dan padding: 3px; van

Het is nu goed maar er moet een stukje ruimte tussen komen van de menu & balk hoe doe ik dat dan met padding-top toch?

margin-top: 3px;

Padding is volgens mij alleen voor de elementen die in de DIV staan, zoals de tekst?

Frozenflame schreef:

margin-top: 3px;

Padding is volgens mij alleen voor de elementen die in de DIV staan, zoals de tekst?

Ja, padding is voor tekst

MARGIN MARGIN
M------------------M
A|padding paddp|A
R|a content cona|R
G|d content cond|G
I|d padding paddi|I
N-------------------N
MARGIN MARGIN

oftewel

margin:3px 0 0 0;

Fass schreef:

MARGIN MARGIN
M------------------M
A|padding paddp|A
R|a content cona|R
G|d content cond|G
I|d padding paddi|I
N-------------------N
MARGIN MARGIN

oftewel

Afbeelding

outline moet daar ook nog tussen eigenlijk

In de tussen is het gelukt is er een manier om de zelfde div naastelkaar te zetten want heb 6 baken 3 naastelkaar en 3 onderelkaar

Die divs moet je dan float: left; meegeven of display: inline-block;
Als je problemen krijgt (wat je met float op den duur zeker zal krijgen) werkt het vaak om er een onder te zetten.

Het is immers me een beetje gelukt, maar zit met de volgende probleem:
Bij de vakken roep ik ze zo aan met div:

div#box7{
background: url(images/content.png);
float: left;
width: 230px;
height:270px;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
margin: 3px 0 0 0;
}

maar dan gaan ze vet raar staan
in de div staat het gewoon zo:

<div id="box1">box 1</div>
        <div id="box2">box 1</div>
        <div id="box3">box 1</div>
    <div id="box5">box 1</div>
        <div id="box6">box 1</div>
    <div id="box7">box 1</div>
    <div id="box8">box 1</div>
    <div style="clear: both;"></div>

Heb al geprobeerd met float: right; maar werkt ook niet:

en bij footer heb ik in de css staan float: right; ik wil dat die tekst aan de rechter kant komt te staan maar hij zit niet helemaal bij de kant.

Kan iemand mij misschien er mee helpen?
Alvast bedankt.

Over helemaal het begin: zoek op wat immers betekent.
Over daarna: dat past toch helemaal niet Btw: als je bij allerlei divs dezelfde eigenschappen hebt, kun je ze beter een class="box" geven en dan in de css .box { (in plaats van #box1 { etc)

Over het allerlaatste: text-align: right;

// Oh ik snap wat je bedoelt met 2 vakjes. Kun je niet gewoon nog een floatend ding erbij zetten? Zet het anders online dan kan ik t firebuggen.