Søg
Avatar billede sjoller Nybegynder
31. oktober 2001 - 20:47 Der er 6 kommentarer og
1 løsning

Bruge flere styles af gangen

Jeg ønsker at tildele mine <td> flere styles på én gang da jeg på denne måde kan lave stil både for border samt tekst. Men hvordan gør jeg det ?
Avatar billede ztyxx Nybegynder
31. oktober 2001 - 20:54 #1
ved at give dem id
din css skal se sådan ud:

td.style1 {
  dine styles;
}

td.style2 {
  dine styles;
}


og så skal dine celler se sådan ud:

<td class=\"style1\">tekst</td>
<td class=\"style2\">tekst</td>

læs mere her:
http://html.dk/tutorials/css
Avatar billede Tony Juniormester
31. oktober 2001 - 20:59 #2
Prøv at kik lidt på den her i din html editor og se om ikke du kan \'lure\' den af ...

<html>
<head>
<title>Mit style sheet</title>
<style type=\"text/css\">
<!--
  p  {
    border-width:1px;
    border-style:solid;
    border-color:#0000ff
    }
table{
    border-width:1px;
    border-style:dashed;
    border-color:green;
}
.gertrud{color:red;}

.LillePer{background-color:yellow;}
//-->
</style>
</head>

<body>
<table cellspacing=\"0\" cellpadding=\"0\" width=\"20%\" height=\"30%\">

<tr>
      <td><p>Ramme på alle sider af elementet.</p></td>
      <td></td>
      <td></td>
</tr>
<tr>
      <td class=\"Gertrud\">Tekst</td>
      <td></td>
      <td class=\"LillePer\">Noget mere tekst</td>
</tr>
</table>

</body>
</html>
Avatar billede sjoller Nybegynder
31. oktober 2001 - 21:57 #3
det er når jeg ønsker at give én <td> to styles at jeg spørger efter en løsning.

Altså noget i stil med \" <td class=\"menu,border\">tekst</td>\"
Avatar billede callesen Praktikant
31. oktober 2001 - 22:20 #4
Så kan du vist kun klare problemet ved at lave en ny klasse med menu+border indholdet. Jeg kan ikke finde noget om det i mine css-manualer. Det kan måske klares med et script; men det har jeg ikke evner til og ville vel også være mere browsertungt end at lave en klasse mere.
Avatar billede olebole Juniormester
31. oktober 2001 - 23:15 #5
<ole>
Der er flere måder, det kan løses på - hvad skal du bruge det til?
/mvh
</bole>
Avatar billede cpt.kangaroo Nybegynder
01. november 2001 - 09:53 #6
Flere classes skal bare adskilles af et mellemrum:

<td class=\"menu border\">tekst</td>

Understøttes vist af IE5+, NN6.
Avatar billede sjoller Nybegynder
12. november 2001 - 20:06 #7
jeg regner med at det virker, jeg har ikke lige tid til at kontrollere nu...

takker for hjælpen...
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 13:35 Bruger på Win11 Af lurup i Browsere
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
White papers
Flere white papers »