Avatar billede visto Guru
07. juni 2001 - 10:34 Der er 25 kommentarer og
1 løsning

Kan tabeller defineres i stylesheet?

Jeg vil på en samling websider med samme layout gerne have to tabeller med hver deres formatering af rammer og baggrundsfarve mv. Og jeg vil gerne have at disse tabeldefinitioner skal styres fra et stylesheet, sådan at hvis jeg fx vil ændre baggrundsfarve eller rammetykkelse, så kan jeg gøre det i stylesheet. De parametre jeg gerne vil kunne styre er de sædvanlige tabelegenskaber, der i HTML hedder \"table border\", \"width\", \"bordercolorlight\", \"bordercolordark\", \"td width\".

Kan dette lade sig gøre? I givet fald hvordan?
Avatar billede keysersoze Ekspert
07. juni 2001 - 10:43 #1
et eksempel jeg tidligere har brugt:

#forsidetabel {
    position: relative;
    width: 100%;
    height: 75px;
    border-bottom: solid 1px;
    border-left: solid 0px;
    border-right: solid 0px;
    border-top: solid 1px;
    border-color: #000000;
    background-color: #2030A1;
}

og nå jeg så skal bruge det på selve siden:

<div id=\"forsidetabel\" align=\"center\">
Avatar billede visto Guru
07. juni 2001 - 12:21 #2
til keysersoze: Det giver jo en OK encellet tabel, kan jeg se - i Internet Explorer. Men det virker ikke i Netscape.
Avatar billede jonas_html.dk Nybegynder
07. juni 2001 - 12:42 #3
Måske kan du bruge det her til noget:

http://www.html.dk/scripts/css/00002/
http://www.html.dk/scripts/css/00003/
http://www.html.dk/scripts/css/00004/

Med hensyn til hvad der virker i Netscape - mener du så Netscape 6, eller den gamle ?

Hvis du taler om den gamle, så er det mere rigtigt at sige, at det er Netscape, som ikke virker ;-)

Mvh Jonas
Avatar billede visto Guru
07. juni 2001 - 13:10 #4
Til Jonas: Det er Netscape 4.0 jeg taler om. Skal jeg lade være med at bruge krudt på at tage hensyn til Netscape 4.0 brugere??
Avatar billede jonas_html.dk Nybegynder
07. juni 2001 - 13:14 #5
Et godt webdesign behøver efter min mening ikke være 100% ens i alle browsere, men det skal være læsbart. Det vil sige at hvis du laver din HTML ordentligt med <th>, <td> og <caption> vil alle browsere kunne se hvad meningen er. Alt det smarte og fancy kan du så lave i CSS til de ca. 95-96% af brugerne som kører med en ny browser.

Mvh
Jonas
Avatar billede visto Guru
07. juni 2001 - 14:12 #6
Til Jonas: Det er helt klart noget i den stil jeg skal bruge!

Kan jeg få dig til at oversætte forskelligt, der indgår i dine koder? - fortælle hvad de gør, og evt hvad variablerne/valgmulighederne er?

<col></col>
<colgroup span=\"50\"></colgroup>
<thead>
<tbody>
<tr class=\"diff\">
</tbody>

Dine synspunkter vedr.webdesign lyder fornuftigt!
Avatar billede visto Guru
07. juni 2001 - 14:34 #7
Jonas - jeg har i stylesheet efter din metode lavet en tabel med blot en række og 3 celler/kolonner.
Hvordan får jeg de tre celler til alle tre at være 33,3 % af tabellens samlede bredde?
Hvordan placerer jeg et billede i en celle?
Avatar billede visto Guru
07. juni 2001 - 15:01 #8
Jonas - jeg har i stylesheet prøvet at indsætte en farvekode, font-color: #36A426
Det virkede ikke, viste blot sort.

Hvad gør jeg, når jeg vil have to tabeller på samme webside, tabeller med forskelligt layout for ramme og skrifttyper? Og altså stadig defineret i stylesheet.
Og kan jeg have to forskellige skrifttyper inde i en celle?
Avatar billede visto Guru
07. juni 2001 - 17:46 #9
Billeder er lette at sætte ind i Frontpage, gøres som normalt i tabel.
Findes der ikke et sted hvor man kan læse om hvordan man foretager øvrige indstillinger, såsom justering i de enkelte celler (i stylesheet) og alt det andet jeg har nævnt?
Avatar billede visto Guru
07. juni 2001 - 17:47 #10
Hov, der glemte jeg lige, at billedet jo skal defineres i stylesheet, jeg gjorde det på websiden, så jeg trækker det tilbage jeg lige skrev!
Avatar billede jonas_html.dk Nybegynder
07. juni 2001 - 23:44 #11
Hej visto,

