Avatar billede snooby Nybegynder
16. oktober 2005 - 12:53 Der er 11 kommentarer og
1 løsning

Kan ikke få en tabel til at få nogle border hved hjælp af css

Se her www.snooby.dk/index2.asp

Hvordan får jeg css'en ti lat fungere ? vil genre have sådan at der bliver lavet en boarder-top og en boarder-bottom.. der hvor der står "rds-dans" skulle der genre være en streg over og under.. hjæælp!
Avatar billede roenving Novice
16. oktober 2005 - 12:57 #1
F.eks.

<td style="width:140; vertical-align:middle; text-decoration:overline underline;">rds-dans.dk</td>
Avatar billede roenving Novice
16. oktober 2005 - 12:57 #2
Hrm ...

<td style="width:140px; vertical-align:middle; text-decoration:overline underline;">rds-dans.dk</td>
Avatar billede snooby Nybegynder
16. oktober 2005 - 12:59 #3
jarh.. men vil genre slippe for det shit der og så have skrevet det over i et style sheat... se fx på www.aarhusdans.dk  der har de noget lignende hvor der er lavet sådan to linier.. har gjordt det på samme måde som dem men kan ikke få det til at virke
Avatar billede roenving Novice
16. oktober 2005 - 13:16 #4
Nu er det fuldstændig ligegyldigt om der bruges en inline style eller den ligger i et stylesheet, så f.eks.

<td class="rdsTd">rds-dans.dk</td>

-- og i dit stylesheet:

.rdsTd{
  width:140px;
  vertical-align:middle;
  /* text-decoration:overline underline; */
  /* med border: */
  border:1px solid black;
  border-width: 1px 0;
}
Avatar billede snooby Nybegynder
16. oktober 2005 - 15:09 #5
hvordan kan det så være at deres ser sådan ud:

<td valign="middle" height="19" class="back_topbar">

.back_topbar {background-color: #C7412F; border-top: solid 1px #852726; border-bottom: solid 1px #852726}
Avatar billede roenving Novice
16. oktober 2005 - 15:15 #6
Hvis du skal give nogle kanter en border kan det gøres på en hel del måder, fordi border-propertyen tillader shortcuts i to dimensioner: de fire kanter og de tre mulige properties !-)

-- den længste metode ser sådan ud:

border-top-style:solid;
border-top-width:1px;
border-top-color:#852726;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#852726;

-- den kan så forkortes på den ene led til det, der vises i dit eksempel, men jeg synes det er kortere at gøre det på den anden led, så jeg først sætter en border, som gælder hele vejen rundt og derefter begrænser den til blive vist foroven og -neden !o]
Avatar billede snooby Nybegynder
16. oktober 2005 - 15:27 #7
ja okay
Avatar billede snooby Nybegynder
16. oktober 2005 - 15:32 #8
se igen virker stadig ikke
Avatar billede snooby Nybegynder
16. oktober 2005 - 15:33 #9
den tager jeg lige tilbage.. det virker nu
Avatar billede roenving Novice
16. oktober 2005 - 15:35 #10
Så velbekomme '-)
Avatar billede snooby Nybegynder
01. november 2005 - 17:10 #11
Done! LUKKET!

MH

Jesper Birkkjær aka Snooby
Avatar billede roenving Novice
01. november 2005 - 17:11 #12
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