kostenloser Webspace werbefrei: lima-city

Wie mache ich Bild mit text

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   b****g

   21:42, 10.12.2009

   Also so meine ich
   
   bild text
   bild text
   bild text
   bild text
   bild text
   
   Wie geht dies?
   
   das Bild ist immer des gleiche! Also das sind nicht 5 Bilder sondern nur eins!

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. sonok

   Moderator

   sonok hat kostenlosen Webspace.

   21:53, 10.12.2009

   Das geht per css ganz einfach mit "position=absolute" und dann legst du das absolut positionierte Bild immer in den Hintergrund und den absolut positionierten Text in den Vordergrund.
4. Autor dieses Themas

   b****g

   21:55, 10.12.2009

   sonok schrieb:
   Das geht per css ganz einfach mit "position=absolute" und dann legst du das absolut positionierte Bild immer in den Hintergrund und den absolut positionierten Text in den Vordergrund.
   

   
   
   Also das wäre mein Bild
   
   http://bettag.lima-city.de/nicolas.de/monster.png
   
   und daneben will in Text, ich muss des aussehen?

5. s*************r

   20:32, 14.12.2009

   <div style="position:relative; width:610px;float:left;"><img src="http://bettag.lima-city.de/nicolas.de/monster.png"></div>
   <div style="position:relative; float:left;">Dein Inhalt!!!!</div>
   
   <div style="clear:both;height:5px;font-size:5px;">&nbsp;</div>
   
   <div style="position:relative; width:610px;float:left;"><img src="http://bettag.lima-city.de/nicolas.de/monster.png"></div>
   <div style="position:relative; float:left;">Dein Inhalt!!!!</div>
   
   <div style="clear:both;height:5px;font-size:5px;">&nbsp;</div>
   
   <div style="position:relative; width:610px;float:left;"><img src="http://bettag.lima-city.de/nicolas.de/monster.png"></div>
   <div style="position:relative; float:left;">Dein Inhalt!!!!</div>
   
   <div style="clear:both;height:5px;font-size:5px;">&nbsp;</div>
   
   <div style="position:relative; width:610px;float:left;"><img src="http://bettag.lima-city.de/nicolas.de/monster.png"></div>
   <div style="position:relative; float:left;">Dein Inhalt!!!!</div>
   
   <div style="clear:both;height:5px;font-size:5px;">&nbsp;</div>
   
   
   usw.... :)

6. smileorcry

   smileorcry hat kostenlosen Webspace.

   17:00, 18.12.2009

   Mit position: absolute; geht das natürlich auch aber je nach dem wie du die Seite machst, ist die float Methode meiner Meinung nach besser.
   
   Erklärung: Denn absolute orientiert sich an den übergeordneten sagen wir es so (Behälter), der nich die position static aufweisst und wen das der Browserrand ist, kann das schlimm enden.
   
   Beitrag zuletzt geändert: 18.12.2009 17:06:11 von smileorcry

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?