Avatar billede tbj Nybegynder
03. januar 2003 - 14:29 Der er 4 kommentarer og
1 løsning

SSI / CSS

Jeg er ved at lave et design med CSS og så bruger jeg også SSI for at jeg kan lave om på tingene nemt.

Jeg har 4 elementer som gerne ville have er total uafhængige af hinanden, men ligemeget hvad jeg prøver så flytter de sig efter hinanden. Altså 2. element er placeret alt efter hvor 1. element er og ikke efter selve siden, så jeg vil godt have hjælp til hvordan koden skal være så jeg kan sætte tingene præcis som jeg vil have dem.

Siden er her :
http://www.zeo.dk/v2/test2.asp
Avatar billede hells Nybegynder
03. januar 2003 - 14:34 #1
du må ikke oprette det samme spørgsmål 2 gange. luk det ene
Avatar billede hells Nybegynder
03. januar 2003 - 14:41 #2
hvis følgende virker er fejlen at du ikke har afsluttet dine divs:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#Logo {
    position:absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}
#Top {
    position:absolute;
    top: 100px;
    left: 565px;
    z-index: 2;
}
#Menu {
    position:absolute;
    top: 140px;
    left: 10px;
    z-index: 3;
}
#Bund {
    position:absolute;
    top: 600px;
    left: 300px;
    z-index: 4;
}
</style>
<link href="style" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
@import url(style.css);
-->
</style>
</head>

<body>
<div id="Logo"> <img src="../V1/Billeder/left_zeo.jpg" width="110" height="110" border="0"></div>

<div id="Menu"> <p>Menu :</p>
<p>1</p>
<p>2</p>
<p>3</p>


<div id="Top">  Top
<div id="Bund"> Bund
</div>
</body>

</html>


<div id="Menu"> og <div id="Top"> var ikke afsluttet med </div>, som de bør være.
Avatar billede hells Nybegynder
03. januar 2003 - 14:42 #3
hov følgende skulle være efterfulgt af dette i stedet:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#Logo {
    position:absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}
#Top {
    position:absolute;
    top: 100px;
    left: 565px;
    z-index: 2;
}
#Menu {
    position:absolute;
    top: 140px;
    left: 10px;
    z-index: 3;
}
#Bund {
    position:absolute;
    top: 600px;
    left: 300px;
    z-index: 4;
}
</style>
<link href="style" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
@import url(style.css);
-->
</style>
</head>

<body>
<div id="Logo"> <img src="../V1/Billeder/left_zeo.jpg" width="110" height="110" border="0"></div>

<div id="Menu"> <p>Menu :</p>
<p>1</p>
<p>2</p>
<p>3</p>
</div>


<div id="Top">  Top</div>
<div id="Bund"> Bund
</div>
</body>

</html>
Avatar billede tbj Nybegynder
03. januar 2003 - 15:24 #4
Tak det virker nu :-)
Avatar billede hells Nybegynder
03. januar 2003 - 15:27 #5
ja, så må jeg vel hellere lægge et svar :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester