Avatar billede stig69 Nybegynder
24. juni 2003 - 16:12 Der er 14 kommentarer og
1 løsning

Luft under tabel

Jeg har følgende lille html-tekst
<html>
    <HEAD>

<style type="text/css">
    td.tabel{
        background-color :#003366;
        font-family:verdana, arial, sans-serif;
        font-size: 12px;
        color:#ffffff;
        padding: 5px;
        margin: 0px;
    }
</style>
    </HEAD>

<BODY bgcolor="#ffffff">

<table border="1" bordercolor="#000000" cellspacing="0" cellpadding="0" align="left">
<tr>
    <td height="200" bgcolor="#003366">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>       
</tr>
<tr>
    <td height="100" bgcolor="green">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>       
</tr>
<tr>
    <td class="tabel" width="124" height="100" >
test test test test test test test test test test test
</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>       
</tr>
</table>
</body>
</html>


Hvordan undgår jeg at der kommer luft mellem det grønne felt og tekstfeltet lige under. Jeg vil gerne have at teksten flyttes helt op til toppen af cellen

Stig
Avatar billede cdc Novice
24. juni 2003 - 16:16 #1
<html>
    <HEAD>

<style type="text/css">
    td.tabel{
        background-color :#003366;
        font-family:verdana, arial, sans-serif;
        font-size: 12px;
        color:#ffffff;
        padding: 5px;
        margin: 0px;
    }
</style>
    </HEAD>

<BODY bgcolor="#ffffff">

<table border="1" bordercolor="#000000" cellspacing="0" cellpadding="0" align="left">
<tr>
    <td height="200" bgcolor="#003366">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>       
</tr>
<tr>
    <td height="100" bgcolor="green">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>       
</tr>
<tr>
    <td class="tabel" width="124" height="100" valign="top" >
test test test test test test test test test test test
</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>       
</tr>
</table>
</body>
</html>
Avatar billede rangerbs Nybegynder
24. juni 2003 - 16:16 #2
<html>
    <HEAD>

<style type="text/css">
    td.tabel{
        background-color :#003366;
        font-family:verdana, arial, sans-serif;
        font-size: 12px;
        color:#ffffff;
        padding: 5px;
        margin: 0px;
    }
</style>
    </HEAD>

<BODY bgcolor="#ffffff">

<table border="1" bordercolor="#000000" cellspacing="0" cellpadding="0" align="left">
<tr>
    <td height="200" bgcolor="#003366">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>       
</tr>
<tr>
    <td height="100" bgcolor="green">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>       
</tr>
<tr>
    <td class="tabel" width="124" height="100" valign="top">
test test test test test test test test test test test
</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>
    <td width="5%" bgcolor="white">&nbsp;</td>
    <td width="50" bgcolor="blue">&nbsp;</td>       
</tr>
</table>
</body>
</html>

sådan?
Jeg har indsat valign="top"
Avatar billede rangerbs Nybegynder
24. juni 2003 - 16:16 #3
/cdc -> Øv, der var du hurtigere end mig ;D
Avatar billede cdc Novice
24. juni 2003 - 16:17 #4
:o)
Avatar billede stig69 Nybegynder
24. juni 2003 - 16:17 #5
/cdc--> Det eneste du har indsat er valign="top" ik'? Kan man rykke teksten yderligere op?
Avatar billede cdc Novice
24. juni 2003 - 16:19 #6
så skal du justere din padding i stylen
Avatar billede stig69 Nybegynder
24. juni 2003 - 16:19 #7
/cdc--> jeg havde glemt jeg havde sat "padding: 5px;". Takker for hjælp
Avatar billede cdc Novice
24. juni 2003 - 16:20 #8
:o)
Avatar billede rangerbs Nybegynder
24. juni 2003 - 16:21 #9
stig69 --> også prøv at sætte det her ind i din table
style="border-collapse: collapse"

det synes jeg i hvert fald ser bedre ud :D
Avatar billede stig69 Nybegynder
24. juni 2003 - 17:00 #10
rangerbs--> Hvor skal style="border-collapse: collapse" indsættes? Jeg er ikke nogen ørn til det her...
Avatar billede roenving Novice
24. juni 2003 - 17:05 #11
i <table>-tagget ,-)
Avatar billede stig69 Nybegynder
24. juni 2003 - 19:30 #12
roenving--> takker. Det ser faktisk pænere ud
Avatar billede roenving Novice
24. juni 2003 - 19:35 #13
Jeps -- og det er en klassiker ,o]
Avatar billede stig69 Nybegynder
24. juni 2003 - 19:47 #14
Ja, og jeg ved jo du er eksperten, men alle de gange du har hjulpet mig :-)
Avatar billede roenving Novice
24. juni 2003 - 19:49 #15
.
..
...
-- du får mig jo til at rødme ;O)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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