Avatar billede fangel Nybegynder
17. december 2003 - 20:43 Der er 25 kommentarer og
1 løsning

Enkelt gitter i table

Hej...

hvordan laver jeg et table så der kommet et gitter på 1 pixel...

altså mellem alle felter skal der være border, og rundt om tablet skal der også være border...

table {
  border : 1px solid black;
}

giver kun rundt om hele tablet...

hvis jeg sætter border på hver <td> for jeg jo 2x1px = 2px border

Morten
Avatar billede kwanstudios Nybegynder
17. december 2003 - 20:44 #1
prøv at ændre det til:

td {
  border: 1px solid black;
}
Avatar billede kwanstudios Nybegynder
17. december 2003 - 20:44 #2
og dermed ment at du sletter table kaldet :)
Avatar billede fangel Nybegynder
17. december 2003 - 20:49 #3
du ser det bare sådan her ud:

http://mfa.ath.cx/Images/border-scr.png

CSS:

table{
    color: Black;
    padding: 0px;
    margin: 0px;
    font-family: Arial;
    font-size: 11px;
}
td{
    border : 1px solid lightgrey;
    margin : 0px;
    padding : 0px;
}

det skal helst bare være 1px over det hele - hvordan ændres det

Morten
Avatar billede kwanstudios Nybegynder
17. december 2003 - 20:52 #4
<table cellspacing="0" cellpadding="0" border="0">

^^ sådan ser din table ud?

og slet

table{
    color: Black;
    padding: 0px;
    margin: 0px;
    font-family: Arial;
    font-size: 11px;
}
td{
    border : 1px solid lightgrey;
    margin : 0px;
    padding : 0px;
}

og erstat med

td {
  border: 1px solid black;
}
Avatar billede mjl Nybegynder
17. december 2003 - 20:52 #5
Brug lidt forskellige :

.hel_ramme {
border-top : solid 1px #C6CBD6;
border-bottom : solid 1px #C6CBD6;
border-left : solid 1px #C6CBD6;
border-right : solid 1px #C6CBD6;
}
.halv_ramme {
border-top : solid 0px #C6CBD6;
border-bottom : solid 1px #C6CBD6;
border-left : solid 1px #C6CBD6;
border-right : solid 1px #C6CBD6;
}
.side_ramme_r {
border-top : solid 0px #C6CBD6;
border-bottom : solid 1px #C6CBD6;
border-left : solid 0px #C6CBD6;
border-right : solid 1px #C6CBD6;
}
.side_ramme_l {
border-top : solid 0px #C6CBD6;
border-bottom : solid 1px #C6CBD6;
border-left : solid 1px #C6CBD6;
border-right : solid 0px #C6CBD6;
}
.side_ramme_u {
border-top : solid 1px #C6CBD6;
border-bottom : solid 1px #C6CBD6;
border-left : solid 0px #C6CBD6;
border-right : solid 1px #C6CBD6;
}

Så kan du sætte en på dine td'er <td class=hel_ramme> o.s.v.
Avatar billede mjl Nybegynder
17. december 2003 - 20:53 #6
Prøv at lave denne med ovennævnte css inkluderet :

<table width=98% cellpadding="5" cellspacing="0">
<tr>
<td height=50 colspan=2 class=hel_ramme bgcolor=#ACC1DE><b>Tekst</b></td>
</tr>
<tr>
<td colspan=2 class=halv_ramme bgcolor=#ffffff>&nbsp;</td>
</tr>
<tr>
<td width=25% bgcolor=#EFF3F7 class=halv_ramme>ccccc</td>
<td width=75% bgcolor=#EFF3F7 class=side_ramme_r>ccccc</td>
</tr>
<tr>
<td colspan=2 class=halv_ramme bgcolor=#ffffff>&nbsp;</td>
</tr>
</table>
Avatar billede mjl Nybegynder
17. december 2003 - 20:55 #7
Håber du forstår logikken - ???
Avatar billede fangel Nybegynder
17. december 2003 - 20:56 #8
kwan -> du ser det sådan her ud
http://mfa.ath.cx/Images/border-scr2.png

mjl -> tabellen bliver generet dynamisk - så det vil jeg helst undgår

Morten
Avatar billede mjl Nybegynder
17. december 2003 - 20:59 #9
Det forstår jeg ikke helt, hvad du mener med - men hvis du skal ha enkelt-rammer i dine celler, uden de dobbelte - ser jeg ingen anden udvej!

Men vi må se...

Mener du, at PHP skal oprette det antal celler m.v. du skal bruge - altså f.eks. resultat fra Database?
Avatar billede mjl Nybegynder
17. december 2003 - 21:00 #10
...for så er det jo heller ikke noget problem!
Avatar billede fangel Nybegynder
17. december 2003 - 21:04 #11
mjl -> jo - det er et problem... tabellen bliver gereret af en database - om database - ved at lave et "mini phpMyAdmin" - dvs systemet kender intet til databasen - ikke antal kolloner og ikke antal rækker...

derfor vil det betyde væsenligt "grimmere" kode hvis den også skal til at regne ud hvordan den skal bruge hvilken class

Morten
Avatar billede fangel Nybegynder
17. december 2003 - 21:06 #12
hmm - ny plan

hvis tablet har border på top og left - og hver eneste td har border på bottom og right, så vil det vidst stemme - prøver lige

Morten
Avatar billede fangel Nybegynder
17. december 2003 - 21:08 #13
JEP...

table{
    border-left : 1px solid lightgrey;
    border-top : 1px solid lightgrey;
}
td{
    border-right : 1px solid lightgrey;
    border-bottom : 1px solid lightgrey;
}

gør tricks...

lukker - fandt selv den endegyldige løsning, men hvis i, mjl og kwan, vil have lidt point deler jeg gerne - derfor, kwan lægger du et svar?

Morten
Avatar billede fangel Nybegynder
17. december 2003 - 21:11 #14
http://mfa.ath.cx/Images/border-scr3.png <- det færdige resultat

Morten
Avatar billede mjl Nybegynder
17. december 2003 - 21:15 #15
Tja min ide' ledte dig vel på vej - men behold bare points! ;O)
Avatar billede fangel Nybegynder
17. december 2003 - 21:27 #16
ok - så lukkes der (kwan, er du utilfreds modtages klager gerne)

Morten
Avatar billede exp Juniormester
17. december 2003 - 22:08 #17
til at lave dobbelt-borderen i dette tilfælde til en enkelt-border, benyttes følgende i table-tagget/table-css:
border-collapse:collapse
Avatar billede roenving Novice
18. december 2003 - 09:10 #18
-- hvor var du, Michael, mens Morten havde brug for dig !-)
Avatar billede exp Juniormester
18. december 2003 - 09:20 #19
Tjah... han kunne jo bare have taget fat i mig over icq ;-)
Avatar billede fangel Nybegynder
18. december 2003 - 16:49 #20
exp -> argg, vidste ikke du var god til CSS... nå men, den løsning jeg selv kom på var også acceptabel...

men synes ikke at du var online i går - er du i hvert fald ik nu...

PS, hvad med JS - er du også stærk til det, for har en funktion der ikke opfører sig som den skal...

Morten
Avatar billede roenving Novice
18. december 2003 - 17:12 #21
Ka' være, der er andre, som kan ...
Avatar billede fangel Nybegynder
18. december 2003 - 17:18 #22
roenving -> ja, men har ikke dig på MSN/ICQ/andet... ;)
Avatar billede roenving Novice
18. december 2003 - 17:24 #23
Det er du ikke ene om, for jeg bruger ikke nogen IM'er !-)

-- men jeg er ikke så svær at finde !o]
Avatar billede fangel Nybegynder
18. december 2003 - 17:29 #24
hæhæ - så lige selv fejlen... den var pænt dum... DOH... så det kan være lige meget..

Morten
Avatar billede exp Juniormester
19. december 2003 - 11:26 #25
Var lige til gl.elev-fest igår, så der var jeg ikke lige på nettet (hvilket så også liiige kan ses på i min mail-bakke :-)

Men nej, js er ikke min stærke side (ville dog gerne lære det, men der er ikke lige tid pt) - har dog hørt det minder en del om php...
Avatar billede roenving Novice
19. december 2003 - 11:53 #26
Ja, der skulle ikke være så langt ...

-- men de har jo også en fælles base i program-forståelsen !-)
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