Coderen

Gestart doorRobindh10 reacties50 weergaven

11 berichten · pagina 1 van 1

Robindh

Lid · Topicstarter

Berichten
22.444
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hoi,

Ik was bezig met het coderen van een layout alleen ik kom er niet helemaal uit. Ik moet namelijk 2 contenten naast elkaar krijgen alleen krijg deze niet naast elkaar. En wel onder elkaar.

Dit heb ik nu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titel van je website.</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
 <div id="leader"></div>
  <div id="header"></div>
   <div id="vlak"></div>
     <div id="balk"><h1>TOPDOMEIN : XXX.NL</h1></div>
       <div id="vlakje"></div>
         <div id="content"><h3> <big>Oudste Domeinnamen</big><br> www.Ikea.nl <br> www.atosrtv.nl</h3></div>
             <div id="contenten"></div>   
                <div id="footer"><h2>Copyright 2011 Websitenaam.nl - Basing By RobinDH</h2></div>
             
</div>


</body>
</html>


/* CSS Document */
/*  Stylesheet */
body { height: 100%; margin: 0; padding: 0; background:#cfcfcf url(images/background.png) repeat-x; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
html{ height: 100%; }
#container {width:1000px; margin:0 auto;} /* width= de breedte van je layout, margin 0 = aantal pixels vanaf de bovenkant en auto betekend gecentreerd.*/
#leader {background: url(afbeeldingen/leader.gif); width: 1000px; height: 57px; margin: 0;}
#header {background: url(afbeeldingen/header.gif); width: 1000px; height: 227px; margin: 0;}
#vlak {background: url(afbeeldingen/vlak.gif); width: 1000px; height: 56px; margin: 0;}
#balk{background: url(afbeeldingen/balk.gif); width: 1000px; height: 70px; margin: 0;}
#balk h1 {font-size: 18px; color:#000000; text-align: center; padding-top: 23px; margin: 0;}
#vlakje{background: url(afbeeldingen/vlakje.gif); width: 1000px; height: 55px; margin: 0;}
#content{background: url(afbeeldingen/content.gif); width: 475px; height: 390px; float: left; margin: 0;}
#content h3 {font-size: 14px; color:#000000; text-align: 12px; padding-top: 6px; padding-left: 65px ; margin: 0;}
#contenten {background: url(afbeeldingen/contentje.gif); margin: 0 0 0 475 px; width: 525px; height: 390px ;}
#footer {background: url(afbeeldingen/footer.gif); width: 1000px; height: 145px; margin: 0;clear:both;}
#footer h2 {font-size: 14px; color:#000000; text-align: center; padding-top: 70px; margin: 0;}
0
Berichten
14.025
Reputatie
1
Punten
0,01
Lid sinds
Laatst gezien
xxx.nl is volgens mij een p*nro site? (van me vriend gehoortschater)
0
Berichten
1.479
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dylanh schreef:
xxx.nl is volgens mij een p*nro site? (van me vriend gehoortschater)
Het is een P*rnosite xDDD!! emo
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
geef ze alle 2 een breedte mee en geef ze dan float: left; mee smile

toevoeging op 19 oktober 2011, 15:51:20:
Zorg btw wel dat ze in je container passen.
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
#content {width: 1000px; overflow:hidden;}
#links {width: 475px; float:left; margin:0;}
#rechts {width: 475px; float:left; margin:0 0 0 50px;}


div id="content">
     <div id="links">Hier je tekst in het linkervak</div>
     <div id="rechts">Hier je tekst in het rechtervak>/div>
</div>


En zoals ik al eerder tegen je zei, lees mijn tutorial eens op one2xs daar staat het ook allemaal uitgelegd wink
0
Robindh

Lid · Topicstarter

Berichten
22.444
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Marjolein schreef:
#content {width: 1000px; overflow:hidden;}
#links {width: 475px; float:left; margin:0;}
#rechts {width: 475px; float:left; margin:0 0 0 50px;}
div id="content">
     <div id="links">Hier je tekst in het linkervak</div>
     <div id="rechts">Hier je tekst in het rechtervak>/div>
</div>


En zoals ik al eerder tegen je zei, lees mijn tutorial eens op one2xs daar staat het ook allemaal uitgelegd wink
Deze heb ik ondertussen doorgelezen. Overigens zitten er nog andere fouten in?
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
kun je me het eindresultaat sturen dan kijk ik het na voor je smile
0
Robindh

Lid · Topicstarter

Berichten
22.444
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Marjolein schreef:
kun je me het eindresultaat sturen dan kijk ik het na voor je smile
Dan zal ik die online moeten zetten. Zal ff kieken.
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
je mag het ook zippen en naar me mail van one2xs sturen smile
0
Berichten
7.681
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien

Oudste Domeinnamen
www.Ikea.nl
www.atosrtv.nl


Dat gaat ook niet werken he!

<div id="content">
   <h3>
      <strong>Oudste Domeinnamen</strong> <br />
      www.Ikea.nl <br />
      www.atosrtv.nl
   </h3>
</div>


ik neem aan dat je met big dik gedrukte letters bedoelt?

toevoeging op 21 oktober 2011, 14:59:02:
En waarom heb je de footer in de h2 tags gezetemo ??

Titel: h1
Kopjes: h1 of h2 (licht er aan hoe belangrijk het is)
Content (gewone tekst): p
Footer: p
tags: h3/h4
0
Robindh

Lid · Topicstarter

Berichten
22.444
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Freestyle schreef:

Oudste Domeinnamen
www.Ikea.nl
www.atosrtv.nl


Dat gaat ook niet werken he!
<div id="content">
   <h3>
      <strong>Oudste Domeinnamen</strong> <br />
      www.Ikea.nl <br />
      www.atosrtv.nl
   </h3>
</div>


ik neem aan dat je met big dik gedrukte letters bedoelt?

toevoeging op 21 oktober 2011, 14:59:02:
En waarom heb je de footer in de h2 tags gezetemo ??

Titel: h1
Kopjes: h1 of h2 (licht er aan hoe belangrijk het is)
Content (gewone tekst): p
Footer: p
tags: h3/h4

Ik heb per onderdeel alles een H-tag gegeven. D
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