✔ Unterscheidung?

[Maik20]

Hallo,

ich habe folgendes Problem. Ich habe ein div mit der id=pane. In diesem sind zwei Formulare. Die Formulare werden mittels CSS wie folgt mit einem Hintergrundbild definiert:

#pane form{width:222px;height:173px; position:relative; margin:0 auto; background:url(../images/formbg.gif) 0 0 no-repeat #ABA894; color:#fff;}

Jetzt möchte ich für das zweite Formular (welches innerhalb des gleichen divs liegt) ein anderes Hintergrundbild setzen (formbg2.gif)

Nur wie unterscheide ich die beiden Formulare bzw. weise dem ersten ein anderes Hintergrundbild / Farbe zu, dem zweiten aber nicht? Und was muss ich dazu in der css-Datei festlegen?

 

[kuddeldaddeldu]

Hi,

gib den Formularen doch eine ID und weise die Hintergrundbilder über selbige zu.

LG

 

[Maik]

Hi,

eine Unterscheidung kann in diesem Fall nur durch einen eindeutigen Bezeichner (ID-Name) für die einzelnen Formulare vorgenommen werden:

#pane form {width:222px;height:173px; position:relative; margin:0 auto; color:#fff;}
#pane form#ID-Name_1 { background:url(../images/formbg.gif) 0 0 no-repeat #ABA894; }
#pane form#ID-Name_2 { background:url(../images/formbg2.gif) 0 0 no-repeat #ABA894; }

mfg Maik