Sikke mange spm ;-)

> Hvordan får jeg de tre celler
> til alle tre at være 33,3 % af
> tabellens samlede bredde?

Slet \"width\" for col og colgroup - istedet defineres width for td:

td  {
    background:rgb(255,250,235);
    width:33%;
    }

> Hvordan placerer jeg et
> billede i en celle?

På normal vis. Derefter kan aligne ved at definere \"text-align\" for den celle billedet sidder i, og \"vertical-align\" på billedet.

> jeg har i stylesheet prøvet at indsætte en
> farvekode, font-color: #36A426
> Det virkede ikke, viste blot sort.

Hvad definerede du farvekoden for ? Læs mere her:
http://www.html.dk/tutorials/css/lektion3.asp

> Og kan jeg have to forskellige
> skrifttyper inde i en celle?

Ja. brug \"class\" eller \"id\" sammen med <span> eller <div>:

http://www.html.dk/tutorials/css/lektion7.asp
http://www.html.dk/tutorials/css/lektion8.asp

> Findes der ikke et sted hvor man kan læse om
> hvordan man foretager øvrige indstillinger,
> såsom justering i de enkelte celler (i
> stylesheet) og alt det andet jeg har nævnt?

Jo, kig her:

http://www.html.dk/tutorials/css
http://www.w3.org/TR/REC-CSS2/

Mvh
Jonas
Avatar billede visto Guru
08. juni 2001 - 11:09 #12
Hej Jonas

Tak for dine svar, som bringer mig videre.

>Slet \"width\" for col og colgroup - istedet defineres width for td:

>td {
>background:rgb(255,250,235);
>width:33%;
>}

Virker OK

Det er ikke lykkedes mig at definere separate justeringer for de tre celler (som min aktuelle tabel består af) i STYLESHEET. Indholdet i venstre celle skal være venstrejusteret, i midterste celle centreret, i højre celle højrejusteret. Kan det lade sig gøre? I givet fald hvordan?

Ang. farvekoder: Jeg ville i tabellen definere en skrifttype og -farve, har prøvet at indsætte kode alle mulige forskellige steder, fx
col
    {
    text-align:right; font-family:Franklin Gothic Medium; font-color: #36A426;
    font-size: 12pt;  font-weight: bold;
    }
Alle steder får jeg rigtig skrifttype men som nævnt kun farven sort.

Din henvisning til
http://www.html.dk/tutorials/css/lektion3.asp
handler ikke om fonte men om baggrunde mv

Jeg har tillid til at dine forslag med class og span/div vil løse opgaven med flere skrifttyper i samme celle - endnu ikke afprøvet.

I øvrigt tak for dine klare og præcise tutorials på www.html.dk!! :-)

Visto
Avatar billede visto Guru
08. juni 2001 - 11:30 #13
Hov - Jeg glemte lige et meget vigtigt spørgsmål:

Kan man i stylesheet definere to tabeller, der har helt forskellige indstillinger og opbygning? - altså så disse to tabeller ses på alle de websider, som er linket til stylesheet\'et - Hvordan?
Avatar billede jonas_html.dk Nybegynder
08. juni 2001 - 16:38 #14
> Kan man i stylesheet definere to tabeller,
> der har helt forskellige indstillinger og
> opbygning? - altså så disse to tabeller
> ses på alle de websider, som er linket til
> stylesheet\'et - Hvordan?

Ja, brug \"class\" eller \"id\" til at skelne mellem de to tabeller.
Avatar billede jonas_html.dk Nybegynder
08. juni 2001 - 16:40 #15
> Det er ikke lykkedes mig at definere separate
> justeringer for de tre celler (som min aktuelle
> tabel består af) i STYLESHEET. Indholdet i
> venstre celle skal være venstrejusteret, i
> midterste celle centreret, i højre celle
> højrejusteret. Kan det lade sig gøre? I givet
> fald hvordan?

Det er her <col> og <colgroup> kommer ind i billedet - hvis du har tre kolonner, angiver du:

<col style=\"text-align:left;\"></col>
<col style=\"text-align:center;\"></col>
<col style=\"text-align:right;\"></col>

<colgroup> bruges blot til at definere for flere kolonner på én gang.

Mvh
Jonas
Avatar billede jonas_html.dk Nybegynder
08. juni 2001 - 16:42 #16
> Din henvisning til
> http://www.html.dk/tutorials/css/lektion3.asp
> handler ikke om fonte men om baggrunde mv

