Notifikationer

Markér alle som læst Log ud

compac Seniormester

08. august 2006 - 14:46 Der er 13 kommentarer og
1 løsning

Flydende vinduer

Hvordan får jeg anbragt mine flydende vinduer, så de står under hinanden?

<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type=text/css>
p.right {
height: 50%;
width: 25%;
float: right;
border: 5px solid #ccc;

}
p.right_mail {
height: 10%;
width:25%;
float:right;
border: 5px solid #ccc;
}
</style>
<body>
<p class ="right">
flydende vindue
</p>
<br />
<p class="right_mail">
mail
</p>
</body>
</html>

Synes godt om

Slettet bruger

08. august 2006 - 14:53 #1

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type=text/css>
html,body {
height: 100%;
}
p.right {
height: 50%;
width: 25%;
float: right;
border: 5px solid #ccc;

}
p.right_mail {
height: 10%;
width: 25%;
float: right;
border: 5px solid #ccc;
}
</style>
<body>
<p class="right">Flydende vindue</p>
<p class="right_mail">mail</p>
</body>
</html>

Synes godt om

Slettet bruger

08. august 2006 - 14:54 #2

Husk en doctype..

Synes godt om

Slettet bruger

08. august 2006 - 14:57 #3

Og husk at afslutte din <head>...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
html,body {
height: 100%;
}
p.right {
height: 50%;
width: 25%;
float: right;
border: 5px solid #ccc;

}
p.right_mail {
height: 10%;
width: 25%;
float: right;
border: 5px solid #ccc;
}
</style>
</head>
<body>
<p class="right">Flydende vindue</p>
<p class="right_mail">mail</p>
</body>
</html>

Synes godt om

compac Seniormester

08. august 2006 - 15:08 #4

Flovt at være så sjusket. MEN det har ikke løst problemet efter at have rettet det.
Mine vinduer ligger stadig ved siden af hinanden - og ikke under hinanden, som jeg kunne tænke mig det.

Synes godt om

Slettet bruger

08. august 2006 - 15:13 #5

Jo, det gør det. Prøv at bruge koden som den er.

Synes godt om

Slettet bruger

08. august 2006 - 15:14 #6

http://notenet.dk/724874.htm

Synes godt om

compac Seniormester

08. august 2006 - 15:25 #7

Underligt, at vi får forskellige resultater. Jeg kopierer din tilrettede kode, som du har lagt ud ovenfor, men probemet bliver ikke løst. Mon der skal noget "absolute" - "relative" til?

Synes godt om

compac Seniormester

08. august 2006 - 15:29 #8

Jeg ser først nu din kommentar af 15.14 -og kan se at jeg må have formuleret mig uklart.
Det jeg kunne tænke mig er, at boxen med "mail" kommer til stå i højre side - neden under boxen med "flydende".

Synes godt om

Slettet bruger

08. august 2006 - 16:44 #9

Det giver ingen mening. Vil du have begge bokse til at stå til højre, men ikke ved siden af hinanden?

Synes godt om

Slettet bruger

08. august 2006 - 16:45 #10

http://notenet.dk/724874.htm

Synes godt om

compac Seniormester

08. august 2006 - 16:48 #11

Så er den hjemme - tak for hjælpen

Synes godt om

Slettet bruger

08. august 2006 - 16:48 #12

Jeg tror faktisk det var mig der var lidt for hurtig. Din formulering øverst er ganske dækkende, og jeg tror sømmet er ramt rigtigt nu.

Synes godt om

Slettet bruger

08. august 2006 - 16:49 #13

Selv tak, og tak for points. :)

Synes godt om

Slettet bruger

08. august 2006 - 16:49 #14

- Smider lige koden herinde også:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
html,body {
height: 100%;
}

p {
margin: 0;
padding: 5px;
}

p.right {
height: 50%;
width: 25%;
float: right;
clear: both;
border: 5px solid #ccc;

}

p.right_mail {
height: 10%;
width: 25%;
float: right;
clear: both;
border: 5px solid #ccc;
}
</style>
</head>
<body>
<p class="right">Flydende vindue</p>
<p class="right_mail">mail</p>
</body>
</html>

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS