html - Tilføjelse af div-bokse - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html

<< < 1 2 3 4 > >>

Bruger #16833 @ 16.11.11 16:13

Hej. Er i gang med at lave en hjemmeside for nogle venner. Jeg har sat designet op i divs og CSS som i også kan se i filerne. Nu har jeg så lige fået at vide at de gerne vil have plads til reklamer på begge sider af designet. Her tænker jeg at jeg skal have oprettet to divs mere et til venstre på 100 px og et til højre på 100 px, som man så kan skrive i. Hvordan får jeg tilføjet de to divs? Har prøvet lidt forskelligt, men det er ikke lykkedes mig endnu.

HTML-koden:

HTML kode

 <body>
 <div id="wrapper">
 <div id="header"></div><div id="menu">
 <a href="#" class="velkommen"></a><a href="#" class="omos"></a><a href="#" class="appen"></a><a href="#" class="maalene"></a><a href="#" class="kontakt"></a><a href="#" class="sidste"></a></div>
 <div id="newsscroll"><marquee align="middle">#1 - Lorem ipsum dolor sit amet #2 - consectetur adipiscing elit. #3 - Nunc sed convallis elit. #4 - Ut sed leo.</marquee></div>
 <div id="content"></div>
 <div id="footer"><br />Copyright © AllergyApp</div>
 </div>
 </body>

CSS:

CSS kode

 body {
     background-color:#f4f4f4;
     font-family:Tahoma, Geneva, sans-serif;
     font-size:12px;
     margin-top:0px;
     margin-left:0px;
 }
 
 #wrapper {
     width:1024px;
     height:800px;
     margin-left:0px;
     margin-top:0px;
 }
 
 #header {
     width:1024px;
     height: 166px;
     background-image:url(billeder/header.gif);
     background-repeat:no-repeat;
 }
 
 #menu {
     width:1024px;
     height:63px;
 }
 
 #menu_velkommen {
     width:274px;
     height:63px;
     background-image:url(billeder/menu_velkommen.gif);
     background-repeat:no-repeat;
     float:left;
 }
 
 #menu_omos {
     width:150px;
     height:63px;
     background-image:url(billeder/menu_omos.gif);
     background-repeat:no-repeat;
     float:left;
 }
 
 #menu_appen {
     width:150px;
     height:63px;
     background-image:url(billeder/menu_appen.gif);
     background-repeat:no-repeat;
     float:left;
 }
 
 #menu_maalene {
     width:150px;
     height:63px;
     background-image:url(billeder/menu_maalene.gif);
     background-repeat:no-repeat;
     float:left;
 }
 #menu_kontaktos {
     width:150px;
     height:63px;
     background-image:url(billeder/menu_kontaktos.gif);
     background-repeat:no-repeat;
     float:left;
 }
 #menu_sidstedel {
     width:150px;
     height:63px;
     background-image:url(billeder/menu_sidstedel.gif);
     background-repeat:no-repeat;
     float:left;
 }
 
 #newsscroll {
     width:1024px;
     height:32px;
     background-image:url(billeder/news_scroll.gif);
     font-size:20px;
 }
 
 #content {
     width:1024px;
     height:491px;
 }
 #footer {
     width:1024px;
     height:48px;
     background-image:url(billeder/footer.gif);
     background-repeat:no-repeat;
     text-align:center;
     font-size:15px;
 }