Avatar billede no_doubt Nybegynder
27. juni 2005 - 16:26 Der er 22 kommentarer og
1 løsning

tabel borders

Hvis man smider dette ind i explorer laver den en hvis kant uden om det hele hvordan kan man få denne kant sort og kun 1 px den ser ud til at være mere.
Avatar billede trekkies Juniormester
27. juni 2005 - 16:30 #1
Du skal bruge en border f.eks. border="2px" i din tabel
Avatar billede trekkies Juniormester
27. juni 2005 - 16:31 #2
Din tabel kunne se sådan ud:
<table border="2px">
<tr>
<td>
Her er en tekst
</td>
</tr>
</table>
Avatar billede no_doubt Nybegynder
27. juni 2005 - 16:36 #3
Kan du ikke omskrive det jeg har lagt ind ?
Avatar billede no_doubt Nybegynder
27. juni 2005 - 16:43 #4
arh...

her

<body bgcolor="#808080" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

<div align="center">

<table border="0" width="512" height="100%" style="border-style: solid" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="3" bgcolor="#3EBFE7" width="6"></td>
        <td width="500" bgcolor="#F2F2EE" height="53"></td>
        <td rowspan="3" bgcolor="#3EBFE7" width="6"></td>
    </tr>
    <tr>
        <td width="500" bgcolor="#F2F2EE" height="66"><!--#include Virtual="/include/menu.asp" --></td>
    </tr>
    <tr>
        <td width="500" bgcolor="#F2F2EE"></td>
    </tr>
</table>
Avatar billede trekkies Juniormester
27. juni 2005 - 16:44 #5
Kigger på det :)
Avatar billede trekkies Juniormester
27. juni 2005 - 16:47 #6
Sådan, du ændre tykkelsen via: border="2" og farven via: style="border-color: black">


<body bgcolor="#808080" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

<div align="center">

<table border="2" width="512" height="100%" style="border-style: solid" cellpadding="0" cellspacing="0" style="border-color: black">
    <tr>
        <td rowspan="3" bgcolor="#3EBFE7" width="6"></td>
        <td width="500" bgcolor="#F2F2EE" height="53"></td>
        <td rowspan="3" bgcolor="#3EBFE7" width="6"></td>
    </tr>
    <tr>
        <td width="500" bgcolor="#F2F2EE" height="66"><!--#include Virtual="/include/menu.asp" --></td>
    </tr>
    <tr>
        <td width="500" bgcolor="#F2F2EE"></td>
    </tr>
</table>
Avatar billede no_doubt Nybegynder
27. juni 2005 - 16:51 #7
så kan man jo også se cellernes opdeling...i midten...skal man ikke kunne.
Avatar billede trekkies Juniormester
27. juni 2005 - 16:52 #8
Ok, vender tilbage senere :)
Avatar billede trekkies Juniormester
27. juni 2005 - 16:56 #9
<body bgcolor="#808080" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

<div align="center">

<table border="0" width="512" height="100%" style="border-style: solid" cellpadding="0" cellspacing="0" style="border-color: black">
    <tr>
        <td rowspan="3" bgcolor="#3EBFE7" width="6"></td>
        <td width="500" bgcolor="#F2F2EE" height="53"></td>
        <td rowspan="3" bgcolor="#3EBFE7" width="6"></td>
    </tr>
    <tr>
        <td width="500" bgcolor="#F2F2EE" height="66"><!--#include Virtual="/include/menu.asp" --></td>
    </tr>
    <tr>
        <td width="500" bgcolor="#F2F2EE"></td>
    </tr>
</table>

Er det bedre?
Avatar billede no_doubt Nybegynder
27. juni 2005 - 16:58 #10
Tæt på borderen skal bare kun være en px
Avatar billede trekkies Juniormester
27. juni 2005 - 16:59 #11
Hvilken browser bruger du?
Avatar billede no_doubt Nybegynder
27. juni 2005 - 17:03 #12
explorer
Avatar billede trekkies Juniormester
27. juni 2005 - 17:05 #13
Jeg bruger IE og Firefox, og de viser siden forskelligt.
Avatar billede no_doubt Nybegynder
27. juni 2005 - 17:09 #14
hmm...hvordan får jeg ydre-borderen til 1 px
Avatar billede trekkies Juniormester
27. juni 2005 - 17:10 #15
Ved at bruge denne kodning:

<html>
<head>
</head>

<body bgcolor="#808080" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

<div align="center">
<table border="0px" width="512" height="100%" style="border-style: solid" cellpadding="0" cellspacing="0" style="border-color: black">
    <tr bgcolor="red">
        <td rowspan="3" bgcolor="#3EBFE7" width="6"></td>
        <td width="500" bgcolor="#F2F2EE" height="53"></td>
        <td rowspan="3" bgcolor="#3EBFE7" width="6"></td>
    </tr>
    <tr>
        <td width="500" bgcolor="#F2F2EE" height="66"><!--#include Virtual="/include/menu.asp" --></td>
    </tr>
    <tr>
        <td width="500" bgcolor="#F2F2EE"></td>
    </tr>
</table>
</body>
</html>

Så kommer disse resultater:
IE:
http://www.darkskies.dk/ie.jpg
Firefox:
http://www.darkskies.dk/firefox.jpg
Avatar billede gil-galad Nybegynder
27. juni 2005 - 17:12 #16
det var alligevel en rodet kode...

Prøv denne:



<body bgcolor="#808080" margin="0px">

<div align="center">

<table style="border: 2px solid black; width: 512px;" cellpadding="0px" cellspacing="0px">
  <tr>
    <td rowspan="3"width="6px" bgcolor="#3EBFE7">&nbsp;</td>
    <td width="500px" height="53px" bgcolor="#F2F2EE">&nbsp;</td>
    <td rowspan="3" width="6px" bgcolor="#3EBFE7">&nbsp;</td>
  </tr>
  <tr>
    <td width="500px" height="66px" bgcolor="#F2F2EE">&nbsp;<!--#include Virtual="/include/menu.asp" --></td>
  </tr>
  <tr>
    <td width="500px" bgcolor="#F2F2EE">&nbsp;</td>
  </tr>
</table>

</div>
Avatar billede gil-galad Nybegynder
27. juni 2005 - 17:13 #17
<table style="border: 1px solid black; width: 512px;" cellpadding="0px" cellspacing="0px">
hvis du ville have den yderste kant 1 px
Avatar billede gil-galad Nybegynder
27. juni 2005 - 17:25 #18
og hvis du vil have tabellen til at være 100% af sidens højde, kan du IKKE gøre som du gør i dit eksempel, da et <table> element ikke må have en højde angivet, da det ikke virker i alle browsere.

Gør som her: http://www.eksperten.dk/spm/628817
Avatar billede gil-galad Nybegynder
29. juni 2005 - 18:19 #19
hallo?
Avatar billede roenving Novice
29. juni 2005 - 23:36 #20
En height i table virker da ganske udmærket i alle de browsere, jeg er stødt ind i ...

-- men den har aldrig været defineret i en standard og bør derfor absolut undgås, ligesom benyttelse af html3-koder selvfølgelig bør, der er jo udstedt nye standarder efter 1995 ...

F.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<title>Tabel-eksempel</title>
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;}
#minTabel{border-collapse:collapse;border:1px solid red;}
#minTabel td{margin:0;padding:3px;border:1px dotted green;}
</style>
</head>
<body>
<table id="minTabel">
  <tr>
    <td>Første celle i første række</td>
    <td>Anden celle i første række</td>
  </tr>
  <tr>
    <td>Første celle i anden række</td>
    <td>Anden celle i anden række</td>
  </tr>
</body>
</head>
Avatar billede no_doubt Nybegynder
02. september 2005 - 20:46 #21
lykkede ligger i et svar
Avatar billede no_doubt Nybegynder
14. september 2005 - 20:09 #22
Lukker
Avatar billede roenving Novice
14. september 2005 - 23:17 #23
-- men hvad var det, der lykkedes ?-)

-- bare nysgerrig, så pointene må du for mig godt beholde !-)
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