Søg
Avatar billede Slettet bruger
22. januar 2004 - 11:20 Der er 16 kommentarer og
1 løsning

Table indhold i CSS

<table class=box2>

Og i CSS-filen:

}
.box2 .Table {
    CELLPADDING: 10
}   
Meen det virker ikke... hvordan kan jeg klare den ??
Avatar billede jensgram Nybegynder
22. januar 2004 - 11:21 #1
table.box2 {
    cellpadding: 10px;
}
Avatar billede jensgram Nybegynder
22. januar 2004 - 11:22 #2
Nej, sorry:

table.box2 {
    padding: 10px;
}
Avatar billede Slettet bruger
22. januar 2004 - 11:24 #3
Du kan vel også bare:

.box2 {
padding: 10px;
}
Avatar billede detox Nybegynder
22. januar 2004 - 11:26 #4
Og så skal det nok være med "gåseøjne":

<table class="box2">
Avatar billede nute Nybegynder
22. januar 2004 - 11:47 #5
detox >> gåseøjne er ligemeget så længe man ikke skal validere til xhtml.

dessuden giver det ingen mening at lægge padding på et table element, da padding refererer til mellemrummet mellem vægge og indhold i en CELLE. du skal lægge det på dine td'er. ovenikøbet så er padding en shorthand for padding-top, padding-bottom, padding-right og padding-left, så du kan ændre din padding for hver side i din td.

et eksempel illustrerer bedre:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <style>
    .cssTable
    {
        padding:10px;
    }
    .cssTableAdvanced
    {
        padding:10px 50px 100px;
    }
    table td{border:1px solid black;}
    </style>
</head>

<body>
<div>
<table cellpadding="10"><tr><td>Gammel table med 'cellpadding'</td></tr></table>
<table><tr><td class=cssTable>Ny tabel med CSS-padding</td></tr></table>
<table><tr><td class=cssTableAdvanced>Ny tabel med 'avanceret' CSS-padding</td></tr></table>
</div>
</body>
</html>

/nute
Avatar billede detox Nybegynder
22. januar 2004 - 11:50 #6
Tja, man kan jo ligeså godt vænne sig til de gåseøjne. De er kommet for at blive ;o)
Avatar billede nute Nybegynder
22. januar 2004 - 11:59 #7
det er sant nok, og jeg er enig i at man *bør* bruge gåseøjne (selv om det p.t har sin fordel i forhøjet læsbarhed af kode) ... men så skal du hellere formulere dig på en anden måde:

"Selv om det ikke har nogen relevans i denne sammenhæng, så bør du have gåseøjne rundt dine element-attributter for at lade din kode validere til XHMTL"

Dessuden ... det er ualmindelig mange der er fuldstændig ligegyldige til de forskellige standarder. så længe de får skidtet til at virke, så er de glade. Hvis nogle personer har den holdning, så får de min aksept for det. Hvis det er min kollega der har den holdning - så brokker jeg mig højt og kraftig ;-)

At prædike om diverse standarder, kan i mine øjne næsten sammenlignes med forkellige religiøse sekter. De må meget gerne få tro det de tror på, så længe de lukker røven og ikke prøver at omvende mig eller fortælle mig hvor "fantastisk" religionen er før *efter* jeg har spurgt til det.

;-)
Avatar billede detox Nybegynder
22. januar 2004 - 12:22 #8
Ok ok, godt ord igen. Jeg troede faktisk gåseøjne var påkrævet i HTML 4.01 strict, men det er "kun" anbefalet iflg. HTML 4.01.
Avatar billede Slettet bruger
22. januar 2004 - 12:59 #9
OK så går vi over til gåseøgne så er der vel ingen tvivl.

Er ny ud i CSS og indsætter så det jeg har "stjålet" et eller andet sted for jeg kan ikke få jeres forslag til at virke. Det er smart med muligheden for padding-top, padding-bottom, padding-right og padding-left, men hvis det drejer sig om alle TD´ere i tabellen er det vel meget rart kun at sætte det 1 sted.
Avatar billede nute Nybegynder
22. januar 2004 - 13:03 #10
hvis du vil have det for alle td'er, kan du skrive sådan (i dit <style/> tag):

td{ padding:10px; }

/nute
Avatar billede roenving Novice
22. januar 2004 - 13:07 #11
Eller udnytte css-arv:

.box2 td{
  padding: 10px;
}

-- hvilket betyder alle td'er, som på en eller anden måde er indeholdt i et element med class="box2" !-)
Avatar billede Slettet bruger
22. januar 2004 - 13:39 #12
Fuck, jeg glemte jo at indkopiere mit skidt,- her er det.
Tak for jeres tålmodighed


.box1 {
    BACKGROUND-COLOR: #8cadcf
}
.box1border {
    BACKGROUND-COLOR: #000000
}
.box1 .text {
    COLOR: #000000
}
.box1 .textsubheadline {
    COLOR: #000000
}
.box1 A:link {
    COLOR: #848484; TEXT-DECORATION: underline
}
.box1 A:visited {
    COLOR: #848484; TEXT-DECORATION: none
}
.box1 A:hover {
    COLOR: #FE8000; TEXT-DECORATION: none
}
.box1 A:active {
    COLOR: #FE8000; TEXT-DECORATION: underline
}
.box2 {
    BACKGROUND-COLOR: #ffffff
    }
.box2border {
    BACKGROUND-COLOR: #000000
}
.box2 .text {
    COLOR: #b7b7b7
}
.box2 .textsubheadline {
    COLOR: #000000
}
.box2 A:link {
    COLOR: #848484; text-decoraton: underline
}
.box2 A:visited {
    COLOR: #848484; TEXT-DECORATION: none
}
.box2 A:hover {
    COLOR: #FE8000; TEXT-DECORATION: none
}
.box2 A:active {
    COLOR: #FE8000; TEXT-DECORATION: underline
}
Avatar billede lordhead Nybegynder
22. januar 2004 - 14:43 #13
Og hvad er det lige præcist du vil have?
Avatar billede Slettet bruger
22. januar 2004 - 16:59 #14
roenving: Det virkede hurra for det.
Der fremkommer ikke pointbox her på siden lige nu ?
Men gider du også fortælle hvordan jeg betemmer tekstfarve .
Nedenstående virker i hvertilfælde ikke.

.box3 .text {
    COLOR: #cc0033
}

ej heller virker

.box3 {
    text-color: #cc0033
}
Avatar billede roenving Novice
26. januar 2004 - 02:19 #15
Det virker da glimrende hos mig:

<style type="text/css">
body{color:#00f;}
.box3{color:#0f0;}
.box3 .text {
    color: #cc0033;
}
</style>

Tekst
<div class="box3">
En text
<div class="text">
En anden tekst
</div>
Og en tredje tekst
</div>

-- og pointboxen kommer først når en har lagt et svar ...

-- personligt lægger jeg ikke svar før jeg er sikker på, at du kan bruge mit svar til noget !-)

-- men så da velbekomme '-)
Avatar billede roenving Novice
26. januar 2004 - 02:23 #16
-- og så kan du jo bemærke de tilladte forkortelser ...

-- css vil nemlig automatisk fordoble tegn i en farveangivelse, hvis der kun er tre tegn, så 00f er identisk med 0000ff !-)
Avatar billede jensgram Nybegynder
17. maj 2006 - 15:52 #17
...
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 dag 10:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
I dag 10:24 Kan Excel selv beregne alder? Af leahcim i Excel
I går 15:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
White papers
Flere white papers »