Avatar billede ghuui Nybegynder
17. marts 2004 - 19:25 Der er 8 kommentarer og
2 løsninger

Kanter i tabeller

Hej!

Kan jeg ikke få ydre kanterne i denne tabel: http://www.thomas-k.dk/exp_eks.htm til at blive usynlige, så det kun er kanterne inden i, man kan se. Kan det laves med CSS og evt. hvordan ?

/mr.t.man
Avatar billede jamiros Novice
17. marts 2004 - 19:33 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>TABEL</title>
<meta name="Generator" content="Stone's WebWriter 4">
        <style type="text/css" media="screen"><!--
.nedreh { border-top: 1px solid white; border-right: 0px none; border-bottom: 0px none; border-left: 1px solid white }
.oppev { border-top: none; border-right: 1px solid white; border-bottom: 1px solid white; border-left: none }
--></style>
    </head>
<body text="#FFFFFF" bgcolor="#000000">
<table border=0 width="600" height="500" cellspacing="1" cellpadding="1">
<tr bgcolor="#000000">
<td class="oppev" width="35%" height="20%">1</td>
<td width="65%" height="20%">1</td>
</tr>
<tr bgcolor="#000000">
<td height="80%">2</td>
<td class="nedreh" height="80%">2</td>
</tr>
</table>
</body>
</html>
Avatar billede cwboy Nybegynder
17. marts 2004 - 19:36 #2
Ved brug af border-collapse:
Eksempel kan ses på http://exp.cwboy.dk/478614.htm

<html>
<head>
<style type="text/css">
<!--
    body {
        background-color: #000000;
        color: #ffffff;
    }

    .blackborder {
        border: 1px solid #000000;
        border-collapse: collapse;
    }

    .whiteborder {
        border: 1px solid #ffffff;
        border-collapse: collapse;
    }
-->
</style>
</head>

<body>

<table class="blackborder">
<tr>
    <td class="whiteborder">1<br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td class="whiteborder">2<br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
<tr>
    <td class="whiteborder">3<br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td class="whiteborder">4<br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
</table>

</body>
</html>
Avatar billede thedeathart Nybegynder
17. marts 2004 - 22:20 #3
men tag og fjern denne linje

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Avatar billede hermandsen Juniormester
17. marts 2004 - 23:00 #4
>>thedeathart
Hvorfor i alverden skulle den linie dog fjernes??
Det er da vigtigt at angive hvilken HTML-standard man ønsker at gøre brug af for at kunne se sitet ordentligt!!
Avatar billede ghuui Nybegynder
21. marts 2004 - 16:43 #5
Fandt lige ud af, at det ikke virker i Opera.... Har nemlig brugt IE hidtil, og ville lige teste det i Opera. Kan man få funktionen til at virke i begge browsere?
Avatar billede cwboy Nybegynder
21. marts 2004 - 17:24 #6
hvordan bliver outputtet i Opera? kan du lave et screenshot til at kigge på? :)
Avatar billede ghuui Nybegynder
21. marts 2004 - 19:09 #7
den laver alle kanter hvide...
Avatar billede ghuui Nybegynder
21. marts 2004 - 19:11 #8
Avatar billede hermandsen Juniormester
22. marts 2004 - 00:39 #9
Er det noget i denne retning du søger:
http://hermandsen.homepage.dk/exp/borderkryds.html

Virker i IE, Firefox og Opera!!

//hermandsen
Avatar billede ghuui Nybegynder
22. marts 2004 - 16:25 #10
JA! Præcist...

Thanx...
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