/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS - nedarvning..
Fra : Timo Jattu


Dato : 18-02-05 19:39

Hej - Jeg har et lille problem med nedarvning af forskellige settings i mit
CSS - det er meningen at jeg skal bruge samme layout men forskellige farver
alt efter hvad der skal ske.... kort sagt jeg definere de fleste ting i
parent og ændre så lidt på et child således at det kommer til at passe hvor
det skal bruges... men hvordan....

Jeg gør følgende


TD#Menu {
background-color : #106faa;
border-top: 0px solid black;
border-left:0px solid black;
border-right:0px solid black;
border-bottom:0px solid black;
margin-bottom: 5px;
}

TD#Menu.Test {
background-color : #6600cc;
}

TD#Menu.Test2 {
background-color : #66FFFF;
}

og på siden..

<td id="Menu"> virker fint..
<td id="Menu.Test"> virker ikke

<td class="Menu.Test"> virker ikke

Hvordan skal man lige skrive det før at det kan lykkes??

--
Best regards / Venligst
Timo Jattu.



 
 
Lasse Skovsager (18-02-2005)
Kommentar
Fra : Lasse Skovsager


Dato : 18-02-05 20:00


"Timo Jattu" <notreal@alkjaliehfaleih.xx> skrev i en meddelelse
news:37mqn7F5eroicU1@individual.net...
> Hej - Jeg har et lille problem med nedarvning af forskellige settings i
mit
> CSS - det er meningen at jeg skal bruge samme layout men forskellige
farver
> alt efter hvad der skal ske.... kort sagt jeg definere de fleste ting i
> parent og ændre så lidt på et child således at det kommer til at passe
hvor
> det skal bruges... men hvordan....
>
> Jeg gør følgende
>
>
> TD#Menu {
> background-color : #106faa;
> border-top: 0px solid black;
> border-left:0px solid black;
> border-right:0px solid black;
> border-bottom:0px solid black;
> margin-bottom: 5px;
> }
>
> TD#Menu.Test {
> background-color : #6600cc;
> }
>
> TD#Menu.Test2 {
> background-color : #66FFFF;
> }
>
> og på siden..
>
> <td id="Menu"> virker fint..
> <td id="Menu.Test"> virker ikke
>
> <td class="Menu.Test"> virker ikke
>
> Hvordan skal man lige skrive det før at det kan lykkes??
>
> --
> Best regards / Venligst
> Timo Jattu.
>

Prøv at erstatte . med _ (underscore) begge steder

/lasse



Timo Jattu (18-02-2005)
Kommentar
Fra : Timo Jattu


Dato : 18-02-05 20:19


"Lasse Skovsager" <lasse@skovsager.dk.invalid> wrote in message
news:42163b15$0$277$bc7fd3c@news.sonofon.dk...
>
> "Timo Jattu" <notreal@alkjaliehfaleih.xx> skrev i en meddelelse
> news:37mqn7F5eroicU1@individual.net...
>> Hej - Jeg har et lille problem med nedarvning af forskellige settings i
> mit
>> CSS - det er meningen at jeg skal bruge samme layout men forskellige
> farver
>> alt efter hvad der skal ske.... kort sagt jeg definere de fleste ting i
>> parent og ændre så lidt på et child således at det kommer til at passe
> hvor
>> det skal bruges... men hvordan....
>>
>> Jeg gør følgende
>>
>>
>> TD#Menu {
>> background-color : #106faa;
>> border-top: 0px solid black;
>> border-left:0px solid black;
>> border-right:0px solid black;
>> border-bottom:0px solid black;
>> margin-bottom: 5px;
>> }
>>
>> TD#Menu.Test {
>> background-color : #6600cc;
>> }
>>
>> TD#Menu.Test2 {
>> background-color : #66FFFF;
>> }
>>
>> og på siden..
>>
>> <td id="Menu"> virker fint..
>> <td id="Menu.Test"> virker ikke
>>
>> <td class="Menu.Test"> virker ikke
>>
>> Hvordan skal man lige skrive det før at det kan lykkes??
>>
>> --
>> Best regards / Venligst
>> Timo Jattu.
>>
>
> Prøv at erstatte . med _ (underscore) begge steder
>
> /lasse
>
>
<td id="Menu_Test"> virker ikke

<td class="Menu_Test"> virker ikke

eller misforstod jeg noget...

Prøvede også

TD#Menu_Test2 {
background-color : #66FFFF;
}

men så blev der ikke nedarvet noget fra TD#Menu....

mvh

Timo.



Lasse Skovsager (18-02-2005)
Kommentar
Fra : Lasse Skovsager


Dato : 18-02-05 20:53


> >>
> >
> > Prøv at erstatte . med _ (underscore) begge steder
> >
> > /lasse
> >
> >
> <td id="Menu_Test"> virker ikke
>
> <td class="Menu_Test"> virker ikke
>
> eller misforstod jeg noget...
>
> Prøvede også
>
> TD#Menu_Test2 {
> background-color : #66FFFF;
> }
>
> men så blev der ikke nedarvet noget fra TD#Menu....
>
> mvh
>
> Timo.
>


