Div aanmaken lukt niet?

Gestart doorOne2xs10 reacties11 weergaven

11 berichten · pagina 1 van 1

One2xs

Bot · Topicstarter

Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Hallo,
Voor http://jochemsweb.nl/projecten/radio/ wil ik links een vak hebben voor het menu, links naast de content dus.
Ik heb
ingevuld, maar dan komt er geen nieuw vak links? Enkel de tekst die ik er onder zet? sadleyWie kan me helpen?
0
Berichten
832
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Je hebt geen content1 in je css?
0
One2xs

Bot · Topicstarter

Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Hoe doe ik dat? css is:

/* CSS Document */
/* Stylesheet | Author: Jochem Stobbe 2011 */
body { height: 100%; margin: 2; padding: 0; background:#f1f1f0 url(Images/Bg.png) repeat-x; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
html{ height: 100%; }

#container {width:900px; margin:0 auto;} /* width= de breedte van je layout, margin 0 = aantal pixels vanaf de bovenkant en auto betekend gecentreerd.*/
#header {background: url(Images/Header.png); width: 900px; height: 60px; margin: 0;}
#header h1 {font-size: 30px; color:#f1f1f0; margin:0; padding:120px 0 0 10px; } /* we zetten de h1 achter #header zodat de h1 waarde allen voor die div toepasbaar is.*/
#menu {background: url(Images/menu.png); width: 900px; height: 27px; margin: 0;}
#menuitems {text-align: center; padding-top: 10px;} /*nu komt het in het midden en 3px vanaf de bovenkant.*/
#menuitems a {font-size: 11px; color: #f1f1f0; text-decoration: none;} /*met de a kunnen we de waarde van de linken bepalen voor de menuitems*/
#menuitems a:hover { color: #cedfe8;}/*de kleur voor als je met je muis over de link gaat*/
#content {background: url(Images/Blok1.png); width: 900px; margin: 0; overflow:hidden;} /*hieraan geven we geen height mee omdat deze moet "meerekken" met de inhoud van je site. De overflow zorgt hiervoor.*/
#left { width: 800px; margin: 10px 0 0 50px; float:left;}
#right { width: 800px; margin: 10px 0 0 50px; float:left;} /*let op dat de width + de margins van zowel left als right totaal niet meer zijn dan de breedte van je layout, anders komt de laatste div eronder ipv ernaast.*/
#footer {background: url(Images/footer.png); width: 900px; height: 35px; margin: 0;}
#footer h2 {font-size: 9px; color:#f1f1f0; text-align: center; padding-top: 2px; margin: 0;}/*de margin is hier nodig om de footer op zijn plaats te houden*/
0
One2xs

Bot · Topicstarter

Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Sorry dubbelpost maar gene die het goed heeft krijgt 0,2 beloning! smile
0
Berichten
832
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Je wilt dus 2 vakken in je contentvak? Dat kan met een table.
Volgensmij moet je dit dan in je content zetten:

<table width="100%">
<td width="30%">
Je menu hier :D
</td>
<td width="70%">
Je content hier :D
</td>
</table>
0
One2xs

Bot · Topicstarter

Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Ik wil links naast de content menu vak zeg maar maken.
Wat moet ik doen, in de stye.css enz?
Apart dus, uit elkaar. wink
0
Berichten
832
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Je bedoelt een lijn ertussen?
Dan doe je:

<table width="100%">
<td width="30%" style="border-right:2px solid #000000">
Je menu hier :D
</td>
<td width="70%">
Je content hier :D
</td>
</table>
0
One2xs

Bot · Topicstarter

Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Neen..
Ik wil een geheel apart vak naast die content, niet erin.
Zodat er ruimte tussen zit.
Niet in de content, maar er naast.
Zou je me de hele code kunnen geven, inbouwen in de syle.css dus?
http://jochemsweb.nl/projecten/radio/style.css?
Een menu vak dus. wink
0
Berichten
832
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Oh, Dan zal ik dat even voor je in elkaar zetten.
Kan wel ff duren. Kwartiertje ofsow.
0
One2xs

Bot · Topicstarter

Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Ok bvd.
Als het werkt 0,2 voor jou! smileStuur me dan amar PM! smile
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
je moet uiteraard dit niet gaan oplossen met een table... dan heb je alles netjes met divs en dan ga je dit vervuilen met een table code. Lijkt me onnodig.
(btw: nice dat je mijn tut als voorbeeld neem wink)

Verander dit in je css:

#left { width: 200px; margin: 10px 0 0 50px; float:left;}
#right { width: 600px; margin: 10px 0 0 50px; float:left;}


en verander dit in je html:

<div id="left"> hier je vak links</div>

    <div id="right"><h2> Welkom </h2> Welkom op Radiostation,
Deze layout is gemaakt door Jochem Stobbe.<br />
Er kunnen nog meer vakken worden toegevoegd, etc.<br />
Er komt ook nog een prachtig logo.<br />
Dit is nog maar het begin. Lorum Ipsum!<br />
<br />
Met vriendelijke groet,<br />
Jochem Stobbe
</div>
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren