div in div - am verzweifeln

[OnkelBen]

Ich bekomm's einfach nicht gebacken, die Div's left und right einzeln anzusprechen.
Diese muß ich mit der übergeordneten div ansprechen, da nach Mandant noch eine
div kommt, in der dann auch wieder left und right vorkommen.

                                    <div class="aiContactSafe_row" id="aiContactSafe_row_aics_Mandant">
                  
                  <div class="aiContactSafe_contact_form_field_label_left">
                  <span class="aiContactSafe_label" id="aiContactSafe_label_aics_Mandant" >
                  <label for="aics_Mandant" >Meine Mandentennummer</label></span>&nbsp;</div>
                  
                  <div class="aiContactSafe_contact_form_field_right">
                  <input type="text" name="aics_Mandant" id="aics_Mandant" maxlength="15"  value="" />
                  </div>
                  <div class="row_space" style="clear:both; height:1px; line-height:1px;">&nbsp;</div>
                  </div>

mit div#aiContactSafe_row_aics_MandantTextbox {}
sprech ich die ganze div an, wie kann ich dadrin jetzt aber nur left ansteuern?

 

[_Thor_]

div#aiContactSafe_row_aics_Mandant div.aiContactSafe_contact_form_field_label_left {}

Edit: Erster ;)

 

[Imbericle]

div#aiContactSafe_row_aics_Mandant div.aiContactSafe_contact_form_field_label_left
{
//deine Regeln
}

Edit: Hätt ich mir ja denken kommen, dass _Thor_ schneller tippt, als ich ihn in der Liste den im Thema aktiven sah^^ :)
MfG

 

[OnkelBen]

So hatte ich das schon, aber es verändert sich einfach nichts. Hier mal die Links
http://www.medirenta.de/index.php?option=com_aicontactsafe&view=message&layout=message&pf=14

Egal was ich da teste, es passiert einfach nichts. Im Endeffekt, sollen die Kästchen rechts neben der Beschreibung
stehen, aber ich bekomm das einfach nicht hin. Überschreibt sich da irgendwas?

 

[_Thor_]

Das ist ja auch viel zu verschachtelt und es sind viel zu viele unnötige Elemente verwendet. Das hier reicht.

<label>Beschriftung</label>
<input type="text" ... />

label {float: left;}

 

[OnkelBen]

div#aiContactSafe_row_aics_Mandantennummer {
background:green;
}

div#aiContactSafe_row_aics_Mandantennummer div.aiContactSafe_contact_form_field_label_left {

background:black;
}

so läufts :)


Der Code stammt auf joomla, ist also nicht auf meinem Mist gewachsen.

 

[_Thor_]

Ein Grund mehr, Joomla zu meiden.