Het Web ontwikkelaars Topic [deel 2]

Hier zijn wel goeie tuts voor Html en CSS. Dan moet het zeker wel lukken

 

Ik zou die site niet in frames gaan maken. Frames zijn klote. Kan je beter een paar tuts volgen over css en divs. Als je eenmaal door hebt hoe het in elkaar steekt moet hem wel lukken. Het zijn iig meerdere divjes die je moet maken. 1 div met de gehele background. Daarin zet je er een paar waar dr content en menu in moet komen. Je kan dit makkelijk doen door met css id's aan de divjes te hangen met erschillende bg colors. Hierdoor kan je snel de posities zien waar de divjes staan. Bij de eerste div moet je ook margin: 0 auto; zetten. Hierdoor staat deze altijd horizontaal in het midden.

 

Ik denk dat ik begin te begrijpen

Div's zijn een soort vakken waar je content in zet.

En met CSS kun je aangeven hoe je het inricht.(vormgeving)

Correct me if im wrong.

Alleen snap ik nog niet hoe die website is ingedeedl met Div's.

De lichtgele achtergrondkleur is gewoon de bodybgcolor in het html document.

De afbeelding staat dan in een div?

En die vakken tekst die dan over de afbeelding heen staan?
Zijn dat ook divs? Zoja, hoe zet je dan een div in een div?

Veel vragen, maar ik wil het gewoon graag leren.

 

Klopt helemaal.
via css link je de bg color enzo.

Code:

<div id="wrapper">
   DIT IS DE BG.

    <div id="menu">
      MENU
    </div>
</div>

zoals je ziet kan je gewoon een div openen en daarna weer een div openen. deze staat dan in de andere div.

 

Ok, maar wat ik dan niet snap is;

Die witte doorzichtige vakken waar de tekst in staat.

Hoe hebben ze dat wit doorzichtig gemaakt?
En hoe lijn je die 2 vakken uit ten opzichte van de achtergrond div?

Ik hoop dat je me begrijpt

EDIT: Ik heb deze site ook nog gevonden http://www.sceneone.nl/
Staat veel info in

En bedankt voor je hulp, ik zal hem nog wel nodig hebben

 

Dat witte doorzichtige had ik niet gezien, in firefox werkt dat niet Dan kan het het beste een half doorzichtige bg maken in photoshop. En dan opslaan als .png. Die als bg maken.

Over het uitlijnen. Je kan het makkelijkste met floats werken. Je zet in de css op de menu div een float left. op de content float right. Dan beetje met margins werken om het goed te zetten.

 

Bedankt!

Ik zal er binnekort aan beginnen.

Stapje voor stapje

Koppelen van css aan html gaat zo?

En die code moet tussen de head tags van je pagina?

 

Als het niet lukt wil ik wel helpen.

edit:
Ja, css moet je zo linken ja.

 

Inmiddels al aan het aanklooien.

Maar hoe centreer ik mijn div? want ik wil de afbeelding natuurlijk in het midden.

Html code:

Css code:

 

margin: 0 auto; op de div zetten.

Ook die bgcolor van de body tag halen en dan dit in de css zetten:

Code:

body{
   background-color: #FFFF99;
}

 

Edit: gdzr was me voor

ook is het handig om firebug te installeren in je browser als je css aan het leren bent!

 

Thnx man

Gelukt & aangepast.

Alleen staat de afbeelding nog niet verticaal gecentreerd.

Krijg er zin om de site verder te maken

 

als je achtergrond wil centreren:

Code:

background-position: center;

 

Ik bedoelde niet de achtergrond maar de div, die staat wel horizontaal in de browser gecentreerd maar niet verticaal.

EDIT: heb je MSN? misschien makkelijker dan het topic vol spammen.

 

wat zijn de maten van je div?

als je div bijv 800px breed is kan je het onderandere zo oplossen:

left : 50%;
margin-left : -400px;
width : 800px;

 

Yes. bas@idreamz.nl

 

Weet iemand hoe je tekst kan beginnen in een div?

Hij zet de tekst namelijk helemaal links uitgelijnd.

Ik wil zeg maar eerst een inspringing/spatie zodat de tekst niet tegen de randen aankomt.

Moet je dan weer een nieuwe div maken?

 

dan moet je een padding maken in je div

ik kom wel op msn

 

Ik ben ook gewoon online op msn

 

zeg ff dat ie firebug moet installeren want daar heeft ie geen zin in lol