Søg
Avatar billede Slettet bruger
13. december 2001 - 00:02 Der er 23 kommentarer og
1 løsning

CSS - tabeller

Er lige begyndt at sidde og kigge på CSS - har aldrig før fået taget mig sammen til det :(

Og mit simple spørgsmål er - er det muligt at sætte egenskaber for tabeller (baggrund font osv) med CSS?
hvis ja - hvordan????
Avatar billede pesa Nybegynder
13. december 2001 - 00:11 #1
Ja det er muligt! For eksempel som nedenfor:

<html>
<head>
<style type=\"text/css\">
td.celle        {
        background-color:    #ffffff;
        font-family:         verdana;
        font-size:        11;
        height:            20px;
        color:            #999999;
        }
</style>
</head>
<body>
<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
<td class=\"celle\">Test</td>
</tr>
</table>
</body>
</html>
Avatar billede ztyxx Nybegynder
13. december 2001 - 00:13 #2
læs en masse om css
www.html.dk/tutorials/css
Avatar billede Slettet bruger
13. december 2001 - 00:17 #3
bliver lige krævende - hvordan skal det se ud hvis jeg vil ha det i et eksternt stylesheet?
Avatar billede pesa Nybegynder
13. december 2001 - 00:20 #4
<html>
<head>
<LINK REL=\"StyleSheet\" HREF=sheet.css TYPE=\"text/css\" >
</head>
<body>
<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
<td class=\"celle\">Test</td>
</tr>
</table>
</body>
</html>



, hvor



<style type=\"text/css\">
td.celle        {
        background-color:    #ffffff;
        font-family:        verdana;
        font-size:        11;
        height:            20px;
        color:            #999999;
        }
</style>




indsættes i en fil der kaldes \"sheet.css\".
Avatar billede ztyxx Nybegynder
13. december 2001 - 00:25 #5
i dit stylesheet behøver du ikke starte filen med

<style type=\"text/css\">
men bare

td.celle        {
        background-color:    #ffffff;
        font-family:        verdana;
        font-size:        11;
        height:            20px;
        color:            #999999;
        }
Avatar billede Slettet bruger
13. december 2001 - 00:31 #6
nu skal jeg så ha et baggrundsbillede istedet - men det her vil den bare ikke....

<style type=\"text/css\">
td.celle        {
        background-image: url(\"bg.gif\");
        font-family:        arial;
        font-size:        12;
        height:            20px;
        color:            #999999;
        }
</style>

hvorfor?
Avatar billede Slettet bruger
13. december 2001 - 00:32 #7
ahaaaa...... det var fordi <style type=\"text/css\"> ikk skulle med - tark

så bare lige en sidste ting - kan man definere flere forskellige celler i et stylesheet?

Avatar billede pesa Nybegynder
13. december 2001 - 00:35 #8
Ja, sagtens!

<html>
<head>
<style type=\"text/css\">
td.celle        {
        background-color:    #ffffff;
        font-family:        verdana;
        font-size:        11;
        height:            20px;
        color:            #999999;
        }
td.celle2        {
        background-color:    #cccccc;
        font-family:        verdana;
        font-size:        11;
        height:            20px;
        color:            #999999;
        }
</style>
</head>
<body>
<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
<td class=\"celle\">Test</td>
<td class=\"celle2\">Test2</td>
</tr>
</table>
</body>
</html>
Avatar billede pesa Nybegynder
13. december 2001 - 00:36 #9
, ok tak for points! :)
Avatar billede Slettet bruger
13. december 2001 - 00:37 #10
cool
og hvordan definerer man så hvordan selve tabellen skal være hvis oss man vil gøre det
altså <table>
og så skal jeg nok stoppe :)
Avatar billede pesa Nybegynder
13. december 2001 - 00:43 #11
Øhh, det ved jeg faktisk ikke helt! :(
Avatar billede Slettet bruger
13. december 2001 - 00:44 #12
oki - helt i orden :)
Avatar billede Slettet bruger
13. december 2001 - 00:44 #13
takker for hjælpen
Avatar billede Slettet bruger
13. december 2001 - 01:21 #14
linkfarver angives med hvad??
Avatar billede ztyxx Nybegynder
13. december 2001 - 01:31 #15
a {
  color:#336666;
}
Avatar billede Slettet bruger
13. december 2001 - 01:33 #16
altså
link
vlink
og alink
Avatar billede pelkjaer Nybegynder
13. december 2001 - 01:35 #17
<style>
<!--
a:link
{
  color: #000000;
  text-decoration: none;
}
a:visited
{
  color: #000000;
  text-decoration: none;
}
a:hover
{
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
-->
</style>
Avatar billede Slettet bruger
13. december 2001 - 01:37 #18
taaark :)
Avatar billede ztyxx Nybegynder
13. december 2001 - 01:39 #19
table  {
    border-width: 1px;   
    border-style: dashed ;   
    border-color: silver;
}

Avatar billede Slettet bruger
13. december 2001 - 02:14 #20
så er jeg her igen i det håb at nogen stadig er vågne :)

cellpadding og cellspacing hvordan angives de?
Avatar billede ztyxx Nybegynder
13. december 2001 - 02:33 #21
tror ikke de kan sættes via css, men kun direkte i <table cellpadding=......
Avatar billede Slettet bruger
13. december 2001 - 02:35 #22
oki :)
Avatar billede Slettet bruger
13. december 2001 - 14:16 #23
fortsætter her
http://www.eksperten.dk/spm/146201
Avatar billede lerchedahl Nybegynder
13. december 2001 - 14:32 #24
style=\"padding: 2px;\"

eller, alternativt...

style=\"padding-top: 1px; padding-bottom: 2px; padding-left: 3px; padding-right: 4px;\"

/lerchedahl
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
Microsoft 365 kurser
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.
Se alle Microsoft 365 kurser

Flere spørgsmål fra Andet design kategorien

Titel Indlæg Oprettet Seneste aktivitet
En som kan designe et LegoKørekort? Af Chris i Andet design 7 30/10/202404:18 30/10/202414:10
3D foto til stl Af johnnylassen i Andet design 1 31/07/202313:32 31/07/202314:28
InDesign - Af Ajnbnb i Andet design 6 29/07/202209:29 01/08/202209:18
Kan man fremstille numre med en cirkel eller firkant om ? Af Ikke-ekspert i Andet design 6 04/04/202211:38 04/04/202222:11
Logo til kostvejleder Af Buchwald i Andet design 3 18/02/202217:41 20/02/202216:52
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 21:35 Lidt simpel (håber jeg) Photoshop hjælp Af fcs i Billedbehandling
16/0516:04 Canon printer vil ikke udskrive farver Af mort1 i Printere
16/0514:50 Hvilket fabrikat af Mesh systemer virker? Af fkj i Wifi
15/0513:45 AJAX kode -javascript Af Asky i Programmeringsværktøjer
15/0511:50 Vælg indstilling - blå skærm med med flere muligheder for fejlretning Af Uvanga i Windows
White papers
Flere white papers »