Avatar billede pnr Nybegynder
10. november 2003 - 09:18 Der er 5 kommentarer og
1 løsning

farve en tabel rund om indholdet

jeg har noget tekst der står i en tabel, med et billede i toppen og et billede i bunden. Nu vil jeg så gerne have en streg i højre og venstre side af tabellen så der bliver en lille kasse rundt om tabellen (toppen og bunden er et billede). jeg har prøvet følgende:

<html>
<head>
    <title>test</title>
    <style type="text/css">
        td{
            border-left:1px solid;
            border-right:1px solid;
            border-color: #0066cc;
        }
        .brod_Alm {
            FONT-SIZE: x-small;
            FONT-FAMILY: Verdana;
            COLOR: BLACK;
        }
    </style>
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" class="p">
        <tr valign="center">
            <td align="center">
                <table>
                    <tr>
                        <td><img src="banner.jpg" width="700" height="50" border="0">
                    </tr>
                    <tr>
                        <td>test<br><br><br></td>
                    </tr>
                    <tr>
                        <td height="70"><img src="banner_bund.jpg" width="700" height="30" border="0">
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>

problemet er bare at stregen i højre og venstre side ikke er helt sammenhængende (der er små afstande i dem). der udover slutter billederne heller ikke helt til tabellen.
Avatar billede mm12010 Nybegynder
10. november 2003 - 09:26 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>test</title>
    <style type="text/css">
        td{
            border-left:1px solid #0066cc;
            border-right:1px solid #0066cc;
        }
        .brod_Alm {
            FONT-SIZE: x-small;
            FONT-FAMILY: Verdana;
            COLOR: BLACK;
        }
    </style>
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" class="p">
        <tr valign="center">
            <td align="center">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td><img src="gfx/pic1.gif" width="700" height="50" border="0"></td>
                    </tr>
                    <tr>
                        <td>test<br><br><br></td>
                    </tr>
                    <tr>
                        <td height="70"><img src="gfx/pic1.gif" width="700" height="30" border="0"></td>
                    </tr>
                </table></td>
        </tr>
    </table>
</body>
</html>
Avatar billede Slettet bruger
10. november 2003 - 09:27 #2
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" class="p">
        <tr valign="center">
            <td align="center">
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td><img src="banner.jpg" width="700" height="50" border="0">
                    </tr>
                    <tr>
                        <td>test<br><br><br></td>
                    </tr>
                    <tr>
                        <td height="70"><img src="banner_bund.jpg" width="700" height="30" border="0">
                    </tr>
                </table>
            </td>
        </tr>
    </table>
Avatar billede pnr Nybegynder
10. november 2003 - 09:39 #3
Det spiller!

Jeg kom lige til at se at der er et andet lille problem. Alle de kolonner der er inden i rammen bliver også farvet, hvordan undgår jeg det?
Avatar billede mm12010 Nybegynder
10. november 2003 - 09:53 #4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>test</title>
    <style type="text/css">
        #borders td{
            border-left:1px solid #0066cc;
            border-right:1px solid #0066cc;
        }
        .brod_Alm {
            FONT-SIZE: x-small;
            FONT-FAMILY: Verdana;
            COLOR: BLACK;
        }
    </style>
</head>
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" class="p">
        <tr valign="center">
            <td align="center">
                <table border="0" cellpadding="0" cellspacing="0" id="borders">
                    <tr>
                        <td><img src="gfx/pic1.gif" width="700" height="50" border="0"></td>
                    </tr>
                    <tr>
                        <td>test<br><br><br></td>
                    </tr>
                    <tr>
                        <td height="70"><img src="gfx/pic1.gif" width="700" height="30" border="0"></td>
                    </tr>
                </table></td>
        </tr>
    </table>
</body>
</html>
Avatar billede pnr Nybegynder
10. november 2003 - 09:55 #5
mm12010: smid et svar så er der point, også tak til cypermann for dit indlæg!
Avatar billede mm12010 Nybegynder
10. november 2003 - 09:56 #6
kast :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