Netop - der er ikke noget, som hedder \"font-color\" - det hedder \"color\", og er omhandlet i Lektion 3.

Mvh
Jonas
Avatar billede visto Guru
09. juni 2001 - 10:29 #17
Ang. separate justeringer for de tre celler:
Sådan som jeg forstår dine koder

<col style=\"text-align:left;\"></col>
<col style=\"text-align:center;\"></col>
<col style=\"text-align:right;\"></col>

så er det på websiden og ikke i stylesheet at justeringen defineres. Er det ikke muligt at definere justeringen i stylesheet? - så man hvis man på et tidspunkt vil ændre justering i en celle for alle websider kan foretage ændringen i stylesheet.
Avatar billede jonas_html.dk Nybegynder
09. juni 2001 - 15:10 #18
Jo da - eksemplet jeg gav dig var bare med såkaldte \"inline styles\"

<col style=\"text-align:left;\"></col>

du kunne ligeså godt have defineret det i et eksternt stylesheet:

HTML:
<col class=\"vistocol\">

Tilhørende CSS:

.vistocol {text-align:right;}

Der er 3 metoder til at bruge CSS - de er beskrevet her:
http://www.html.dk/tutorials/css/lektion2.asp

/Jonas
Avatar billede visto Guru
09. juni 2001 - 17:33 #19
Hej igen Jonas

Fint! - Så virker den med justeringen også. Dine svar er mig til stor hjælp!
Jeg arbejder i øvrigt udelukkende med et eksterne stylesheet, der skal styre alle websider.

Jeg har nu et problem med en tabel. Strukturen kan forenklet skitseres sådan:

Data type 1a
Data type 2a
Her vil jer gerne have afstand (som jeg selv vil definere)
Data type 2a
Data type 2b
Her vil jeg gerne have afstand (som jeg selv vil definere)
Data type 3a

osv

Jeg har prøvet alt hvad jeg kunne finde på: padding-bottom, margin-bottom, at lave en tom tabel-række med en height der hvor jeg gerne vil have afstand osv.
Men set i browseren er der intet der hjælper.

Kan du klare den også? :-)
Avatar billede visto Guru
10. juni 2001 - 14:15 #20
I Frontpage kan man  for en tabels rammer definere to kantfarver: bordercolorlight og bordercolordark.
Kan man gøre det samme i STYLESHEET? I givet fald: hvordan?
Avatar billede visto Guru
12. juni 2001 - 08:38 #21
Til Jonas: Mit startspørgsmål må siges at være besvaret. Så du fortjener i høj grad points, så jeg synes du skal give et svar, så jeg kan tildele dig points.
De sidste spørgsmål jeg har stillet er jo detaljer, som jeg selvfølgelig vil være glad for at få med, men i virkeligheden er de nye spørgsmål. Så hvis du ikke lige svarer på dem, afslutter jeg nærværende spørgsmål, når jeg har givet dig dine points.
Mange tak for hjælpen!

Visto
Avatar billede visto Guru
12. juni 2001 - 09:14 #22
Jeg har nu selv fået lavet den afstand jeg efterspurgte lidt længere oppe (9/6). Løsning var at lave en tom række, der v.hj.a. class fik tildelt en height.
Avatar billede jonas_html.dk Nybegynder
12. juni 2001 - 12:06 #23
Tag du bare selv de point - jeg samler ikke på dem. Men hvis du har flere spørgsmål kunne du jo overveje at bruge nyhedsgrupperne - de koster ikke point ;-)
http://www.html.dk/nyhedsgrupper/

Mvh
Jonas
Avatar billede and.vang Nybegynder
22. juni 2001 - 14:59 #24
Der er altså utrolig mange stylesheets der ikke virker i netscape, i hvert fald i tidligere verisoner. Den nye 6.01 skulle kunne klare de fleste. Så hvorfor ikke bare skifte til den??
Avatar billede visto Guru
22. juni 2001 - 15:09 #25
til and.vang: Du har fuldstændig ret. Jeg har nu også opgivet at lave noget der virker til Netscape 4, arbejder i stedet på en opfordring til brugere af 4\'eren om at opgradere til 6.1, hvor det meste virker, eller skifte til IE.
Avatar billede visto Guru
27. oktober 2003 - 11:46 #26
Beklager den sene afslutning, kendte ikke til princippet med selv at skulle tage points.
jonas_html svarede fint, men samlede ikke på points.
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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