Søg
Avatar billede encorez Nybegynder
09. december 2002 - 14:48 Der er 24 kommentarer og
1 løsning

Fjern kant på tabel

Hvad skal jeg skrive i mit stylesheet for at fjerne en kant på en tabel, f.eks. venstre kant.

Simon
Avatar billede 7th Praktikant
09. december 2002 - 14:53 #1
border-left: 0px;
Avatar billede postndk Nybegynder
09. december 2002 - 14:54 #2
border-left : 0px;

måske...
Avatar billede 7th Praktikant
09. december 2002 - 14:55 #3
border-left-width: 0px; er det hvis ifølge http://html.dk/tutorials/css/lektion11.asp
Avatar billede cdc Novice
09. december 2002 - 14:56 #4
hvad med at definere de andre
    border-top: 1 solid #ffffff;
    border-left: 1 solid #ffffff;
    border-right: 1 solid #ffffff;
    border-bottom: 1 solid #ffffff;
og slet den du ikke skal bruge
Avatar billede 7th Praktikant
09. december 2002 - 14:59 #5
Man kan også gøre det som /cdc forslår, anyway her et lille eksempel.

<table border="1" bordercolor="#999999" cellpadding="0" cellspacing="10" style="border-left-width: 0px">
<tr>
<td>Tekst</td>
</tr>
</table>
Avatar billede encorez Nybegynder
09. december 2002 - 15:33 #6
skal min class=""  ikke sættes ind i tabel hovedet?
Avatar billede encorez Nybegynder
09. december 2002 - 15:38 #7
i mit stylesheet skriver jeg dette:

.fjernvenstre {
    border-top-width: 1pt;
    border-left-width: 2pt;
    border-right-width: 3pt;
    border-bottom-width: 4pt;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
}

og mit tabel-hoved ser således ud:

<table width="150" class="fjernvenstre">

Alligevel laver den overhovedet ingen kant på min tabel, hvorfor gør den ikke det
Avatar billede 7th Praktikant
09. december 2002 - 15:47 #8
Du skal definere hvilken slags kant du vil have, altså f.eks

border-top: 1pt solid #000000;
border-left: 2pt solid #000000;
border-right: 3pt solid #000000;
border-bottom: 4pt solid #000000;
Avatar billede 7th Praktikant
09. december 2002 - 15:51 #9
P.S. hvis du f.eks definere både tykkelse samt farve på en kant, kan man med fordel sammentrække det til mit eksempel foroven.
Avatar billede encorez Nybegynder
09. december 2002 - 17:34 #10
nu har jeg fået det til at virke, men der er kommet et nyt problem. Hvis jeg har en tabel med flere rækker og gerne vil fjerne den øverste kant, og jeg sætter border-top til 0pt, så fjerner den både den øverste kant og vandrette kanter i midten af tabellen.

Hvordan gør jeg, så jeg KUN fjerner den øverste kant i en tabel?
Avatar billede cdc Novice
09. december 2002 - 17:36 #11
hvis det kun er i den aller øverste du skal fjærne, vil jeg anbefale dig at bruge en egen class lige på den, og lade de andre være
Avatar billede encorez Nybegynder
09. december 2002 - 19:00 #12
det gør jeg også, men som jeg skrev før, så vil den også fjerne de midterste kanter, istedet for kun den øverste.
Avatar billede cdc Novice
09. december 2002 - 19:34 #13
Så er det kun den svære vej til bage med en masse class'er
Avatar billede 7th Praktikant
09. december 2002 - 19:36 #14
Nu kan det næsten ikke skæres mere ud i pap :) Kig på følgende eksempel --> http://home1.stofanet.dk/jong/table.htm

Hver tabel har sin egen class. Henholdsvis ydre og indre class er defineret for den ydre og indre tabel. Kig godt på det, så tror jeg sagtens du kan få lavet det du nu ønsker ;)
Avatar billede cdc Novice
09. december 2002 - 19:57 #15
<html>

