/ 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
Div bokse inde i div bokse...
Fra : Jeppe Christensen


Dato : 18-11-05 21:09

Jeg har følengende styk kode:

index.htm:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
   <title>Autech</title>
   <meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
   <link rel="stylesheet" type="text/css" href="style.css">
</head>
   <body>
      <div class='banner'>
            <div class='menu'>
            Hejsa
            </div>
      </div>
   </body>
</html>

og style.css:

banner   {
            width: 800px;
            height: 200px;
            border: 1px solid #000000;
            top: 10px;
            }

menu   {
         top: 20px;
         left: 100px;
         }

problemet er at menu ikke "padding" i forhold til den div boks
den er inde i.

Link: gie04-05.dk/test


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

 
 
Jørn Andersen (18-11-2005)
Kommentar
Fra : Jørn Andersen


Dato : 18-11-05 21:27

On 18 Nov 2005 20:08:44 GMT, Jeppe Christensen <mr.puity@gmail.com>
wrote:

>og style.css:
>
>banner   {
>            width: 800px;
>            height: 200px;
>            border: 1px solid #000000;
>            top: 10px;
>            }
>
>menu   {
>         top: 20px;
>         left: 100px;
>         }
>
>problemet er at menu ikke "padding" i forhold til den div boks
>den er inde i.
>
>Link: gie04-05.dk/test

Prøv med:
..banner   {
position:absolute;
width: 800px;
height: 200px;
border: 1px solid #000000;
top: 10px;
}

..menu   {
position:relative;
top: 20px;
left: 100px;
}

Good luck,
Jørn

--
Jørn Andersen,
Brønshøj

Knud Gert Ellentoft (18-11-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 18-11-05 21:40

Jeppe Christensen skrev:

>.menu   {
>         top: 20px;
>         left: 100px;
>         }
>
>problemet er at menu ikke "padding" i forhold til den div boks
>den er inde i.

Du har jo ikke defineret padding, så det css , der står i menu
bliver jo blot ignoreret.

Hvad er der skal være top og left?

Mon ikke det skal være
..menu{
padding-top: 20px;
padding-left: 100px;
}
?
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

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

Månedens bedste
Årets bedste
Sidste års bedste