Søg
Avatar billede razmuz_dk Nybegynder
28. maj 2001 - 18:55 Der er 13 kommentarer og
3 løsninger

<div>

Jeg ska\' lige ha\' en forklaring på hvordan <div> virker... og hvordan man bestemmer hvad der er \"øverst\" og hvad der er \"nederst\"...

- Tark! ;)
Avatar billede swasper Nybegynder
28. maj 2001 - 19:00 #1
Hvad mener du med øverst og nederst ? :-)
Avatar billede razmuz_dk Nybegynder
28. maj 2001 - 19:04 #2
Altså... hvilken layer der er øverst og nederst....  Forest og bagerst...

Hvis i forstår ...?
Avatar billede swasper Nybegynder
28. maj 2001 - 19:09 #3
okay div bestemmer ikke hvordan man lægger noget i et lag over et andet, der skal man bruge kommandoen \"z-index\" som kan bruges i sammenhæng med <div>
Avatar billede jonas_html.dk Nybegynder
28. maj 2001 - 19:10 #4
<div> er blot et neutralt element - men jeg tror jeg ved hvad du mener - prøv at kigge her:
http://www.html.dk/tutorials/css/lektion15.asp

Mvh
Jonas
Avatar billede jensgram Nybegynder
28. maj 2001 - 19:10 #5
forrest og bagerst:

z-index: # (# er et tal)
Avatar billede razmuz_dk Nybegynder
28. maj 2001 - 19:11 #6
Jes jes :) Jeg har også prøvet med z-index ... men ka\' ik\' rigtig få \"lortet\" til at du!...

<div style=\"z-index:NOGET;\">

hva\' sker der står i z-index?
Avatar billede razmuz_dk Nybegynder
28. maj 2001 - 19:11 #7
sker=skal :)
Avatar billede muddi Praktikant
28. maj 2001 - 19:11 #8
<div id=\"Layer1\" style=\"position:absolute; left:133px; top:78px; width:119px; height:113px; z-index:1; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000\">nederst</div>
<div id=\"Layer2\" style=\"position:absolute; left:147px; top:108px; width:152px; height:136px; z-index:2; background-color: #FF00FF; layer-background-color: #FF00FF; border: 1px none #000000\">&oslash;verst   


Det er et eksempel på hvordan det kan se ud!
Det er rigtigt hvad der bliver sagt at det er z-index du skal have fat i!
Avatar billede razmuz_dk Nybegynder
28. maj 2001 - 19:12 #9
Hm ok ... dvs at hvis jeg skriver \"1\" skal den gerne være helt oppe \"foran/øverst\"? =)
Avatar billede jensgram Nybegynder
28. maj 2001 - 19:12 #10
et tal
Avatar billede razmuz_dk Nybegynder
28. maj 2001 - 19:13 #11
http://www.html.dk/tutorials/css/lektion15.asp
-> \"Siden kan ikke vises\"
Avatar billede jensgram Nybegynder
28. maj 2001 - 19:13 #12
nej - højt tal = forrest
Avatar billede sukos Juniormester
28. maj 2001 - 19:13 #13
div definere en \"boks\"
I alm html, kommer siden som den bliver lavet efterhånden.
Ved at bruge en div kan f.eks. vælge at lægge det ene ovenpå det andet.

For at gøre dette, putter du flg. mellem head-tag\'ne:

<style type=\"text/css\">
#lag1 {position:absolute; top:100; left:100; z-index:1;}
#lag2 {position:absolute; top:10; left:200; z-index:2;}
#lag3 {position:absolute; top:20; left:150; z-index:3;}
</style>

Mellem din body-tag bruger du så div:

<div id=\"lag1\">
Lidt tekst
</div>

<div id=\"lag2\">
Vi bruger lige et billede: <img src=\"div.gif\">
</div>

<div id=\"lag3\">
Lidt tekst
</div>

Rækkefølgen i din body for hvert div er ligegyldig, da du har brugt position:absolute
D.v.s. lag3 kunne godt være det første lige efter <body>, det vil stadig væreplaceret der hvor du har angivet det med top og left

Du kan også lave det \"direkte\":
<div style=\"position:absolute; top:130; left:200; z-index:3\">
Srevet med det samme
</div>

<div style=\"position:absolute; top:90; left:120; z-index:2\">
Srevet igen med det samme
</div>

Nok lige nu, men der er MANGE ting at lære i css!
Prøv evt. her:
http://www.westciv.com/style_master/academy/css_tutorial/
Avatar billede muddi Praktikant
28. maj 2001 - 19:13 #14
prøv at sætte min kode ind i dit dokument, jeg har lige testet den selv, og den viser fint hvad der sker... Du kan prøve at give dine layers farve, så du bedre kan se hvilket der er øverst, ellers er de bare transparante! ;)

/muddi
Avatar billede jonas_html.dk Nybegynder
28. maj 2001 - 19:14 #15
Ikke vises ??
Den viser sig nu helt fint her - mystisk.
Avatar billede razmuz_dk Nybegynder
28. maj 2001 - 19:15 #16
I får lige 10 hver...

Men eh ... JEG OPRETTER ET TIL SPØRGSMÅL NU HER I HTML såeh... hvem kommer først? ;)
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
I går 16:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
I går 13:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
11/1013:35 Bruger på Win11 Af lurup i Browsere
White papers
Flere white papers »