[Gonzo]

Hallo zusammen,

ich habe einen vorgeschriebenen html Code denn ich nicht ändern kann.

<ul>
	<li>
		<div class="Text1"> Ttetett </div>
		<div class="Image1"><img .... </div>
		<div class="Text2"> Ttetett </div>
	</li>
	<li>
		<div class="Text1"> Ttetett </div>
		<div class="Image1"><img .... </div>
		<div class="Text2">Ttetett </div>
	</li>
</ul>

hier muss ich versuchen über css:
1. das <div> mit der Klasse Image1 als Hintergrundbild darstellen und Text1 und Text2 auf das Hintergrundbild.
2. Text2 soll sich dann an der Breite von Text1 ausrichten.

das was mir schwefelt ist Punkt2.

Ich Kann mir vorstellen das ich vom <li> die Position auf Relative stelle und Text1 und Text2 auf absolut, weiter weiß ich dann auch nicht mehr

Könnt Ihr mir weiter helfen.

[explanator]

Hast du es schon mit den Positionen relative und absolut ausprobiert?

Was heisst denn Text2 soll an der Breite von Text1 ausrichten?
Nebeneinander oder untereinander?

[dazzle89]

li setzt du auf position relative und die drei divs auf position absolute und arbeitest mit z-index damit image1 ganz unten liegt

[Gonzo]

habe ich schon gemacht, nur dann sind die Texte aufeinander

li {
  position: relative; 
}

.Text1 {
  
}

.Text2 {

}
 
.Image1 {
  position: absolute;
  z-index: -1;
}

.Text1, .Text2 {
   position: absolute;
}

[cebito]

Zitat von Gonzo

habe ich schon gemacht, nur dann sind die Texte aufeinander

Ja klar, wenn du ihnen nicht sagst WO sie sich positionieren sollen, dann machen die das beide bei 0,0 vom li aus gesehen