2. div überlimmt class vom 1. div

CSS Forum und Frameworks wie BootStrap oder MaterializeCSS
Antworten
raiser
Beiträge: 476
Registriert: 20. April 2002, 15:31
Kontaktdaten:

2. div überlimmt class vom 1. div

Beitrag von raiser » 12. Juli 2007, 22:01

hi.

irgendwie komm ich nicht dahinter, warum und wieso..?
also ich habe ein klappmenu nun will ich, wenn ich auf das 1. div mit der mouse gehe, das das 2.
aufklappt... funktioniert auch soweit super.

die schrift vom ersten div ist blau und beim drüberfahren und auswählen im 2. div soll es rot sein...
funktioniert auch super.

nun das problem
das 1. div soll beim drüberfahren textdecoration: underline haben... aber das 2. natürlich nicht...
weil sonst auch alle zeilen dort underline wären.

hier die css

Code: Alles auswählen

.layer a:link {
    color:#ffffff;
    font-weight:bold;
}
.layer a:visited {
    color:#ffffff;
    font-weight:bold;
}
.layer a:hover {
	color:#ff0303;
    font-weight:bold;
}
.layer {
    text-decoration: none;
	background-color:black;
	color:#ffffff;
}

.container {
    color:#0000ff;
    cursor:default;
}
.container_over {
    color:#ff0303;
    cursor:pointer;
    text-decoration: underline;
}
.ssmall {
    font-size:0.6em;
    font-family:Courier;
    color:red;
}
und hier der code dazu

Code: Alles auswählen

OS - Lizenz

		    OS

		     Übersicht  

		     Anlegen  

		    
		   
wie gesagt, das div, was aufklappt ist dann auch underline... was ja aber laut css nicht sein sollte.
wie kann ich dem abhelfen?

danke und gruß raiserle

ps.: warum childNodes[2], weil ich ein drin habe, damit das 2. div im IE auch untendunter erscheint und nicht daneben...
Wissen ist das einzige Gut, dass sich vermehrt, wenn man es teilt! (Marie von Ebner-Eschenbach)

Irren ist menschlich!

Wer andern eine Grube gräbt,
sollte darüber nachdenken,
ob sie tief genug ist!!!!

Kameradschaft ist, wenn der
Kamerad schafft !!!!

k00ni
Beiträge: 1474
Registriert: 22. Juni 2006, 16:44
Kontaktdaten:

2. div überlimmt class vom 1. div

Beitrag von k00ni » 17. Juli 2007, 00:01

Ist hier schon was rausgekommen? Kann dir leider nicht helfen, aber mich würde interessieren, wies ausgegangen ist.


Grüße

sugeknight
Beiträge: 3
Registriert: 27. Dezember 2001, 17:47
Kontaktdaten:

2. div überlimmt class vom 1. div

Beitrag von sugeknight » 18. Juli 2007, 11:21

verstehe zwar eigentlich nichts davon..
aber versuche mal
hier:

Code: Alles auswählen

.ssmall {
    font-size:0.6em;
    font-family:Courier;
    color:red;
}
noch ein text-decoration: none; reinzusetzen.

also sieht dann so aus

Code: Alles auswählen

.ssmall {
    font-size:0.6em;
    font-family:Courier;
    color:red;
    text-decoration: none;
}

raiser
Beiträge: 476
Registriert: 20. April 2002, 15:31
Kontaktdaten:

2. div überlimmt class vom 1. div

Beitrag von raiser » 21. Juli 2007, 18:18

ssmall hat damit nix zu tun...
Wird nur auf die erste und letzte Zeile im 2. Div verwendet, um ein wenig Platz oben und unten zu haben.

@ kOOni:
Nein, es ist noch nix rausgekommen.
Es geht einfach nicht.

Was aber vielleicht noch zu sagen ist, bei
text-decoration: blink;
geht es. Es ist aber das einzige.
underline, overline,line-through erzeugen alle den selben Fehler, dass es im 2. Div eben mit übernommen wird.
Wissen ist das einzige Gut, dass sich vermehrt, wenn man es teilt! (Marie von Ebner-Eschenbach)

Irren ist menschlich!

Wer andern eine Grube gräbt,
sollte darüber nachdenken,
ob sie tief genug ist!!!!

Kameradschaft ist, wenn der
Kamerad schafft !!!!

bergbenji
Beiträge: 23
Registriert: 23. Juni 2007, 16:40
Kontaktdaten:

2. div überlimmt class vom 1. div

Beitrag von bergbenji » 21. Juli 2007, 19:30

Nur mal so eine Idee... Vielleicht auch Frage:

Class ist doch vererbbar - hast du es schon mal mit ID ausprobiert...

Oder sehe ich das Falsch das die Eigenschaften einer CSS Classe an Kinderelemente vererbt werden...

Sagts mir wenn ich mich täusche...

Ich würds versuchen... Hatte bei mir vor längerer Zeit so ein Ähnliches Problem... Habe alles dann auf ID umgestellt - danach gings...

Code: Alles auswählen

#layer a:link { 
    color:#ffffff; 
    font-weight:bold; 
} 
#layer a:visited { 
    color:#ffffff; 
    font-weight:bold; 
} 
#layer a:hover { 
    color:#ff0303; 
    font-weight:bold; 
} 
#layer { 
    text-decoration: none; 
    background-color:black; 
    color:#ffffff; 
} 

#container { 
    color:#0000ff; 
    cursor:default; 
} 
#container_over { 
    color:#ff0303; 
    cursor:pointer; 
    text-decoration: underline; 
} 
#ssmall { 
    font-size:0.6em; 
    font-family:Courier; 
    color:red; 
} 

bergbenji
Beiträge: 23
Registriert: 23. Juni 2007, 16:40
Kontaktdaten:

2. div überlimmt class vom 1. div

Beitrag von bergbenji » 21. Juli 2007, 19:36

Probier es mal hiermit:

Code: Alles auswählen









OS - Lizenz

 
            OS
 
             Übersicht  
 
             Anlegen  
 
             
           
 


Hoffe es klappt... So wie du es willst...

otti_mania
Beiträge: 424
Registriert: 5. November 2004, 11:08
Kontaktdaten:

2. div überlimmt class vom 1. div

Beitrag von otti_mania » 21. Juli 2007, 23:52

ja das element vererbt natürlich weiter. ABER dadurch das er dem Kind-Element ja eine nneue Klasse zuweist dürfte sie sich nicht auf dieses Kind-Element vererben.

wie wäre es wenn du ein Style für td.layer machst und dann die aufklappende Box einfach table.layer dann unterbindest du die vererbung.

Oder du machst es mit IDs
Gruß Otti

#########WICHTIG###########
if (IQ > Raum - °C) echo $post
else exit ();
##########################

[img]http://www.ottimania.de/banner1.gif[/img]

albertstien3329
Beiträge: 1
Registriert: 21. Dezember 2012, 08:41

Re: 2. div überlimmt class vom 1. div

Beitrag von albertstien3329 » 21. Dezember 2012, 08:43

hi
i have a problem with my site
perhaps it is bacause of css
anybody help me
??? :?:
skinny leather pants skinny leather pants
short white leather jacket short white leather jacket
vintage leather jackets uk vintage leather jackets uk
red leather trench coat red leather trench coat
blazer leather blazer leather

Antworten