CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

udvikler Nybegynder

02. oktober 2005 - 13:22 Der er 17 kommentarer og
1 løsning

Tabel i toppen af siden - pinligt problem

Hehe, ja så kom en af de mere pinlige problemer her:

jeg har en tabel, som jeg godt vil have i toppen af siden - ligsom det er på www.danbolig.dk fx

men jeg kan sku ikk huske hvordan man nu gør :S

Her er hvad jeg sådan lige har prøvet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<html>

<head>
<style>
#tabel {
width: 650px;
align: top;
cellspacing: 0px;
cellpadding: 0px;
}
</style>
<meta HTTP-EQUIV="Content-Type" Content="text-html; charset=Windows-1252">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<title>Design</title>
</head>

<body>

<table border="1" id="tabel" align="center">

<tr>
<td><br><br><br><br><br><br></td>
</tr>

<tr>
<td><br><br></td>
</tr>

<tr>
<td>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</td>
</tr>

</table>

</body>

</html>

Synes godt om

xign Nybegynder

02. oktober 2005 - 13:28 #1

Prøv og se på dette her:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<html>

<head>
<style>
#tabel {
width: 650px;
align: top;
cellspacing: 0px;
cellpadding: 0px;
}
</style>
<meta HTTP-EQUIV="Content-Type" Content="text-html; charset=Windows-1252">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<title>Design</title>
</head>

<body>

<div align="center">
<table border="0" width="70%" id="table1" height="60%">
<tr>
<td height="20%"> </td>
</tr>
<tr>
<td height="5%"> </td>
</tr>
<tr>
<td height="75%"> </td>
</tr>
</table>
</div>

</body>

</html>

Synes godt om

jesper-moeller Nybegynder

02. oktober 2005 - 13:30 #2

Til at starte med skal margin og evnt padding fjernes

html, body {margin: 0px; padding: 0px; }

;-)

Synes godt om

udvikler Nybegynder

02. oktober 2005 - 13:30 #3

Nope, virkede ikke desværre

Synes godt om

xign Nybegynder

02. oktober 2005 - 13:31 #4

hvad er det der skal være som på www.danbolig.dk

Synes godt om

udvikler Nybegynder

02. oktober 2005 - 13:32 #5

Takker jesper-moeller det virkede ;)

læg et svar

Synes godt om

roenving Novice

02. oktober 2005 - 13:33 #6

Html 3.2 ?-)

-- det blev jo outdated, da der i 1998 kom html4 (senere samme år opdateret til 4.01 !-)

-- og det tillader ikke styles o.l. ...

Prøv i stedet f.eks. sådan:

<!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">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#tabel{border:1px solid red; width:960px; margin:0 auto; border-collapse:collapse;}
#tabel td{margin:0; padding:0; border:1px solid green; text-align:center; vertical-align:middle;}
</style>
<title>Tabel i toppen</title>
</head>
<body>
<table id="tabel">

<tr>
<td><br><br><br><br><br><br></td>
</tr>

<tr>
<td><br><br></td>
</tr>

<tr>
<td>Tekst
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</td>
</tr>

</table>
</body>

</html>

Synes godt om

udvikler Nybegynder

02. oktober 2005 - 13:40 #7

Hehe, jamen har ikke så meget forstand på W3 standarterne - åbenbart slet ikke noget :) - men jeg takker mange gange for at du lige hjalp mig med det :)
har dog kun taget det fra din kode, da du har gjort den alt alt for advanceret for mit behov, har ikke brug for alt det, selvom det er rigtig flot :)

Ville bare lige høre, er denne kode ordenlig sammensat ? - altså, den virker, det er ikke det, men er den som den skal være med hesyn til w3 osv. ? :)

<!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">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<title>Design</title>
</head>

<body>

<table border="1" id="tabel" align="center">

<tr>
<td><br><br><br><br><br><br></td>
</tr>

<tr>
<td><br><br></td>
</tr>

<tr>
<td>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</td>
</tr>

</table>

</body>

</html>

Synes godt om

jesper-moeller Nybegynder

02. oktober 2005 - 13:53 #8

Ville til at sige lidt ala det samme som roenvig

Der er dog en ting vi lige skal have fat i #tabel tager ikke fat i tabellen...den er ikke navngive

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

<html>

<head>
<style media="screen" type="text/css">
</style>
<meta http-equiv="Content-Type" content="text-html; charset=Windows-1252">
<title>Design</title>
</head>

<body>
<div>
<table cellspacing="0px" id="tabel">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
</body>

</html>

så får den fat i tabellen....

roenvig har også centreret den med sit ex

Synes godt om

roenving Novice

02. oktober 2005 - 13:53 #9

Det kommer jo ret meget an på din css-kode !-)

-- men align="center" skal ikke centrere selve tabellen ...

-- og forklaringen på width og margin i ovenstående er netop at centrere tabellen, border-collapse er meget brugbar, hvis man i tabel-cellerne bruger border ...

Synes godt om

roenving Novice

02. oktober 2005 - 13:56 #10

>>jesper-møller

-- whaddd ...

-- tabellen er netop ikke navngivet, den har fået et id ...

-- og hvorfor ikke benytte sig af cascading i stedet for at benytte den forældede cellspacing-ting ?-)

-- og der er ikke noget i css, der hedder align:top ,-(

Synes godt om

udvikler Nybegynder

02. oktober 2005 - 14:03 #11

Læg venligst et svar, så jeg kan få lukket spørgsmålet ;)

Synes godt om

jesper-moeller Nybegynder

02. oktober 2005 - 14:54 #12

roenvig >> Sorry..... Du har fuldstændig ret mig der sider og sover her ..

aco >> lyt til roenvig

:-)
Et eller andet gik fuldstændigt galt her da jeg copy/pasted aco kod for lige at rette bare lidt til....Tror nogen har fortyndet min morgenkaffe ....

og roenvig.... jeps...self skal cellspacing væk.... *G*... hved blot ikke hvorfor jeg nøjedes med at flytte den *G*
Men godt du er vågen....*S*

Synes godt om

jesper-moeller Nybegynder

02. oktober 2005 - 14:56 #13

aco >>

Er det ikke dejligt...*S* ....du stiller et "pinligt" spørgsmål..... Og der kommer et lige så pinligt svar retur....*GGG*

Synes godt om

udvikler Nybegynder

02. oktober 2005 - 15:04 #14

Haha :)

- ved ikke helt hvad du mener med at der var noget galt med din kode, for mig virkede den perfekt ;)

- men lægger du ikke lige et svar ? - selvom det kun er 5 point skal det da stadig være retfærdigt :)

Synes godt om

jesper-moeller Nybegynder

02. oktober 2005 - 15:11 #15

aco >>
Lad os sige at roenvings kode nok er langt at foretrække *S* ....gi ham pointsne....*S* ....(eller nup dem selv..)

Synes godt om

udvikler Nybegynder

03. oktober 2005 - 16:23 #16

Kan vi ikke få et svar roenving ? :)
- godt nok er det ikke mange point meeen alligevel ?

Synes godt om

roenving Novice

03. oktober 2005 - 18:00 #17

Oki '-)

Synes godt om

roenving Novice

04. oktober 2005 - 00:46 #18

-- og 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
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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