title image


Smiley Verständnisproblen mit CSS-> Verschachtelte IDs
Hallo.

Ich habe ein Verständnisproblem mit verschachtelten Elementen, die mit Ids gekennzeichnet sind.



Hier mal der Quellcode:



HTML:

_________________



Kommen:

Gehen:



Arbeitszeit:

Eingegeben:

Projektzeiten:

Arbeitszeit:



Betrag:







Speichern:







__________________



CSS:

__________________





#projtaet{

float: left;

}



#projag{

margin-left: 1%;

float: left;

}



div#kga{

text-align: left;

background-color: #FFFCE6;

width: 26%;

float: right;

margin-top: 1em;

padding: 0.5em;

border: 1px solid #CCCC66;;

}





div#kga input{

width:50px;

}



div#kga label{

float: left;

border: 0px solid;

width: 110px;

text-align: right;

padding-right: 1em;

}



#projformsend:hover{

background-color: #f2f200;

font-weight: bold;



}

#projformbetr{

background-color: #FFE8CC;

float: left;

}



#projformok{

width: 25px;

}

__________________



So. Nun habe ich folgendes Problem:



Der Button name="projok" ist 5ppx lang, anstatt wie von mir gewollt 25px;

Das kommt warscheinlich daher, daß ich das DIV "kga input" auf 50px festgelegt habe.

Aber die Formatierung

"#projformok{

width: 25px;

}"



ist doch die "direktere" Formatierung, sollte also funktionieren oder nicht?

Was verstehe ich daran nicht?

Wenn ich es direkt mit CSS Formatieren gehts...

Sollte ich besser schachteln? Wie?





Was ich auch nicht verstehe ist, daß ich das hier:

"#projformsend:hover{"

nicht so schreiben kann:



"div#input projformsend:hover{"



Warum geht das so nicht?



Danke schonmal Mondmann











geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: