Ich habe folgendens problem ich habe eine page gemacht wo ich 4 Bilder anzeige und auf den vier Bildern liegen jeweils zwei zeilen Text drüber
mit der fkt z-index ist das ja schön gegangen, nur ist jetzt folgendes problem, der platz zwischen den bildern, dort wo ja eigendlich der text stünde ist leer und sehr groß und das sehr hässlich
HTML
<p style="position: relative; z-index: 1"><a href="http://eximlink.com/rubber/granulate"><img src="http://www.eximlink.com/wp-content/themes/eximlink/images/Startseite/eximGranulates_blank.jpg" width="600" height="55" /></a></p>
<p style="position: relative; top: -70px; left: 50px; color: White; font-size: 16px; z-index: 2">exim<strong>Granulates</strong></p>
<p style="position: relative; top: -70px; left: 50px; color: Black; font-size: 13px; z-index: 2"><strong>rubber granulates</strong></p>
<p style="position: relative; z-index: 1"><a href="http://eximlink.com/rubber/mulch"><img src="http://www.eximlink.com/wp-content/themes/eximlink/images/Startseite/eximEcoscape_blank.jpg" width="600" height="55" /></a></p>
<p style="position: relative; top: -70px; left: 50px; color: White; font-size: 16px; z-index: 2">exim<strong>Ecoscape</strong></p>
<p style="position: relative; top: -70px; left: 50px; color: Black; font-size: 13px; z-index: 2">for <strong>playscape construction</strong> and <strong>landscaping</strong></p>
<p style="position: relative; z-index: 1"><a href="http://eximlink.com/rubber/moulded"><img src="http://www.eximlink.com/wp-content/themes/eximlink/images/Startseite/eximSafermat_blank.jpg" width="600" height="55" /></a></p>
<p style="position: relative; top: -70px; left: 50px; color: White; font-size: 16px; z-index: 2">exim<strong>Safermat</strong></p>
<p style="position: relative; top: -70px; left: 50px; color: Black; font-size: 13px; z-index: 2">products for <strong>safety surfaces and </strong> and <strong>special construction</strong></p>
<p style="position: relative; z-index: 1"><a href="http://eximlink.com/rubber/rubbertherm"><img src="http://www.eximlink.com/wp-content/themes/eximlink/images/Startseite/eximRubbertherm_blank.jpg" width="600" height="55" /></a></p>
<p style="position: relative; top: -70px; left: 50px; color: White; font-size: 16px; z-index: 2">exim<strong>Rubbertherm</strong></p>
<p style="position: relative; top: -70px; left: 50px; color: Black; font-size: 13px; z-index: 2">the <strong>electrical heating systems</strong></p>