Notifikationer

Markér alle som læst Log ud

nogetfx Nybegynder

17. marts 2005 - 15:02 Der er 5 kommentarer og
1 løsning

Lag til layout

Det er meget lang tid siden jeg har kodet HTML og dengang brugte jeg ikke rigtigt lag.
Men nu står jeg og skal have kodet en kompleks menu og hvis jeg skal bruge tabler ville det tage en krig. Plus at menupunkterne er dynamiske dvs at jeg ved ikke hvor brede de bliver, men hvor præcise er lag..? Ville jeg kunne styre mit indhold eller hvad står de i forhold til.
Hvis I ser på previewet så skal det stå nøjagtigt som på billedet! Men samtidig kan teksten jo ændre længden, det gør det noget besværligt med tabeller..
http://www.freewebs.com/nogetfx/endart_temp.jpg

Synes godt om

roenving Novice

17. marts 2005 - 17:30 #1

lag (div-tags) kan (ligesom mange andre elementer !-) placeres, enten absolut eller relativt ved hjælp af styles, f.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Eksempel på absolut placeret lag</title>
</head>
<body>
<div style="position:relative;width:600px;height:450px;margin:0 auto;background-color:red;">
<div style="position:absolute;width:200px;height:50px;top:100px;left:125px;background-color:black;color:white;">Eksempel på absolut placeret lag</div>
<div style="position:absolute;width:25px;height:10px;top:200px;left:425px;background-color:yellow;color:black;">Et andet eksempel på absolut placeret lag</div>
</div>
</body>
</html>

-- som det fremgår, udvides de, hvis ikke der er plads til indholdet, dog fortrinsvis i højden !-)

Synes godt om

nogetfx Nybegynder

17. marts 2005 - 22:34 #2

Okay, dvs at hvis jeg har en <TD> med alt mit indhold. Så kan jeg stadig placere min -hoved<div> i midten ved hjlæp af aling=center osv og så placere tingen fat i min hoved-div.. Er det rigtigt fattet...

Synes godt om

roenving Novice

19. marts 2005 - 05:35 #3

Ja, hvis du sørger for at den div, du placerer centreret også er positioneret som i ovenstående tilfælde (position:relative; !-) kan du inde i placere noget absolut !o]

-- bemærk dog, at der er browser-forskelligheder i det med udvidelsen ,-(

Synes godt om

nogetfx Nybegynder

20. marts 2005 - 00:34 #4

Ja, selvfølgelig.. hehe Jeg må se hvordan jeg smartest kan få det til at stå..

Smid et svar...

Synes godt om

roenving Novice

20. marts 2005 - 01:07 #5

Oki '-)

Synes godt om

roenving Novice

20. marts 2005 - 15:37 #6

Tak for point ;~}

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