Du skal selfølgelig gøre det både i din css og i dine id'er altså:

css:
TD#Menu_Test1 {

}
TD#Menu_Test2{
}

i din html:

<td id="Menu_test1"></td>

<td id="Menu_test2"></td>

/lasse



Lasse Skovsager (18-02-2005)
Kommentar
Fra : Lasse Skovsager


Dato : 18-02-05 20:55


"Lasse Skovsager" <lasse@skovsager.dk.invalid> skrev i en meddelelse
news:421647a1$0$269$bc7fd3c@news.sonofon.dk...
>
> > >>
> > >
> > > Prøv at erstatte . med _ (underscore) begge steder
> > >
> > > /lasse
> > >
> > >
> > <td id="Menu_Test"> virker ikke
> >
> > <td class="Menu_Test"> virker ikke
> >
> > eller misforstod jeg noget...
> >
> > Prøvede også
> >
> > TD#Menu_Test2 {
> > background-color : #66FFFF;
> > }
> >
> > men så blev der ikke nedarvet noget fra TD#Menu....
> >
> > mvh
> >
> > Timo.
> >
>
>
> Du skal selfølgelig gøre det både i din css og i dine id'er altså:
>
> css:
> TD#Menu_Test1 {
>
> }
> TD#Menu_Test2{
> }
>
> i din html:
>
> <td id="Menu_test1"></td>
>
> <td id="Menu_test2"></td>
>
> /lasse
>

LOL sorry det er mig der vrøvler
Det kan ikke lade sig gøre på den måde jeg skriver
(skal vist holde mig fra news til jeg får under 40 i feber igen :P)

/lasse



Claus Jacobsen (20-02-2005)
Kommentar
Fra : Claus Jacobsen


Dato : 20-02-05 19:30

Timo Jattu skrev:

> Hej - Jeg har et lille problem med nedarvning af forskellige settings
> i mit CSS - det er meningen at jeg skal bruge samme layout men
> forskellige farver alt efter hvad der skal ske.... kort sagt jeg
> definere de fleste ting i parent og ændre så lidt på et child således
> at det kommer til at passe hvor det skal bruges... men hvordan....
>
> Jeg gør følgende
>
>
> TD#Menu {
> background-color : #106faa;
> border-top: 0px solid black;
> border-left:0px solid black;
> border-right:0px solid black;
> border-bottom:0px solid black;
> margin-bottom: 5px;
> }
>
> TD#Menu.Test {
> background-color : #6600cc;
> }
>
> TD#Menu.Test2 {
> background-color : #66FFFF;
> }
>
> og på siden..
>
> <td id="Menu"> virker fint..
> <td id="Menu.Test"> virker ikke
>
> <td class="Menu.Test"> virker ikke
>
> Hvordan skal man lige skrive det før at det kan lykkes??

Det du skriver er faktisk ikke valid kode!!

id'er kan ikke indeholde punktummer! da det betyder en klasse! id er en
unik mærkning af et element eller område i dit dokument og kan altså
kun bruges 1 gang. Hvorimod klasser <div class="test"> kan bruges flere
steder. Det du har skrevet er en div med en klasse! dvs. du skal have
en <td id="menu" class="test"> (og lad for guds skyld være med at bruge
store og små bogstaver, det bliver mere forvirrende for der er flere
steder hvor det har en stor betydning om du bruger store eller små!)

Alternativt kan du skrive din css som td #menu .test {} eller td#menu
..test{}


Claus

Jens Gyldenkærne Cla~ (20-02-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-02-05 23:09

Claus Jacobsen skrev:

>> <td id="Menu"> virker fint..
>> <td id="Menu.Test"> virker ikke
>>
>> <td class="Menu.Test"> virker ikke

> Det du skriver er faktisk ikke valid kode!!

Tjek lige med specifikationen før du sætter udråbstegn.


> id'er kan ikke indeholde punktummer!

Jo.

,--------
| ID and NAME tokens must begin with a letter ([A-Za-z]) and may be
| followed by any number of letters, digits ([0-9]), hyphens ("-"),
| underscores ("_"), colons (":"), and periods (".").
`--------
<http://www.w3.org/TR/html401/types.html#type-name>


> da det betyder en klasse!

Det er i css-regi at punktum markerer en klasse. Du har ret i at
punktummer derved kan give anledning til forvirring i css-koden,
men det er altså *ikke* forbudt at anvende punktum i id-elementer.

Hvis man skal angive css-kode til et navn der indeholder punktum,
skal punktummet escapes som her:

#x\.y{ color: red; } /* Fanger id="x.y" */

Ovenstående er testet i nye udgaver af IE, Firefox og Opera.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408935
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste