Søg
Avatar billede killifish Nybegynder
05. maj 2001 - 17:06 Der er 13 kommentarer og
1 løsning

problem med table

okay jeg har et problem med en tabel. der ligger en testside på www.solitude.dk/test.html (jeg ved godt at billederne ikke er der endnu)

ideen er at der skal være noget grafikværk i hjørnerne (runde hjørner eller sådan noget) og teksten i det miderste felt skal selvfølgelig starte i topppen lige under de øverste billeder. Men højden på den øverste række bliver automatisk meget større end jeg vil have den til.

Altså, teksten skal rykkes op til tops. Er der nogen der kan hjælpe?
Avatar billede killifish Nybegynder
05. maj 2001 - 17:07 #1
kilden til filen ser sådan ud:

<!doctype html public \"-//w3c//dtd html 4.0//en\">
<html><head><title>tabletest</title></head>

<body>
<p>
<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\" align=\"center\" width=\"600\">
<tr>
<td rowspan=\"2\" width=\"19\" valign=\"top\"><img src=\"!images/1b.jpg\" width=\"19\" height=\"100\" alt=\"\"></td>
<td width=\"80\" height=\"21\" valign=\"top\"><img src=\"!images/1a.jpg\" width=\"80\" height=\"21\" alt=\"\"></td>
<td valign=\"top\" align=\"right\"><img src=\"!images/2a.jpg\" width=\"81\" height=\"21\" alt=\"\"></td>
<td rowspan=\"2\" width=\"21\" valign=\"top\"><img src=\"!images/2b.jpg\" width=\"21\" height=\"97\" alt=\"\"></td>
</tr>

<tr>
<td colspan=\"2\" rowspan=\"2\" valign=\"top\"><div style=\"margin-left:10pt;\">body dsfjhk sdghfsdgjklfdglkfdg fldkg fdglkjfdg lfjkdgh fdjklgh <p>dsiof dsofj sofgjifdg osidf sdfh oihsg o gdf<p> dsio sdi glsdf oigfs oihsdi ngsd<p> dsoih dsifgh sgh osidfg h</div></td>
</tr>

<tr>
<td rowspan=\"2\" valign=\"bottom\"><img src=\"!images/3a.jpg\" width=\"19\" height=\"92\" alt=\"\"></td>
<td rowspan=\"2\" valign=\"bottom\"><img src=\"!images/4a.jpg\" width=\"21\" height=\"99\" alt=\"\"></td>
</tr>

<tr>
<td valign=\"bottom\"><img src=\"!images/3b.jpg\" width=\"68\" height=\"29\" alt=\"\"></td>
<td valign=\"bottom\" align=\"right\"><img src=\"!images/4b.jpg\" width=\"71\" height=\"29\" alt=\"\"></td>
</tr>

</table>
</body>
</html>
Avatar billede joppe Nybegynder
05. maj 2001 - 17:10 #2
Sæt marginheight=0
Avatar billede joppe Nybegynder
05. maj 2001 - 17:11 #3
I body!
Avatar billede joppe Nybegynder
05. maj 2001 - 17:11 #4
<body marginheight=\'0\' marginwidth=\'0\'>
Avatar billede Slettet bruger
05. maj 2001 - 17:12 #5
du skal sætte height=\"100%\" i den td hvor der står body dsfjhk osv..
Avatar billede joppe Nybegynder
05. maj 2001 - 17:13 #6
Det er browseren der automatisk definerer en bestemt margin - både til venstre - og højre - samt foroven:)
Avatar billede killifish Nybegynder
05. maj 2001 - 17:21 #7
der gør ingen forskel. hverken med marginheight=\"0\" eller style=\"margin:0pt;\" eller height=\"100%\"

tabellens grænser rykker sig ikke en millimeter
Avatar billede Slettet bruger
05. maj 2001 - 17:47 #8
Det er hele din struktur den er gal med. Højden af den øverste række bestemmes jo af dine billeder der er 80 px høje. Indsæt selv dine billeder i denne nye tabel:

<table align=\"center\" width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">
<tr>
    <td rowspan=\"2\" valign=\"top\">venstre1</td>
    <td valign=\"top\">topv</td>
    <td valign=\"top\">toph</td>
    <td rowspan=\"2\" valign=\"top\">højre1</td>
</tr>
<tr>
    <td rowspan=\"2\" colspan=\"2\" valign=\"top\">body</td>
</tr>
<tr>
    <td rowspan=\"2\" valign=\"bottom\">venstre2</td>
    <td rowspan=\"2\" valign=\"bottom\">højre2</td>
</tr>
<tr>
    <td valign=\"bottom\">bundv</td>
    <td valign=\"bottom\">bundh</td>
</tr>
Avatar billede Slettet bruger
05. maj 2001 - 17:48 #9
Mindre rettelse..her er den:

<table align=\"center\" width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"1\">
<tr>
    <td rowspan=\"2\" valign=\"top\">venstre1</td>
    <td valign=\"top\">topv</td>
    <td valign=\"top\">toph</td>
    <td rowspan=\"2\" valign=\"top\">højre1</td>
</tr>
<tr>
    <td rowspan=\"2\" colspan=\"2\" valign=\"top\" height=\"100%\" width=\"100%\">body</td>
</tr>
<tr>
    <td rowspan=\"2\" valign=\"bottom\">venstre2</td>
    <td rowspan=\"2\" valign=\"bottom\">højre2</td>
</tr>
<tr>
    <td valign=\"bottom\">bundv</td>
    <td valign=\"bottom\">bundh</td>
</tr>
</table>
Avatar billede Slettet bruger
05. maj 2001 - 17:49 #10
Nåhja, toph og bundh skal lige have en align=\"right\"...
Avatar billede Slettet bruger
05. maj 2001 - 17:50 #11
Hele siden ser altså således ud:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
</head>

<body>
<table align=\"center\" width=\"600\" cellspacing=\"0\" cellpadding=\"0\" border=\"1\">
<tr>
    <td rowspan=\"2\" valign=\"top\">venstre1</td>
    <td valign=\"top\">topv</td>
    <td valign=\"top\" align=\"right\">toph</td>
    <td rowspan=\"2\" valign=\"top\">højre1</td>
</tr>
<tr>
    <td rowspan=\"2\" colspan=\"2\" valign=\"top\" height=\"100%\" width=\"100%\">body</td>
</tr>
<tr>
    <td rowspan=\"2\" valign=\"bottom\">venstre2</td>
    <td rowspan=\"2\" valign=\"bottom\">højre2</td>
</tr>
<tr>
    <td valign=\"bottom\">bundv</td>
    <td valign=\"bottom\" align=\"right\">bundh</td>
</tr>
</table>



</body>
</html>

Beklager de mange indlæg..lol
Avatar billede killifish Nybegynder
05. maj 2001 - 18:01 #12
den laver stadig nogle fejl. body cellen starter først efter billedet slutter.

kig på www.solitude.dk/test.html der er kommet billeder på nu. body teksten skal helt op under den øverste streg.

jeg har sat flere points af da hele mit design skal laves om hvis det her problem ikke bliver løst. Så bare lav alle de indlæg du vil ;)
Avatar billede killifish Nybegynder
05. maj 2001 - 20:00 #13
jeg har selv fundet en løsning.. jeg poster koden så snart den er færdig
Avatar billede killifish Nybegynder
05. maj 2001 - 20:16 #14
billederne skulle skæres op i nogle mindre bidder..

<p>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" align=\"center\" width=\"600\">

<tr>
    <td align=\"right\" valign=\"bottom\"><img src=\"images/tv2.jpg\"></td>
    <td align=\"left\" valign=\"bottom\"><img src=\"images/tv3.jpg\"></td>
    <td align=\"right\" valign=\"bottom\"><img src=\"images/th3.jpg\"></td>
    <td align=\"left\" valign=\"bottom\"><img src=\"images/th2.jpg\"></td>
</tr>
<tr>
    <td align=\"right\" valign=\"top\"><img src=\"images/tv1.jpg\"></td>
    <td align=\"left\" valign=\"top\" rowspan=\"2\" colspan=\"2\" width=\"500\">
        body<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
        <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
        </td>
    <td align=\"left\" valign=\"top\"><img src=\"images/th1.jpg\"></td>
</tr>
<tr>
    <td align=\"right\" valign=\"bottom\"><img src=\"images/bv1.jpg\"></td>
    <td align=\"left\" valign=\"bottom\"><img src=\"images/bh1.jpg\"></td>
</tr>
<tr>
    <td align=\"right\" valign=\"top\"><img src=\"images/bv2.jpg\"></td>
    <td align=\"left\" valign=\"bottom\"><img src=\"images/bv3.jpg\"></td>
    <td align=\"right\" valign=\"top\"><img src=\"images/bh3.jpg\"></td>
    <td align=\"left\" valign=\"top\"><img src=\"images/bh2.jpg\"></td>
</tr>

</table>
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
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013: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 »