Webwereld

Vragen coderen

Gestart doorBasdost21 reacties64 weergaven
Log in om mee te praten

22 berichten · pagina 1 van 2

Basdost

Lid · Topicstarter

Berichten
90
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hallo,

Via de tutorial van marjolein (bedankt hiervoor!) probeer ik mijn eerste website te coderen.
Nu wil ik mijn menu balk erin zetten (header is reeds geplaatst)

Maar wat ik ook probeer, ik krijg de menu balk er niet in.

Dit zijn mijn codes:

stylesheet:
Spoiler tonen
/* CSS Document */
/* Stylesheet | Author: Marjolein KFB Design 2011 */
body { height: 100%; margin: 0; padding: 0; background:#f1f1f0 url(images/background.png) repeat-x; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
html{ height: 100%; }

#container {width:900px; margin:0 auto;}
#header {background: url(header.png)no-repeat; width: 602px; height: 105px; margin: 50px;}
#menu {background: url(menu.png)no-repeat; width: 601px; height: 40px; margin: 70px;}
en de index.html:
Spoiler tonen




Super Friezen


Iemand die kan helpen?
0
One2xs

Bot

Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Je moet in de CSS nog een div aanmaken?
0
Basdost

Lid · Topicstarter

Berichten
90
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
huh? hoe bedoel je?
0
Marjolein

Lid

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Spoiler tonen
/* CSS Document */
/* Stylesheet | Author: Marjolein KFB Design 2011 */
body { height: 100%; margin: 0; padding: 0; background:#f1f1f0 url(images/background.png) repeat-x; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
html{ height: 100%; }

#container {width:602px; margin:0 auto;}
#header {background: url(header.png)no-repeat; width: 602px; height: 105px; margin: 0px;}
#menu {background: url(menu.png)no-repeat; width: 601px; height: 40px; margin: 0px;}
en de index.html:
Spoiler tonen




Super Friezen


De margin in je css gewoon even op 0 houden, De width van je container aanpassen aan de breedte van je layout en in je html was er een divje verdwenen.
Als het goed is moet het met deze codes lukken smile
0
Basdost

Lid · Topicstarter

Berichten
90
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
bedankt! hij doet het. De width was trouwens van mijn lay-out ook al 900

------

Ik wil nu de margin veranderen van mijn menu maar dan verdwijnt er een stuk van de onderkant?
en als ik dan mijn tekstvlak invoer is het hele menu weg
0
Marjolein

Lid

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
maar je header en je menu zijn maar 602 breed?

en als je margin gebruikt let dan op het volgende:
margin: 50px; betekend dat je van alle kanten (dus boven onder, recht en links) 50px ruimte wil.
Als je bv alleen boven 50px wil dan doe je het volgende:
margin: 50px 0 0 0; De overige 3 nullen staan voor rechts, onder en links (ook in deze volgorde).
Dus als je alleen links 50px ruimte wil:
margin: 0 0 0 50px;

Snap je het?

edit: je mag ook margin-left:50px; gebruiken of margin-top: 50px; wink
0
Basdost

Lid · Topicstarter

Berichten
90
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
ok bedankt! hier kan ik wat mee
0
Basdost

Lid · Topicstarter

Berichten
90
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
ok bedankt! hier kan ik wat mee

//Oei!

Ik ben nu bij mijn fotovlak, alles staat goed (thanks!) alleen het foto vlak krijg ik niet omhoog sadley
Codes:

html:
Spoiler tonen




Super Friezen


style:
Spoiler tonen
/* CSS Document */
/* Stylesheet | Author: Marjolein KFB Design 2011 */
body { height: 100%; margin: 0; padding: 0; background:#f1f1f0 url(images/background.png) repeat-x; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
html{ height: 100%; }

#container {width:900px; margin:0 auto;}
#header {background: url(header.png)no-repeat; width: 602px; height: 105px; margin: 30px;}
#menu {background: url(menu.png)no-repeat; width: 601px; height: 30px; margin: 30px;}
#tekstvlak {background: url(tekstvlak.png)no-repeat; width: 391px; height: 359px; margin: 0 0 0 240px;}
#fotovlak {background: url(fotovlak.png)no-repeat; width: 167px; height: 429px; margin: 0 0 0 0}
(margin staat weer op 0 0 0 0 omdat ik niet wist wat nu te doen)

//modedit: 2 berichten samengevoegd, dubbelposten is namelijk niet toegestaan.
0
Marjolein

Lid

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
#fotovlak {background: url(fotovlak.png)no-repeat; width: 167px; height: 429px; margin: 0 0 0 0;}
je bent vergeten de margin af te sluiten met ; dus de margin negeert je webbrowser nu.
0
Basdost

Lid · Topicstarter

Berichten
90
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
het werkt niet sadley het vlak gaat niet omhoog
0
Marjolein

Lid

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
heb je m online staan? dan kan ik even kijken hoe het nu staat smile
0
Basdost

Lid · Topicstarter

Berichten
90
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
nee heb hem nog niet online, kan zo wel even doen
0
Basdost

Lid · Topicstarter

Berichten
90
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
pff mooi is dat clown ik upload de site op woelmuis, dan zie je helemaal nietssadley ik heb alles geupload naar woelmuis Images en index + style
0
Desire

Lid

Berichten
4.367
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
@basdost: we zien niks? , alleen de achtergrond zien we
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