Avatar billede duno Nybegynder
23. maj 2007 - 17:53 Der er 9 kommentarer og
1 løsning

tynd linie i hele tabellen

jeg har en tabel med 6 felter, når jeg prøver de eksempler som er i nedenstående link

http://www.eksperten.dk/spm/600027

får jeg kun ramme rundt om de 6 felter (altså en stor ramme)

--------
I[][][]I
I[][][]I
--------

Ønsket er seks små rammer med tynde streger lige som i eks

<table width="500" height="500" style="border:1px solid #000000"></table>

bare i alle rammer
den skal se ud som nedenstående
----------
I[]I[]I[]I
----------
I[]I[]I[]I
----------
Avatar billede soes Nybegynder
23. maj 2007 - 18:16 #1
prøv evt. med dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
td {
    margin: 3px;
    border: 1px solid #CACACA;

    font-size: 11px;
    font-family: Verdana, sans-serif;
</style>
<title>Border</title>
</head>

<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</body>
</html>
Avatar billede duno Nybegynder
23. maj 2007 - 18:44 #2
det giver tynd ramme hele vejen rundt men tyk

  I  I
-----------
  I  I

inde i midten

det er en 6 cellet tabel :o)
Avatar billede w13 Novice
23. maj 2007 - 22:01 #3
Prøv i stedet dette:
-------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
table {
    border-collapse: collapse;
    border: 1px solid #CACACA;
}
td {
    border: 1px solid #CACACA;
}
</style>
<title>Border</title>
</head>

<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</body>
</html>
-------------------------
Nu har du både kant uden om og indeni, hvilket får den til at se lige tyk ud over det hele. "Border-collapse: collapse;" fjerner afstand mellem cellerne.
Avatar billede neoman Novice
24. maj 2007 - 00:55 #4
Prøv dennne wizard - så kan du famle dig frem til du får det som du vil have det :
http://www.somacon.com/p141.php
Avatar billede olebole Juniormester
24. maj 2007 - 12:05 #5
<ole>

- og du kan ligeså godt skrive HTML4.01-Strict. XHTML1.0-Transitional tolkes alligevel af alle browsere som HTML ... ikke som XHTML  =)

/mvh
</bole>
Avatar billede duno Nybegynder
24. maj 2007 - 18:25 #6
W13 jeg brugte din metode.. works like a charm..

<style type="text/css">
table {
    border-collapse: collapse;
    border: 1px solid #CACACA;
}
td {
    border: 1px solid #CACACA;
}
</style>

points til dig..

stik mig et svar!!!
Avatar billede w13 Novice
25. maj 2007 - 00:03 #7
Det lyder da dejligt. :) Takker!
Avatar billede w13 Novice
21. november 2007 - 18:59 #8
Lukketid?
Avatar billede duno Nybegynder
22. november 2007 - 12:18 #9
ja bestemt, jeg beklager ventetiden, points sendt :o)
Avatar billede w13 Novice
22. november 2007 - 21:24 #10
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
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