Søg
Avatar billede pokejohn Nybegynder
08. oktober 2004 - 20:07 Der er 24 kommentarer og
1 løsning

Table border

Jeg vil gerne via css bestemme farve og tykkelse på mine table borders, men der opstår et mindre problem når jeg forsøger.

Jeg laver f.eks. dette på en side:

<table border="1">
<tr>
  <td>
  &nbsp;
  </td>
</tr>
<tr>
  <td>
  &nbsp;
  </td>
</tr>
</table>

Så laver den border både hele vejen rundt om tablen og mellem cellerne, det er også fint - faktisk lige som jeg vil have det. Men jeg vil gerne slippe for 3d effekten, det kan jeg gøre ved at skrive dette i mit css dokument:

table
{
border-color: 000000;
border-width: 2 px;
border-style: solid
}

Men så laver den ikke længere borders imellem cellerne, men kun uden om hele tablen. Kan jeg ikke bruge css og samtidig beholde de borders der adskiller cellerne?
Avatar billede pokejohn Nybegynder
08. oktober 2004 - 20:08 #1
PS... jeg sletter selvfølgelig border="1" i table tagget inden jeg retter i mit css dokument.
Avatar billede Jman Praktikant
08. oktober 2004 - 20:11 #2
table
{
border-color: 000000;
border-width: 2 px;
border-style: solid;
}

Der mangler i hvert fald en ; efter solid
Avatar billede Jman Praktikant
08. oktober 2004 - 20:13 #3
hvis du vil have synlige borders mellem cellerne skal du lave en tilsvarende til <td>'erne

Mener bare man kan lave denne
td
{
border-color: 000000;
border-width: 2 px;
border-style: solid;
}
Avatar billede pokejohn Nybegynder
08. oktober 2004 - 20:13 #4
Den sidste kan faktisk altid undværes, så det er ikke det! :D
Avatar billede Jman Praktikant
08. oktober 2004 - 20:14 #5
ja kan - men bør ikke... ved jo ikke om du har mere efterfølgende :)
Avatar billede pokejohn Nybegynder
08. oktober 2004 - 20:14 #6
Så laver den dobbelt border nogle steder... Hvis du forstår hvad jeg mener!
Avatar billede Jman Praktikant
08. oktober 2004 - 20:15 #7
ja at der er et lille mellemrum i mellem ?
Avatar billede pokejohn Nybegynder
08. oktober 2004 - 20:15 #8
Har jeg jo ikke, da det hele bliver afsluttet med }
Avatar billede Jman Praktikant
08. oktober 2004 - 20:16 #9
næ .. men hvis du har en anden css efterfølgende, så vil den ikke virke
Avatar billede Jman Praktikant
08. oktober 2004 - 20:18 #10
måske kan dette link give dig flere svar: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/css/reference/attributes.asp
Avatar billede pokejohn Nybegynder
08. oktober 2004 - 20:19 #11
http:\\malouvin.users.whitehat.dk\test.html

Den miderste border er 6 pixels, mens de yderste er 4, bortset fra den øverste som kun er 2!
Avatar billede Jman Praktikant
08. oktober 2004 - 20:20 #12
er det godt eller skidt ?
Avatar billede pokejohn Nybegynder
08. oktober 2004 - 20:20 #13
næ .. men hvis du har en anden css efterfølgende, så vil den ikke virke
- Tjooo. Det vil den faktisk! Måske en dårlig vane, men jeg afslutter aldrig den sidste!
Avatar billede pokejohn Nybegynder
08. oktober 2004 - 20:21 #14
er det godt eller skidt ?
At de er forskellige størreler? Ville nu helst have at borderne er samme tykkelse hele vejen rundt! Og helst 2px som jeg har skrevet i mit css
Avatar billede pokejohn Nybegynder
08. oktober 2004 - 20:23 #15
Men tak for linket! Sidder lige og kigger om det ikke er noget jeg kan bruge!
Avatar billede pokejohn Nybegynder
08. oktober 2004 - 22:05 #16
Ingen der har et forslag til en løsning?!
Avatar billede knudgert Nybegynder
08. oktober 2004 - 22:11 #17
>superior
: efter den sidste selector er valgfri og overflødig.
Avatar billede knudgert Nybegynder
08. oktober 2004 - 22:13 #18
Hvis du vil have border på alle cellerne, så gør det  med
table {border-collapse: collapse}
table, td {botder: 2px solid #000}
Avatar billede knudgert Nybegynder
08. oktober 2004 - 22:14 #19
Husk at der altid skal en # foran farveangivelse.
Avatar billede pokejohn Nybegynder
08. oktober 2004 - 22:16 #20
Tak... Lav et svar, så får du pointene!
Hvorfor skal der # foran... Hvis jeg skriver uden virker det også!
Avatar billede pokejohn Nybegynder
08. oktober 2004 - 22:26 #21
Min fejl; Det skal # foran i denne:
.table, .td
{
border: 2px solid #000066
}
Men jeg behøver ikke i denne:
.hvid
{
font-family: Verdana;
font-size: 11 px;
color: FFFFFF
}
...jeg har vidst meget at lære endnu! :D
Avatar billede knudgert Nybegynder
09. oktober 2004 - 01:00 #22
# indikerer at det er en farvekode, men da sort er browserens default farve til border og tekst, så virker det i nogle browsere, men ville du bruge en anden farve, f.eks. rød, så ville det ikke virke.

Og validerede du din html, så ville du få en fejl,år du ikke bruger #.
Avatar billede pokejohn Nybegynder
10. oktober 2004 - 19:59 #23
Jeg ved godt at det indikere en farvekode, men har altid fået af vide at den egentlig var ligegyldig, nogle gange..!
Det virker jo som sagt her (og det er ikke sort, det er hvid!):
.hvid
{
font-family: Verdana;
font-size: 11 px;
color: FFFFFF
}
Avatar billede knudgert Nybegynder
11. oktober 2004 - 01:00 #24
Det ved jeg godt, men i dit oprindelige eksempel var det sort (#000).
Det virker sikkert i IE, men har du tjekket i andre browsere?

Undskyld, men det er og bliver en fejl i kodningen, når der ikke står # foran.

Tak for points.
Avatar billede pokejohn Nybegynder
11. oktober 2004 - 01:08 #25
Har ikke tjekket andre browsere... Kan være at de ikke er så glade for det, men du skal i hvert fald have tak for hjælpen!
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 15:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
I går 14:16 installere windows på separat diskpartition Af Malm i Windows
I går 13:43 Problem med mcafee Af Malm i Andet software
I går 13:39 Er tilstrækkelig antivirus incl på ny Samsung smartphone ? Af annam i Backup- & Antivirus
19/0819:46 Skift fra Microsoft365 til Microsoft 2024 Af 1Dorte i Office & Kontorpakker
White papers
Flere white papers »