Slettet bruger
23. maj 2002 - 09:34
Der er
29 kommentarer og1 løsning
Hjælp til div positionering.
Normalt arbejder jeg med tabeller, men jeg ville lige høre om hvordan dette klares med div:
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
hvorfor ikke bare lave en stor div.. og så skrive din tabel inde i den..
Slettet bruger
23. maj 2002 - 09:44 #2
delwin>Hæ, det er hvad jeg har nu, jeg vil gerne se om man kan gøre det på andre måder.
Skal de absolut positioneres?
Slettet bruger
23. maj 2002 - 09:53 #4
z42cool>Hvad mener du?
Jeg mener skal dine tabeller/divisions placeres med x,y koordinater?
Slettet bruger
23. maj 2002 - 10:21 #6
Giver det så ikke problemer hvis brugerne har forskellige skærmopløsninger?
divisions vil ikke gøre det nemmere for dig. I netop dit tilfælde er en tabel ideel - hold dig til den...
Slettet bruger
23. maj 2002 - 10:41 #8
lerchedahl>Dvs. det ikke kan lade sig gøre eller hvad. Eller er det blot lidt mere indviklet?
hvis du skal emulere en tabel med divisions, skal du lave en seperat <div> for hver celle. Jeg vil kraftigt anbefale at du bruger en tabel - jeg kan ikke se andet end at det klart er det nemmeste...
Prøv det her, hvis du vil lave en "div-tabel":
Slettet bruger
23. maj 2002 - 13:57 #11
skovenborg>Hvad så med den næste spalte der skal være ved siden af den første?
Der er forresten en lille fejl i koden. Du skal skrive height:76px; i stedet for heigth:76px;. Hvis du også vil have den samme højde i de to nederste kan du også bare indsætte height:76px; inden for style=""
skal de første fem spalter ikke være ved siden af hinanden?
Det ville altså også være lettere med en tabel ligesom lerchedahl siger
Slettet bruger
23. maj 2002 - 14:16 #15
skovenborg>skal de første fem spalter ikke være ved siden af hinanden?
skovenborg >> meget sjovt at du bruger <span> når han specifikt efterspørger divisions :)
Slettet bruger
23. maj 2002 - 14:49 #17
skovenborg>Virker ikke.
<html>
<head>
<style type="text/css">
td {
height:76px;
border:1px solid #000000;
text-align:center;
}
.sm {
width:148px;
height:76px;
}
.lg {
width:740px;
}
</style>
</head>
<body>
<div align="center">
<table width="740">
<tr>
<td class="sm">1</td>
<td class="sm">2</td>
<td class="sm">3</td>
<td class="sm">4</td>
<td class="sm">5</td>
</tr>
<tr>
<td class="lg" colspan="5">6</td>
</tr>
<tr>
<td class="lg" colspan="5">7</td>
</tr>
</table>
</div>
</body>
</html>
.sm {
Slettet bruger
23. maj 2002 - 15:18 #20
lerchedahl>Det er kun Spalte1 Spalte2 Spalte3 Spalte4 Spalte5 der skal have 76pix i højde....
værsgo'
<html>
<head>
<style type="text/css">
td {
border:1px solid #000000;
text-align:center;
}
.sm {
width:148px;
height:76px;
}
.lg {
width:740px;
}
</style>
</head>
<body>
<div align="center">
<table width="740">
<tr>
<td class="sm">1</td>
<td class="sm">2</td>
<td class="sm">3</td>
<td class="sm">4</td>
<td class="sm">5</td>
</tr>
<tr>
<td class="lg" colspan="5">6</td>
</tr>
<tr>
<td class="lg" colspan="5">7</td>
</tr>
</table>
</div>
</body>
</html>
Slettet bruger
23. maj 2002 - 15:40 #22
lerchedahl>Hvordan undgår jeg det gab der er mellem hver spalte?
Slettet bruger
23. maj 2002 - 15:49 #23
lerchedahl>du bruger jo også tabeller...det har jeg jo i forvejen...
Jeg har nu også godt set at det ikke virker, sorry.
lerchedahl>> Jeg brugte <span> fordi <div> ikke virkede på samme måde, som jeg mente schulze ville ha' det. <div> gjorde nemlig at hver spalte blev rykket en linie ned.
http://www.glish.com/css/ <-- tutorials til opsætning med div
http://www.glish.com/css/3.asp <-- mere specifikt tror jeg det er den her du leder efter.
altså en div med id="frame" rundt om hver kasse og følgende i dit css:
#frame {
width:650px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
}
Håber det var svar nok
regards
chris
Slettet bruger
25. maj 2002 - 00:07 #26
Nope virkede overhovedet ikke.
Slettet bruger
25. maj 2002 - 00:07 #27
Træls.
lamer at give point til sig selv >:/
Slettet bruger
25. maj 2002 - 00:14 #29
psitron>?
ikke noget, bare et surt opstød fra en gammel gnavpot ;)
Vi tilbyder markedets bedste kurser inden for webudvikling
Slettet bruger
Slettet bruger
Opret
Preview
