Søg
Avatar billede eksplayer Nybegynder
29. januar 2005 - 13:35 Der er 14 kommentarer og
2 løsninger

Tabeller med CSS

Skal lige siges at jeg er ret ny mht CSS :)

Jeg har lavet et eksternt stylesheet som jeg kalder tabel.css og heri har jeg skrevet følgende:

table#main{
    background-image: url(../grafik/main.gif);
}

I mit HTML dokument har jeg i head skrevt:
<link rel="stylesheet" type="text/css" href="../style/tabel.css">

Mit spørgsmål er så: hvordan bruger jeg table#main inde i selve HTML'en? Jeg har en tabel med id main, men synes ikke det virker.

Derudover vil jeg gerne definere bredde, højde, border, cellpadding, align osv i mit css - men hvordan gør jeg det?
Avatar billede busschou Praktikant
29. januar 2005 - 13:40 #1
jeg vil foreslå dig at kigge her...der er en god tutorial og så er det jo dem som laver standarden.. så alt er med her
http://www.w3schools.com/css/default.asp
Avatar billede eksplayer Nybegynder
29. januar 2005 - 13:44 #2
ok - det var måske fornuftigt :)

Men er der en der lige hurtigt kan sige hvordan jeg bruger det eksterne stylesheet på mine tabeller. Altså hvordan skal koden for tabellen se ud inde i HTML'en.
Avatar billede fey.dk Nybegynder
29. januar 2005 - 13:55 #3
Prøv:

#main
{
    background-image: url(../grafik/main.gif);
}

<table id="main">
Avatar billede eksplayer Nybegynder
29. januar 2005 - 14:08 #4
Kanon, så virker det.

Hvordan sætter man...

cellPad = 0
cellSpace = 0
Border = 0

...i en tabel?

Synes linket mest behandler celler fremfor tabeller. Har prøvet med padding: 0; men det virker ikke.
Avatar billede eksplayer Nybegynder
29. januar 2005 - 14:08 #5
...i en tabel, via sit css?
Avatar billede fey.dk Nybegynder
29. januar 2005 - 14:10 #6
Det kommer an på hvilken doctype du bruger. Nogle ting virker i den ene, men ikke i den anden. Så med lige netop cellpadding og cellspacing ville jeg bare sætte attributterne i selve table tagget i stedet for med CSS, medmindre du gider sætte dig ind i doctypes.
Avatar billede alister_crowley Nybegynder
29. januar 2005 - 14:11 #7
eller brug class... :)

<table class="hej">

og i CSS

table.hej { background: blue; }
Avatar billede alister_crowley Nybegynder
29. januar 2005 - 14:13 #8
og forresten så sættes cellspacing og cellpadding i HTML, og IKKE i CSS !
det er altså ikke alle artributter som har en CSS ven ;-)

Hverken i html 4.01 eller xhtml :P
Avatar billede alister_crowley Nybegynder
29. januar 2005 - 14:15 #9
og mere endnu

w3schools er IKKE w3c, og har intet med standarterne at gøre.
Derudover er der en komplet CSS refferance med ALLE kommandoerne her:

http://www.w3schools.com/css/css_reference.asp

(Også dem som ikke virker i Internet Explorer)
Avatar billede eksplayer Nybegynder
29. januar 2005 - 14:15 #10
okay det var da rart at vide :)

Tror jeg har fået hvad jeg spurgte efter. Kan I ikke alle tre smide et svar.
Avatar billede fey.dk Nybegynder
29. januar 2005 - 14:18 #11
Jow.
Avatar billede alister_crowley Nybegynder
29. januar 2005 - 14:19 #12
nej tak, samler ikke på points.
Avatar billede olebole Juniormester
29. januar 2005 - 18:55 #13
<ole>

alister_crowley >> Det er ikke helt korrekt. Den eneste grund til, man ikke kan bruge det for tiden er, at IE stadig ikke understøtter CSS2 fuldt ud. I de fleste andre browsere virker dette, som det bør:

<style type="text/css">
.tbl {
    border-collapse: separate;
    border-spacing: 40px;
}
.tbl td {
    padding: 20px;
    border: 1px solid red;
}
</style>

<table class="tbl">

/mvh
</bole>
Avatar billede olebole Juniormester
29. januar 2005 - 18:57 #14
'padding' virker naturligvis i alle browsere - men 'border-spacing' kniber det med i IE  ;o)
Avatar billede eksplayer Nybegynder
02. februar 2005 - 15:03 #15
Point til fey.dk eftersom der ikke er mere respons...
Avatar billede olebole Juniormester
02. februar 2005 - 19:00 #16
Jamen, så får du da et svar herfra også  :)
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 20:40 Access udskrift mangler del af ramme om post. Af Uvanga i Access
I går 12:36 nulstille Samsung tablet T-580 Af fase i Tablet
23/1017:19 Kender I "Dropbox" ? Af Ikke-ekspert i Andet software
23/1016:28 Indsæt en kort video i Outlook 2024 Af ErikHg i E-mail programmer
22/1019:20 Hvor kan man finde en god bærbar computer? Af Strawberry i PC
White papers
Flere white papers »