Avatar billede hoyerby Nybegynder
05. september 2003 - 21:23 Der er 6 kommentarer og
1 løsning

Border på celler i tabel ?

Jeg har forgæves forsøgt at bruge andres gode "ekspert"-råd til at få lavet lige store borders i en tabels celler :-)

Dette ved at lave 4 nye tabeller i hver af min tabels i forvejen 4 celler.
Se: http://home20.inet.tele.dk/kimla/slet.htm.

Og dernæst har jeg forsøgt at bruge nogle styles (se kode på angivet side) til at angive hvilke sider af cellerne der skal have hvilke borders. Det ser blot ikke helt ok ud - først og fremmest virker det "skævt", selvom tabellerne er angivet som lige store. Dernæst ser det ud som om, der er skygger/dybde i borderne på nogle af cellesiderne....

Mit mål er et få en firkantet kasse delt op i yderligere 4 kasser - som alle har en tyk border. Og kassens kal selvfølgelig se pæn og lige ud. Håber, at jeg gør mig forståelig :-) - og at nogle kan hjælpe....
:-)
Lene
Avatar billede miss-g Seniormester
05. september 2003 - 21:33 #1
Det ser sgu lidt kludret ud.

Når jeg ser på din koden - så har tabellerne i cellerne forskellige højder - (men 100% i bredden som vel er ok)

Men, jeg ville:

Starte med 1 tabel med 4 celler (som du har gjort)
Putte en tabel i hver celle (som du har gjort)
og lave et eksternt stylesheet, så jeg selv kan bestemme, hvilke tabeller det skal gælde. Du har flere forskellige stylesheets - er det nødvendigt?

Og på denne kommer der vel ingen border - de står alle til 0 px:

<style type="text/css">
<!--
.borderBH {
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFF;
}
-->
</style>
Avatar billede lordhead Nybegynder
05. september 2003 - 21:34 #2
det kan gøres meget lettere og mere overskueligt ;-)

<head>
<style type="text/css" media="screen">
.table {
    border: 6px solid #000;
    width: 500px;
    height: 500px;
}
.td {
    border: 6px solid #000;
    width: 250px;
    height:250px;
}
</style>
</head>
<body bgcolor="#85ADCC">

<table cellpadding="0" cellspacing="0" class="table">
  <tr>
    <td class="td">
    &nbsp;
    </td>
    <td class="td">
    &nbsp;
    </td>
  </tr>
  <tr>
    <td class="td">
    &nbsp;
    </td>
    <td class="td">
    &nbsp;
    </td>
  </tr>
  </table>

/lordhead
Avatar billede miss-g Seniormester
05. september 2003 - 21:35 #3
Her er lidt hjælp til hvordan du kan sætte forskellige border på samme celle:
http://www.w3schools.com/css/tryit.asp?filename=trycss_border-style2
Avatar billede miss-g Seniormester
05. september 2003 - 21:35 #4
Avatar billede lordhead Nybegynder
05. september 2003 - 21:40 #5
lige en indvending til mit svar...

du kan frit ændre størelsen på tabellen og farven på borderen vha. css. det gør det meget lettere og overskueligt ;)
Avatar billede lordhead Nybegynder
05. september 2003 - 21:42 #6
...og du kan stort set gøre alt fra CSS ;)

for at få 0px margin til siderne, sætter du bare dette ind i dit stylesheet:

body {
margin:0px;
}
Avatar billede hoyerby Nybegynder
06. september 2003 - 00:52 #7
Tak for hjælpen !! Det virker nu ! Kanon ! :-)
Og tak for linksene....er dog ked, at jeg ikke lige havde styr på, hvordan jeg fik fordelt pointene ud på jer begge to.....
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
Kurser inden for grundlæggende programmering

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