CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede 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>
Avatar billede 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%">&nbsp;</td>
        </tr>
        <tr>
            <td height="5%">&nbsp;</td>
        </tr>
        <tr>
            <td height="75%">&nbsp;</td>
        </tr>
    </table>
</div>

</body>

</html>
Avatar billede 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; }


;-)
Avatar billede udvikler Nybegynder
02. oktober 2005 - 13:30 #3
Nope, virkede ikke desværre
Avatar billede xign Nybegynder
02. oktober 2005 - 13:31 #4
hvad er det der skal være som på www.danbolig.dk
Avatar billede udvikler Nybegynder
02. oktober 2005 - 13:32 #5
Takker jesper-moeller det virkede ;)

læg et svar
Avatar billede 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>
Avatar billede 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>
Avatar billede 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"><!--
html, body {margin: 0px; padding: 0px; }
#tabel {width: 650px;
align: top;
border: 1px solid black;
padding: 0px;
}
-->
        </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>&nbsp;</td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                </tr>
            </table>
        </div>
    </body>

</html>

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

roenvig har også centreret den med sit ex
Avatar billede 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 ...
Avatar billede 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 ,-(
Avatar billede udvikler Nybegynder
02. oktober 2005 - 14:03 #11
Læg venligst et svar, så jeg kan få lukket spørgsmålet ;)
Avatar billede 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*
Avatar billede 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*
Avatar billede 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 :)
Avatar billede 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..)
Avatar billede udvikler Nybegynder
03. oktober 2005 - 16:23 #16
Kan vi ikke få et svar roenving ? :)
- godt nok er det ikke mange point meeen alligevel ?
Avatar billede roenving Novice
03. oktober 2005 - 18:00 #17
Oki '-)
Avatar billede roenving Novice
04. oktober 2005 - 00:46 #18
-- og tak for point ;~}
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
Variabler som ikke virker Af Frits Jensen i HTML 2 30/10/202409:37 30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 2 29/09/202410:58 30/09/202412:04
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
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
55 min siden Billedoverførsel Af Laurids i iOS, iPhone & iPad
I dag 13:30 Hvordan ændres UniFi Dream Machine UDM til switch mode Af Kasper4450 i Internetforbindelser
I dag 13:01 Film går i stå midt i afspilningen Af ole falsted i Musik & videoafspillere
I dag 11:40 Fjerne mappe i stifinder Af Peter Olsen i Andet software
I dag 11:27 renteberegning Af Pil i Excel
White papers
Flere white papers »


Premium
Teaser billede
Vil købe tele-løsninger til det offentlige for 370 millioner kroner
Læs mere »
Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"
Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen
Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet
Se alle »
Computerworld
Teaser billede
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Læs mere »
Test: Prøv kun disse B&O-hovedtelefoner, hvis du har råd
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Telegigant klar med AI-baseret mormor: Holder telefon-svindlere fast i røret med sniksnak og dumme spørgsmål
Se alle »
CIO
Teaser billede
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Læs mere »
Kæmpe-opgave for Danske Bank har banet vej for fuldautomatiseret migrering til cloud: Nu udbredes metoden i hele AWS
Microsofts store årlige event: De tre vigtigste nøglebudskaber fra Satya Nadella om Microsofts fremtid
Tre vigtige erkendelser, som Computerworld tog med hjem fra Gartners store topmøde i Barcelona
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Topchef Sara Green mener, at der er brug for et radikalt nyt syn på it-ledelse - særligt én ny trend hader hun som pesten
Se alle »
White paper
Teaser billede
Sådan gør du: Elektronisk dokumentudveksling i praksis
Læs mere »
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Sikkerhed uden grænser: Cisco Hypershield
Sådan får du overblik og beskytter dine cloudapplikationer
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »