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;
 }

Jeg har lagt siden op her:
http://jakobnissen.dk/allergyapp
Håber i kan hjælpe.

Indlæg senest redigeret d. 16.11.2011 16:14 af Bruger #16833

34 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 3 karma

Sorter efter stemmer Sorter efter dato

Bruger #16833 @ 16.11.11 21:39

Nu er den på 25%.. Det virker rent faktisk med mindre siden ikke er bred nok. Hvis man "samler" siden, så kører div'en med ind, så hvis man kan få den til at sætte fast på en eller anden måde, så tror jeg problemet er løst.

Bruger #16649 @ 16.11.11 21:40

Så på din left( i css ) tilføj:

margin-left: 10%;

Så på din right( i css ) tilføj:

margin-right: 10%;

Bruger #16833 @ 16.11.11 21:45

Er gjort.

Bruger #16649 @ 16.11.11 21:46

Så kan du lige prøve at tilføje billede i højre side også.

Bruger #16833 @ 16.11.11 21:49

Er gjort. Det virker vidst siden gøres bred (på min skærm) men lige så snart den bliver gjort mindre rykker div'en ind og trykker det hele sammen.

Bruger #16649 @ 16.11.11 21:50

Prøv lige at lave width: 100%; på din body ( i css )

Bruger #16833 @ 16.11.11 21:54

Done!

Bruger #16649 @ 16.11.11 21:55

Ved egentlig ikke hvordan man skal, er ikke så god til css, laver mest php og mysql...

Men prøv at tilføje det her

position:absolute;

til dine left/right

EDIT:
Eller prøv
position: relative;

Hvis absolute ikke virker

Indlæg senest redigeret d. 16.11.2011 21:57 af Bruger #16649

Bruger #16833 @ 16.11.11 22:03

Kan ikke komme i kontakt med min side mere, den må være overbelastet af alle de mange uploads på kort tid, men har tjekket i safari og det virker stadig ikke.

EDIT:
Nu kom jeg ind, siden er opdateret.

Indlæg senest redigeret d. 16.11.2011 22:04 af Bruger #16833

Bruger #16649 @ 16.11.11 22:06

Er sku ikke så god til css, kan være der er andre der lige kan hjælpe med dette problem?

<< < 1 2 3 4 > >>

Tilføjelse af div-bokse

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler