Søg
Avatar billede avj Nybegynder
26. maj 2003 - 12:07 Der er 22 kommentarer og
1 løsning

Afstand mellem tabeller

Hej
findes der i HTML en attribut at lave afstand mellem tabeller? altså en margen uden om tabellen??

//avj
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 12:13 #1
Jeg er ikke helt med på hvad du mener med at lave afstand imellem tabeller
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 12:14 #2
Vil du gerne have rykket tabellen?
Avatar billede avj Nybegynder
26. maj 2003 - 12:17 #3
Jeg vil gerne have 2 tabeller ved siden af hinanden men med ca 0,5 cm mellemrum
//avj
Avatar billede bamzen Nybegynder
26. maj 2003 - 12:20 #4
lav en tredie tabel med en række og tre celler

i den midterste celle indsætter du en gennemsigtig gif på den størrelse som du ønsker afstanden....
Avatar billede avj Nybegynder
26. maj 2003 - 12:25 #5
ok jeg havde håbet at jeg kunne undgå alt det tabelhalløj. :(
Thanks anyway
//avj
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 13:03 #6
Måske du du gøre noget i den her retning

<html>
<body>

<div style="margin-left:100px;margin-top:100px;">
<table >
<tr>
<td>123</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
</tr>
</table>
</div>

</body>
</html>
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 13:14 #7
For at være helt præcis ville jeg gøre således (border er kun på for at illustrerer)

<html>
<body>

<div style="margin-left:100px;margin-top:100px;">
<table border="1" style="width:500px;" >
<tr>
<td style="width:100px;padding-right:50px;">test test test test test</td>
<td style="width:400px;">123</td>
</tr>
<tr>
<td style="width:100px;padding-right:50px;">test test test test test</td>
<td style="width:400px;">123</td>
</tr>
<tr>
<td style="width:100px;padding-right:50px;">test test test test test</td>
<td style="width:400px;">123</td>
</tr>
<tr>
<td style="width:100px;padding-right:50px;">test test test test test</td>
<td style="width:400px;">123</td>
</tr>
<tr>
<td style="width:100px;padding-right:50px;">test test test test test</td>
<td style="width:400px;">123</td>
</tr>
<tr>
<td style="width:100px;padding-right:50px;">test test test test test</td>
<td style="width:400px;">123</td>
</tr>

</table>
</div>

</body>
</html>
Avatar billede avj Nybegynder
26. maj 2003 - 13:27 #8
Ja det er en mulighed men de giver ikke 2 tabeller ved siden af jeg tror jeg senere vil prøve med noget absolut placering, hvis man kan det, jeg må prøve mig frem.
Men tak for forslaget.

//avj :)
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 14:44 #9
Du kunne jo også bare gøre sådan her

<html>
<head>

<style type="text/css">
body {
background-color: #999999;
margin-top: 0px;
margin-left: 0px;
}


.boks1{
position:absolute;
background-color: #ffffff;
margin-top: 0px;
margin-left: 0px;
height:100px;
width:100px;
z-index: 1;

}

.boks2{
position:absolute;
background-color: #ff00ff;
margin-top:0px;
margin-left:110px;
height:100px;
width:100px;
z-index: 1;

}

.boks3{
position:absolute;
background-color: #00ffff;
margin-top:0px;
margin-left:220px;
height:100px;
width:100px;
z-index: 1;

}

</style>


</head>
<body>

<span class="boks1">boks1</span>
<span class="boks2">boks2</span>
<span class="boks3">boks3</span>
     
     
</body>
</html>
Avatar billede avj Nybegynder
26. maj 2003 - 22:47 #10
Hej
undskyld svartiden men var nødt til at løbe ;) jeg har afprøvet dit eks det kunne meget godt være at jeg kunne bruge det, men det undrer mig at z-index er det samme på alle bokse.
//avj
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 22:55 #11
Jeg håber det her kan vise hvad z-index gør

<html>
<head>

<style type="text/css">
body {
background-color: #999999;
margin-top: 0px;
margin-left: 0px;
}


.boks1{
position:absolute;
background-color: #ffffff;
margin-top: 0px;
margin-left: 0px;
height:100px;
width:100px;
z-index: 1;

}

.boks2{
position:absolute;
background-color: #ff00ff;
margin-top:50px;
margin-left:50px;
height:100px;
width:100px;
z-index: 2;

}

.boks3{
position:absolute;
background-color: #00ffff;
margin-top:100px;
margin-left:100px;
height:100px;
width:100px;
z-index: 3;

}

</style>


</head>
<body>

<span class="boks1">boks1</span>
<span class="boks2">boks2</span>
<span class="boks3">boks3</span>
     
     
</body>
</html>
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 22:57 #12
tænk på det som at ligge kort oven på hinanden
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 22:58 #13
2 ligger oven på 1, 3 ligger oven på 2 o.s.v
Avatar billede avj Nybegynder
26. maj 2003 - 23:01 #14
OK jeg kan godt se at der er en forskel men vil det så sige at z-index fungerer som en form for lag eller hvad. jeg har ikke før arbejdet med z-index.
Men en gang skal jo være det første.
//avj
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 23:02 #15
Jeg vil i øvrigt gerne have lov til at tage afstand fra den løsning du fik. Det er en meget dårlig ide at gøre det på den måde du fik anvist
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 23:02 #16
Brug css
Avatar billede avj Nybegynder
26. maj 2003 - 23:02 #17
altså samme konklusion
//avj
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 23:03 #18
Jeg bruger det ikke så meget selv, men ja z-index virker som et lag
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 23:05 #19
Jeg kan kun give dig mit bedste bud på hvordan du skal lave dit site :-)
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 23:08 #20
Hvis du holder dig fra framesets og bruger position:absolute; kan du komme langt, men det kommer igen an på hvad det er du gerne vil lave
Avatar billede mikmakmuk Nybegynder
26. maj 2003 - 23:09 #21
Jeg vil smutte nu, men bare spørg ?
Avatar billede avj Nybegynder
26. maj 2003 - 23:10 #22
det er i bund og grund vel også det eksperten er til. Men jeg kan godt se at min viden trænger til en upload.;-).
Nu vil jeg sige tak for idag og gå videre med at fjerne word-spam fra et html-dok dødsygt arbejde
//avj
Avatar billede avj Nybegynder
29. maj 2003 - 07:12 #23
hej
Jeg har fundet en løsning på mit problem, det er godt nok ikke i tabeller, men de kan sættes ind hvis man vil. Koden herunder giver 2 "bokse" ved siden af hinanden.

<style type="text/css">
div.titel {
color: red;
background-color:blue;
layer-background-color:#ffffcc;
padding:5px;
font: 1.45em ariel, helvetica;
position:absolute;
top: 10px;
left: 10px;
width:200px;}

div.indhold {
color:black;
background-color:#cccccc;
layer-background-color:#cccccc;
padding:10px:;
font:12px "book antiqua", verdana;
position:absolute;
top: 10px;
left: 210px;
width: 350px;}
</style>

//avj :-))
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 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I går 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
White papers
Flere white papers »