Søg
Avatar billede dal Nybegynder
02. januar 2003 - 22:34 Der er 15 kommentarer og
1 løsning

Diverse farver i diverse tabeller

Hvordan kommer man udenom at bruge fontcolor utallige gange i en tabel hvor f.eks. alle bogstaver i en tabele skal være røde og i en anden skal alle bogsatber være blå, når man vil udngå kontant at bruge fontcolor. Lyder nemt nok - jeg kan bare ikke finde en fornuftig løsming :)
Avatar billede loss Nybegynder
02. januar 2003 - 22:35 #1
du kan med css sætte nogle classés op, så kan du definere de forskellíge farver, og så kalde dem, når du skal bruge det.

Med class="text1" osv
Avatar billede ztyxx Nybegynder
02. januar 2003 - 22:36 #2
http://www.html.dk/tutorials/css/
Avatar billede loss Nybegynder
02. januar 2003 - 22:39 #3
i dit stylesheet kan de sættes op sådan her..

.text1{color:ff0000}
.text2{color:kodeforblå}
Avatar billede loss Nybegynder
02. januar 2003 - 22:42 #4
og så kalde det i dine tables med

<table class="text1">

og den anden ligeledes.. så bliver al texten i den table formateret efter din class..

Du kan selvfølgelig osse kalde cssén direkte i i din table

som her

<table style="skriv dine styles her">

læs mere om css her

http://www.w3schools.com/css/default.asp
Avatar billede dal Nybegynder
02. januar 2003 - 22:55 #5
I skal ha tak, det er faktisk lige det jeg har forsøgt, men det vil ikke.
Jeg har brugt class f.eks.

.test
{
color: red;
}

Er det galt med syntax'en
Avatar billede syvon Nybegynder
02. januar 2003 - 23:23 #6
<HTML>
<HEAD>
<STYLE>
.text1{
            color:#ff0000
            }
.text2{
            color:#0000ff
            }
</STYLE>
</HEAD>
<BODY>
<TABLE  WIDTH="100" BORDER="1">
<TR>
    <TD CLASS="text1">rød</TD>
</TR>
<TR>
    <TD CLASS="text2">blå</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Avatar billede dal Nybegynder
02. januar 2003 - 23:51 #7
syvon >
Det jeg tænker på er en tabel med flere celler, kolonner og rækker med tekst og om der så ikke er en løsning så man en gang for alle kan bestemme tekstenfarven i hele tabellen.
Og må sammme måde med den næste tabel hvor teksten skal være blå

... Man er måske nødt til bruge class i hver række, .. eller er man ... :(
Avatar billede syvon Nybegynder
03. januar 2003 - 00:29 #8
er det noget i denne stil du vil have
http://www.povlsen.org/test/farver.asp
Avatar billede 7th Praktikant
03. januar 2003 - 05:08 #9
Ja det er du. Lad mig lave et lille eksempel...f.eks...

Tabel
Celle 1 - Tekst farve 1 : class="farve1"
Celle 2 - Tekst farve 2 : class="farve2"
Celle 3 - Tekst farve 3 : class="farve3"

Du skal i dit style sheet så definere farverne for henholdsvis class farve1, farve2 og farve3, og indsætte classes som det fremgår nedenfor.

<table>
<tr>
<td class="farve1">Tekst farve 1</td>
<td class="farve2">Tekst farve 2</td>
<td class="farve3">Tekst farve 3</td>
</tr>
</table>

----------

Hvis du vil benytte f.eks to forskellige farver i samme celle, så kan man gøre det på mange måder, men her er et eksempel hvor der bruges span class.

Tabel
Celle 1 - Tekst farve 1 og 2 : class="farve1"
Celle 2 - Tekst farve 3 og 4 : class="farve3"
Celle 3 - Tekst farve 5 og 6 : class="farve5"

Du skal i dit style sheet så definere farverne for henholdsvis class farve1, farve2, farve3 ovs...

<table>
<tr>
<td class="farve1">Tekst farve 1 <span class="farve2">og 2</span></td>
<td class="farve3">Tekst farve 3 <span class="farve4">og 4</span></td>
<td class="farve5">Tekst farve 5 <span class="farve6">og 6</span></td>
</tr>
</table>

Håber det hjalp lidt.
Avatar billede dal Nybegynder
03. januar 2003 - 21:00 #10
7th > Jeg ville undgå de mange class, - men det er måske ikke muligt ??? :(
Jeg har en farve (rød) i tabel nr. 1 og en anden farve (blå) i tabel nr. 2. - o.s.v.



For at illustrere har jeg lavet et eksempel, som bare desværre ikke fungerer. Man der må da være en anden nem udvej:

<link rel="StyleSheet" href="CSS.css" type="text/css">


<!-- jeg bruger class fra det ext. CSS:

.skrift1
{
font-family: Verdana, Sans-serif;
font-size: 12px;
color: Red;
font-weight: bold;
background-color: #ffffff;
}



.skrift2
{
font-family: Verdana, Sans-serif;
font-size: 12px;
color: Blue;
font-weight: bold;
background-color: #ffffff;
}
-->

</head>

<body>


<table border="1" cellpadding="0" cellspacing="0" class="skrift1" width="100%">
  <tr>
    <td width="33%" height="14">Dette er skrift1</td>
    <td width="33%" height="14">Dette er skrift1</td>
    <td width="34%" height="14">Dette er skrift1</td>
  </tr>
  <tr>
    <td width="33%" height="14">Dette er skrift1</td>
    <td width="33%" height="14">Dette er skrift1</td>
    <td width="34%" height="14">Dette er skrift1</td>
  </tr>
</table>



<table border="1" cellpadding="0" cellspacing="0" class="skrift2" width="100%">
  <tr>
    <td width="33%" height="14">Dette er skrift2</td>
    <td width="33%" height="14">Dette er skrift2</td>
    <td width="34%" height="14">Dette er skrift2</td>
  </tr>
  <tr>
    <td width="33%" height="14">Dette er skrift2</td>
    <td width="33%" height="14">Dette er skrift2</td>
    <td width="34%" height="14">Dette er skrift2</td>
  </tr>
</table>


Som sagt er eksemplet bare en illustation (som desværre ikke fungerer)- håber på at få hjælp til korrigering (uden "uendelige" mængder class)


Jeg gir nogen exta poeng til en rigtig god løsning :)
Avatar billede syvon Nybegynder
03. januar 2003 - 22:25 #11
<STYLE>

table
{
font-family: Verdana, Sans-serif;
font-size: 12px;
color: Red;
font-weight: bold;
background-color: #ffffff;
}



.skrift2
{
font-family: Verdana, Sans-serif;
font-size: 12px;
color: Blue;
font-weight: bold;
background-color: #ffffff;
}
-->
</STYLE>
</head>

<body>


<table border="1" cellpadding="0" cellspacing="0" width="100%">
<COLGROUP SPAN="3" CLASS="skrift2"> 
<tr>
    <td width="33%" height="14">Dette er skrift1</td>
    <td width="33%" height="14">Dette er skrift1</td>
    <td width="34%" height="14">Dette er skrift1</td>
  </tr>
  <tr>
    <td width="33%" height="14">Dette er skrift1</td>
    <td width="33%" height="14">Dette er skrift1</td>
    <td width="34%" height="14">Dette er skrift1</td>
  </tr>
</table>



<table border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
    <td width="33%" height="14">Dette er skrift2</td>
    <td width="33%" height="14">Dette er skrift2</td>
    <td width="34%" height="14">Dette er skrift2</td>
  </tr>
  <tr>
    <td width="33%" height="14">Dette er skrift2</td>
    <td width="33%" height="14">Dette er skrift2</td>
    <td width="34%" height="14">Dette er skrift2</td>
  </tr>
</table>
Avatar billede dal Nybegynder
03. januar 2003 - 23:38 #12
syvon > kan du ikke gi et svar - så jeg kan gi dig poeng - jeg havde nærmest opgivet
Avatar billede syvon Nybegynder
03. januar 2003 - 23:44 #13
svar :O)
Avatar billede syvon Nybegynder
04. januar 2003 - 00:05 #14
eller på denne måde

<STYLE>
th
{
font-family: Verdana, Sans-serif;
font-size: 12px;
color: Red;
font-weight: bold;
background-color: #ffffff;
text-align:left
}



td
{
font-family: Verdana, Sans-serif;
font-size: 12px;
color: Blue;
font-weight: bold;
background-color: #ffffff;
}
</STYLE>
</HEAD>
<BODY>
<table WIDTH="100%">



<table border="1" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <th width="33%" height="14">Dette er rød</th>
    <th width="33%" height="14">Dette er rød</th>
    <th width="34%" height="14">Dette er rød</th>
  </tr>
  <tr>
    <th width="33%" height="14">Dette er rød</th>
    <th width="33%" height="14">Dette er rød</th>
    <th width="34%" height="14">Dette er rød</th>
  </tr>
</table>
</TABLE>

<table WIDTH="100%">



<table border="1" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="33%" height="14">Dette er blå</td>
    <td width="33%" height="14">Dette er blå</td>
    <td width="34%" height="14">Dette er blå</td>
  </tr>
  <tr>
    <td width="33%" height="14">Dette er blå</td>
    <td width="33%" height="14">Dette er blå</td>
    <td width="34%" height="14">Dette er blå</td>
  </tr>
</table>
</TABLE>
Avatar billede dal Nybegynder
04. januar 2003 - 00:37 #15
syvon > jeg takker meget

Jeg har leget lidt med dine forslag, og synes jeg har lært en hel del. Men da jeg  bedst kan li at bruge ext.CSS  fik jeg problemer når jeg havde table,td    som bare var til almidelig brødtekst i tabeller (sort). Da jeg så slettede td bagved table var det OK. Håber det er til at forstå :)
Avatar billede syvon Nybegynder
04. januar 2003 - 00:49 #16
glæder mig at kunne hjælpe :)
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 19: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 »