<head>
<title></title>
<style type='text/css'>
<!--
td {
    border-left: 1 solid #000000;
    border-right: 1 solid #000000;
    border-bottom: 1 solid #000000;
    border-top: 1 solid #000000;
}
-->
</style>
</head>

<body>

<table border="0" width="100" height="100">
  <tr>
    <td width="100%" height="2" class="notop" style="border-top-width: 0px">&nbsp;</td>
  </tr>
  <tr>
    <td width="100%" height="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="100%" height="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="100%" height="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="100%" height="2">&nbsp;</td>
  </tr>
</table>

</body>

</html>
Avatar billede encorez Nybegynder
09. december 2002 - 23:05 #16
7th -> selv om det måske ikke kan skæres mere ud i pap for mig, så viser dit eksempel IKKE en løsning på mit problem. For at skære mit problem ud i pap og sige det igen, så bliver de vandrette miderste kanter også fjernet når jeg bruger border-top: 0ps osv.

/cdc er måske inde på noget af det rigtige ved at bruge border-top: 0px på selve den øverste celle istedet for selve tabellen. Det vil jeg prøve, men jeg har løst mit problem det på anden vis. Det er en micro lappeløsning. Jeg ville gerne have lavet det pænt med css, men det virker.

Tak for dine indlæg
Avatar billede encorez Nybegynder
09. december 2002 - 23:06 #17
... tak for dine indlæg 7th. Jeg har brugt meget af det du har skrevet, så du får pointene :)
Avatar billede 7th Praktikant
10. december 2002 - 04:45 #18
Hvis du har lyst til at forklare helt præcis hvad du vil have lavet, vil jeg mere end gerne lave et eksempel til dig.

Helt generelt så har du fire kanter: bottom, left, right og top.
En kant defineres via: border-xxx: 1px solid #000000;
Altså først hvilken: border-kant: tykkelse egenskab farve (rækkefølgen her er ligegyldig).

Den kant du så gerne vil have fjernet kan du jo bare lade være med at definere i dit stylesheet, eller også kan du give den samme kant farve som baggrunden.

Håber det hjælper lidt mere også, men sig til hvis du mangler et eksempel.
Avatar billede encorez Nybegynder
10. december 2002 - 13:07 #19
Tak så. Nu kan det vist heller ikke skæres mere ud i pap, kan det. Men jeg jeg forklare det lige igen. I en tabel med flere rækker vil jeg gerne fjerne den øverste kant, ikke også dem i midten. Når jeg fjerner den øverst kant med border-top, så fjerne den både den øverste kant plus de midsterste kanter.
Avatar billede 7th Praktikant
10. december 2002 - 13:11 #20
Det forstod jeg godt :) Finder lige på noget...
Avatar billede 7th Praktikant
10. december 2002 - 13:25 #21
Det må være sådan her du mener... http://home1.stofanet.dk/jong/border.htm
Avatar billede 7th Praktikant
10. december 2002 - 13:32 #22
Eller sådan her http://home1.stofanet.dk/jong/kanter.htm
Avatar billede cdc Novice
10. december 2002 - 13:36 #23
Hvad er der egentlig galt i den jeg har lavet
Avatar billede 7th Praktikant
10. december 2002 - 13:47 #24
Hvis det er mig du spørger, aner det ikke, men tingene skal åbenbart skæres grundigt ud i pap ;) Både for encorez og mig...

Måske bruger encorez cellpadding="0" og cellspacing="0" og kan ikke finde ud af at få fjernet dobbelt stregen.
Avatar billede encorez Nybegynder
10. december 2002 - 14:34 #25
7th -> i dit andet eksempel gør du egentlig det jeg er ude efter. Men du løser det ved at lave specielle klasse til hver eneste celle. Jeg håbede på det kunne klares med én klasse til hele tabellen.
/cdc -> det er det samme med dig. Du løser det også på den øverste celle og ikke på tabellen.

I skal have tak for jeres indlæg. Jeg har løst det tilfredsstillende nu og jeg vil ikke fortsætte denne diskution længere. Ha' det til vi snakkes igen :)
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
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »