Avatar billede dennish Nybegynder
13. marts 2007 - 19:26 Der er 7 kommentarer og
1 løsning

Indramme rækker i HTML ("dynamisk")

Hej er det muligt at indramme ens rækker i html ? Ved godt man kan bruge
<fieldset>
<table>
...
</table>
</fieldset>

Men da jeg inde i min tabel dynamisk generer rækker og gerne vil have en ramme om en mængde af disse kan jeg desværre ikke bruge fieldset. Ved godt at jeg så inden i min table kan neste en tabel og for hver table kan jeg så lave et tilsvarende fieldset. MEN !! det vil ødelægger mit design fuldstændigt. Så mit spørgsmål er altså kan jeg lave en ramme om mine rækker (der bliver dynamisk genereret) uden bruge af fieldset ?? - evt noget css ???
Avatar billede jokkejensen Novice
13. marts 2007 - 19:34 #1
table td
{
border: 1px solid red;
border-left: 0px;
border-right: 0px;
}

Vil sætte en border mellem hver række, fjern de 2x 0px for at få "excel" effekt :)

/JJ
Avatar billede roenving Novice
13. marts 2007 - 19:37 #2
Du kan vel sætte border på tabel-rækken ?-)

-- altså de celler, der er i raækken:

<table style="border:0;border-collapse:collapse;">
    <tr>
        <td style="border:1px solid green;border-width:1px 0 1px 1px;"><center>Box1</td>
        <td style="border:1px solid green;border-width:1px 0;"><center>Box2</td>
        <td style="border:1px solid green;border-width:1px 1px 1px 0;"><center>Box3</td>
    </tr>
...
Avatar billede dennish Nybegynder
13. marts 2007 - 19:39 #3
Øhh det kan godt  være jeg lige er med men det er en mængde af rækker jeg gerne vil have indrammet. Jeg er desværre ikke såskarp til css. Hvad er det lige jeg også skal skrive i min kode få at få adgang til min css style 

<tr>
.......
</tr>

<tr>
...
</tr>
Avatar billede roenving Novice
13. marts 2007 - 19:47 #4
Hvordan dynamisk ?-)
Avatar billede dennish Nybegynder
13. marts 2007 - 20:01 #5
Jeg har et loop og inde i det looper jeg over nogle rækker hente fra min database.Så hvis jeg f.eks har 3 rækker, vil jeg gerne have en enkelt ramme uden om disse. 

<tr>
</tr>

<tr>
</tr>

<tr>
</tr>

dvs.

-----------------
| række 1      |
| række 2      |
| række 3      |
|---------------
Avatar billede roenving Novice
14. marts 2007 - 11:01 #6
Lav ni klasser, som du sætter på efter behov, som definerer de borders ...

.cellBorder{border:1px solid red;}
.topLeft{border-width:1px 0 0 1px;}
.topCell{border-width:1px 0 0 0;}
.topRight{border-width:1px 1px 0 0;}
.leftCell{border-width:0 0 0 1px;}
.midCell{border:0;}
.rightCell{border-width:0 1px 0 0;}
.bottomLeft{border-width:0 0 1px 1px;}
.bottomCell{border-width:0 0 1px 0;}
.bottomRight{border-width:0 1px 1px 0;}

<td class="cellBorder topLeft">

-- osv. !-)
Avatar billede dennish Nybegynder
20. marts 2007 - 18:59 #7
roenving>> smider du ikke lige et svar
Avatar billede roenving Novice
20. marts 2007 - 21:48 #8
Velbekomme '-)
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