CSS vraagjes.

Gestart doorFreestyle5 reacties20 weergaven

6 berichten · pagina 1 van 1

Freestyle

Lid · Topicstarter

Berichten
7.681
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik ben een layout aan het basen. En ik heb 2 vraagjes.

1. Als ik een h1 maak. Dan zet hij er automatisch een enter boven. Hoe zorg ik dat dat normaal is.
2. Mijn bovenste vak moet heelmaal van links naar rechts. En helemaal boven staan. Alleen nu staat hij overal een paar pixels naast hoe los ik dat op?

Alvast bedankt.
0
Berichten
160
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
1. pas de padding aan.

h1 {
padding-top:0px; }


2. pas de padding en/of margin in de body aan (je gebruikt zeker FireFox)

body{
padding:0px;
margin:0px; }


Als dit niet werkt, graag een live demo...
0
Freestyle

Lid · Topicstarter

Berichten
7.681
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Het werkt allebij niet.

Als ik bij de h1 padding-top:0px; doe. dan doet ie het nog nietwink Zo staat hij goed. alleen het hele contact vlak moet iets omhoog. En als ik de h1 weg haal dan staat ie wel goed. Maar ik wil de h1 tag gebruiken.

code:
Spoiler tonen
@charset "UTF-8";
/* Css by: Marijn Kok | Vanmarijn.nl */
/* Auteur: Marijn Kok */
/* VM-Productions */
/* CSS Document */

body { background:url(images/bg.png) repeat-x #FFF; margin:0 px; padding:0 px;}
#main {    margin:0 auto;}

/*Login form*/
#login {background:url(images/top_login.png); width:100%; height:47px;; padding-top:10px;}
#login form{padding-right:100px; text-align:right;}

/*Header*/
#header {width:950px;height:48px;margin:0 auto; padding-top:20px;}
#logo {width:273px; height:48px; float:left;} 
#social {text-align:right; height:48px; padding-top:24px; }

/*Menu*/
#menu {width:930px; height:46px; background:url(images/menu.png) no-repeat #FFF; margin:0 auto; padding-left:20px; padding-top:9px; word-spacing:20px;}
#menu a:link {font-family:Tahoma, Geneva, sans-serif;color:#FFF;font-size:18px;}
#menu a:visited {font-family:Tahoma, Geneva, sans-serif;color:#FFF;font-size:18px;}
#menu a:hover {font-family:Tahoma, Geneva, sans-serif;color:#060;font-size:18px;}
#menu a:active {font-family:Tahoma, Geneva, sans-serif;color:#FF0;font-size:18px;}

/*sidebar*/
#mid-main {width:950px; height:auto; background:#FFF; margin:0 auto;}
#sidebar {width:210px;  height:auto;margin:0 auto; background:#FFF; float:left; padding-left:4px; padding-right:4px;}
#contact {background:url(images/contact.png) no-repeat #FFF; height:96px; width:202px; padding-top:1px; padding-left:10px; margin-top:5px;}
#contact h1 {font-size:16px; color:#FFF;}
#contact p {font-size:14px; color:#FFF; }
#promo {background:url(images/promo.png) no-repeat #FFF; height:96px; width:192px; padding-top:1px; padding-left:10px; margin-top:5px; text-align:center;}
#promo h1{font-size:16px; font-weight:bold; color:#FFF;}
#promo p{font-size:14px; color:#FFF;}
.promo_button{background:url(images/promo_button.png) no-repeat; text-align:center; width:100px; height:40px;}
#domein {width:202px; height:167px; background:url(images/domein.png) no-repeat #FFF; margin-top:5px; padding-top:4px;}
#domein h1{font-size:16px; color:#FFF; text-align:center;} 
#domein p{padding-left:4px;}
.zoek{background:#FFF no-repeat; width:132px; height:21px;}
#domein span{font-size:16px; color:#FFF; padding-left:3px;}
.zoek_button{background:url(images/domein_button.png) no-repeat; width:81px; height:23px; float:right; margin-right:6px; margin-top:10px;}

/*Contet*/
#content {width:950px; height:200px; background:#FFF;}
#content h1{text-align:left; padding-left:10px; padding-top:10px; font-size:20px; color:#000;}
#content h1 span{color:#0C0;}
.under_tekst{color:#0C0; font-size:12px;}
#content hr {color:#000; background:#fcb300; height:3px; border:0; width:600px; margin-left:0px;}
#content p {font-size:14px; color:#000; padding-right:6px;}

/*footer*/
#footer {background:url(images/footer.png) no-repeat; margin:0 auto; width:950px; height:50px; }
#footer p{font-size:14px; color:#FFF;}
.left {float:left; padding-left:4px;}
.right {float:right; padding-right:4px;}
#footer a:link{color:#666; text-decoration:none;}
#footer a:visited{color:#666; text-decoration:none;}
#footer a:hover {color:#090; text-decoration:blink;}
#footer a:active {color:#666; text-decoration:none;}
0
Berichten
160
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ja maar ik vind het toch wel even handig om een live demo te zien. En dan het liefst ripped, want alles een hele berg CSS kan ik weinig mee. Of is dat vanmarijn.nl ? Maar wat is dan precies het contact vlak? En dat vind ik er gewoon goed uitzien hoor thumbsup
0
Freestyle

Lid · Topicstarter

Berichten
7.681
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik zal hem even online zetten. en in pb de link sturen.

(btw is niet vanmarijn.nl)
0
Berichten
160
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Oke, maar wat moet er precies omhoog? Dat stuk onder het menu? Want als ik

h1 {padding:0px; margin:0px;}


Invoer dan gaat dat stuk omhoog (in Firefox)

En verder is mij dus niet duidelijk wat er nu veranderd moet worden. Dus dan is het ook lastig helpen confused
Edit: Ik zie het al je hebt spaties dus 0 en px dat moet niet, gewoon aan elkaar yummieDan werkt het wel, geloof ik.

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fvanmarijn.nl%2Fvoorbeeld%2F+&profile=css21&usermedium=all&warning=1&vextwarning=&lang=nl
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