/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Divs der driller
Fra : Martin Tygsen


Dato : 11-02-06 14:09

Jeg har fået store problemer med at få mine divs placeret
ordenlig, jeg har læst lidt rundt på eksperten, og prøvet at
rette det til.

Men det vil bare ikke virke som det skal.

Derfor håber jeg i kan hjælpe

-----------HTML koden----------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" title="style" href="style.css"
type="text/css" />
</head>

<body>
<div class="container2">
<div class="menu"> Menu | dfdfs | dfsdf | sfdfsdf | </div>
<div id="logo"><img src="images/logo.jpg" alt="logo"
width="228" height="188" /></div>
<div class="extra">
<div class="text" id="overskrift"><br /><img
src="images/annoncer.gif" alt="annoncer" width="503" height="42"
/></div>
<div class="text" id="indhold"></div>
<div class="text" id="indhold_bund"><img
src="images/bund.gif" alt="bund" width="503" height="31" /></div>
</div>
<div class="extra2">
<div id="menu_overskrift"><img src="images/menu.gif"
alt="menu" width="246" height="35" /></div>
<div id="menu"></div>
<div id="menu_bund"><img src="images/bund_menu.gif"
alt="bund" width="246" height="31" /></div>
</div>
</div>
</body>
</html>


--------CSS koden---------

/* CSS Document */

container2 {
position: relative;
left: 0px;
top:110px;
width: 780px;
height:auto;
background-color: #DADBDC;
border-right: 1px solid #000;
border-bottom: 5px solid #000;
}

menu {
position: relative;
text-align: left;
left: 228px;
top: 0px;
height: 22px;
width: 552px;
background-color: #020127;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
line-height:22px;
}


#logo {
position:absolute;
width:228px;
height:188px;
left: 0px;
top: -64px;
}

text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#020127;
}

#indhold {
width:433px;
height:160px;
background-image:url(images/bg.gif);
padding-left:30px;
padding-right:40px;
}

#indhold_bund {
width:502px;
height:25px;
}


#overskrift {
width:241px;
height:35px;
}

#menu_overskrift {
width:247px;
height:32px;
}
#menu {
width:247px;
height:32px;
background-image:url(images/bg_menu.gif);
}
#menu_bund {
width:247px;
height:32px;

}

ekstra {
position: absolute;
left: 0px;
top: 0px;
}

ekstra2 {
position: absolute;
left: 300px;
top: 0px;
}

------------------------

Problemet er at extra, og extra2 boksene med divs inde i, ikke
vil placere sig ordenligt.
De skal stå ved siden af hinanden, og kunne udvides uahængigt af
hinanden

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
jopa (11-02-2006)
Kommentar
Fra : jopa


Dato : 11-02-06 14:15

Martin Tygsen skriblede bla:
> Jeg har fået store problemer med at få mine divs placeret
> ordenlig, jeg har læst lidt rundt på eksperten, og prøvet at
> rette det til.

Hejsa i stedet for at vi skal sidde og klippe og klistre er det noget
lettere hvis du oploader problemet

--
Mvh.John
www.jp-web.dk




Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408941
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste