Søg
Avatar billede rickie Juniormester
14. juli 2004 - 14:48 Der er 17 kommentarer og
2 løsninger

Flere "Class" i feks samme <td>

Hej allesammen,

Jeg er ved at oprette en internetside, og er nu stødt på et problem.

Jeg har en css fil som jeg refererer til og har feks en stil som heder .test
.test har feks en "background" og en "font".
Denne vil jeg bruge flere steder.

Hvis jeg nu vil bruge .test for at definere ovenstående men så samtidigt vil benytte stilen .kant for at definere en "border" i samme tabell, TR eller TD.
Kan dette lade sig gøre?

Jeg ved at ingen af nedenstående virker men er der nogen der ved hvordan det kan lade sig gøre.
<td class="test","border">
<td class="test,border">

Jeg har læst mig til noget med <Class ID> men blev ikke rigtigt klogere af det.

Der står 40 dejlige points på spil :-)
Avatar billede notes2c Nybegynder
14. juli 2004 - 14:51 #1
Brug class="test border"
Avatar billede notes2c Nybegynder
14. juli 2004 - 14:51 #2
NB! separator er et mellemrum
Avatar billede rickie Juniormester
14. juli 2004 - 14:58 #3
OK! Mit internet virker ikke derhjemme men jeg prøver når jeg kommer hjem.
Håber at det virker!

Tak for hjælpen og jeg vender tilbage imorgen og giver points :-)
Avatar billede rickie Juniormester
15. juli 2004 - 08:15 #4
Det virker ikke!
Avatar billede notes2c Nybegynder
15. juli 2004 - 09:47 #5
Det skal det, kan du vise mig koden incl css delen
Avatar billede rickie Juniormester
15. juli 2004 - 12:20 #6
De virker hver for sig men bare ikke tillsammen.
Jeg har ikke filerne med til arbejdet men kan tage dem med imorgen. Mit Internet er som skrevet tidligere, nede derhjemme.

Filerne ser nogenlunde ud sådan her.

STYLE.CSS
.Test
{
Background: "et eller andet"
}

.Border
{
Border: "et eller andet"
}

INDEX.ASP
<html>
<head></head>
<body>
<table bla bla>
<tr>
  <td class="Test Border"></td>
  <td class="Test"></td>
</tr>
</table>
</body>
</html>
Avatar billede rickie Juniormester
15. juli 2004 - 12:22 #7
Nummer 2 class virker som sagt både om jeg vælger at bruge kun Test eller Border - bare ikke sammen!
Avatar billede notes2c Nybegynder
15. juli 2004 - 14:03 #8
Det her virker hos mig
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
.test { Background-color: red; width: 50%;}
.border { Border: 2px solid blue; width: 50%; }
</style>
</head>

<body>
<table width="200">
<tr>
  <td class="test border">&nbsp;</td>
  <td class="test">&nbsp;</td>
</tr>
</table>
</body>
</html>
Avatar billede roenving Novice
15. juli 2004 - 14:10 #9
-- og for lige at vise lidt mere af naturen i css:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.test { Background-color: red; width: 50%;}
.border { Border: 2px solid blue; width: 25%; }
</style>
</head>

<body>
<table width="200">
<tr>
  <td class="test border">&nbsp;</td>
  <td class="test">&nbsp;</td>
  <td class="border test">&nbsp;</td>
</tr>
</table>
</body>
</html>

-- som du vil kunne se, er det ligegyldigt hvilken rækkefølge de to classes sættes i, det er den senest definerede width-property, som gælder !-)
Avatar billede rickie Juniormester
15. juli 2004 - 14:21 #10
OK! Men i har det begge i direkte i filen. Jeg bruger det som en seperat css fil.
Kan det väre det som gör at det ikke virker?

Jeg skal pröve jeres når jeg kommer hjem :-)
Avatar billede notes2c Nybegynder
15. juli 2004 - 14:23 #11
roeving > Det er jeg med på, det var blot for at give cellerne noget bredde
Avatar billede notes2c Nybegynder
15. juli 2004 - 14:25 #12
Det er ligegyldigt hvor stylen definitionen ligge. Det tyder mere på at dit style sheet ikke bliver indlæst.
Avatar billede notes2c Nybegynder
15. juli 2004 - 14:33 #13
Alt. kunne du jo prøve at lægge din styles i selve dokumentet og flytte det tilbage når du har fået det til at virke
Avatar billede rickie Juniormester
15. juli 2004 - 14:47 #14
Ja, men mine styles virker seperat men det er når jeg bruger jeres <td class="test border"> (begge samtidigt) som det ikke virker.
Jeg syntes at det er underligt :-(

Jeg tar det hele med imorgen og lägger det ind, så i kan se på det.

:-)
Avatar billede roenving Novice
15. juli 2004 - 14:55 #15
Har aldrig haft problemer med eksterne stylesheets i forhold til style-tags i dokumentet ...

Men som jeg viste kan rækkefølgen af definitionerne have en stor betydning, for det er den senest definerede udgave af en property, som virker på et element !-)
Avatar billede rickie Juniormester
19. juli 2004 - 12:26 #16
Hej,

I havde ret. Det virkede. Grunden til at det ikke virkede for mig var, at jeg i begge styles brugte Background-image.
Det kunne den ikke klare men når jeg brugte jeres styles, så var det ikke noget problem.

Ved i hvordan jeg kan få begge backgrounds med men hvor de ikke er i den samme style?
Det gör ikke noget hvis den ene er en background og den anden er et billede....hvis det går.
Jeg vil helst ikke sätte billedet ind som almindeligt i <td> men stadig gerne have den som en style.
Hvordan kan det endelig väre at den ikke ville bruge 2 background. Det var jo to forskellige störrelser, og de kom ikke "i vejen " for hinanden?

Jeg er glad, såfremt i gider at kommentere det, men giver samtidigt points nu, idet jeg allerede har fået svar/hjälp.

Roenving - endelig skulle du også have points, så om du vil kan jeg oprette et nytt spm?
Avatar billede roenving Novice
19. juli 2004 - 12:52 #17
Du er nødt til at oprette et billede-element til det andet billede, og så skal du ud i, at hvis der skal mere i td'en, skal det også oprettes i et element til det indhold så det kan positioneres ovenpå hinanden (og td'en skal positioneres relativt !-)
Avatar billede rickie Juniormester
20. juli 2004 - 14:13 #18
Øh! Den er jeg ikke med på.

Kan du give et eksempel?
Avatar billede roenving Novice
20. juli 2004 - 15:25 #19
Forøvrigt kom de jo netop i vejen for hinanden, for der er kun een style-property, som hedder background-image ...

Du sætter det ene billede ind som baggrund i td'en, styler den med position, højde og bredde, så kan du placere et andet billede absolut inde i tabellen, og derved opnå at du også kan have andet indhold uafhængigt af billedet ...
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
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
22/0820:06 email adresse Af Malm i Forslag til ændringer
22/0819:54 problem med google crome Af Malm i Andet software
22/0809:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »