Moin, moin,
als PHP-Laie stehe ich derzeit vor einer Herausforderung: Mit dem folgenden (Teil-) PHP-Code will ich eine Tabelle generieren, die einen Schatten um ein hochgeladenes Bild darstellt:
echo "<table style=\"{ text-align: left; }\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n";
echo "<tbody>\n";
echo "<tr>\n";
echo "<td style=\"{ vertical-align: middle; text-align: center; }\">\n";
if ($NaechstesBild > ($AnzBilderImOrdner - 1))
{
echo "<a href=\"show_pic.php?dir=".$BilderVerzeichnis."&ind expage=".$DirectoryIndex."&picindex=0\">\n";
}
else
{
echo " <a href=\"show_pic.php?dir=".$BilderVerzeichnis."&ind expage=".$DirectoryIndex."&picindex=".$NaechstesBi ld."\">\n";
}
if ($Shrinked == 1)
{
if ($info[0] > $ShrinkedWidth) echo "<img src=\"".$GalleryHomeDir."/".$BilderVerzeichnis."/".$Bilder[$BildIndex]."\" width=\"".$ShrinkedWidth."\" border=\"0\">\n";
else echo " <img src=\"".$GalleryHomeDir."/".$BilderVerzeichnis."/".$Bilder[$BildIndex]."\" border=\"0\">\n";
}
else echo "<img src=\"".$GalleryHomeDir."/".$BilderVerzeichnis."/".$Bilder[$BildIndex]."\" border=\"0\">\n";
echo "</a>\n";
echo "</td>\n";
echo "<td style=\"{ vertical-align: top; text-align: left; width: 4px; background-image: url(images/back_rm.gif); background-repeat: repeat-y; }\">\n";
echo "<img style=\"{ width: 4px; height: 5px; }\" src=\"images/back_ro.gif\">\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n";
echo "<td style=\"{ text-align: left; vertical-align: top; height: 5px; background-image: url(images/back_u.gif); background-repeat: repeat-x; }\">\n";
echo "<img style=\"{ width: 4px; height: 5px; }\" src=\"images/back_lu.gif\">\n";
echo "</td>\n";
echo "<td style=\"{ vertical-align: top; text-align: left; height: 5px; width: 4px; }\">\n";
echo "<img style=\"{ width: 4px; height: 5px; }\" src=\"images/back_ru.gif\">\n";
echo "</td>\n";
echo "</tr>\n";
echo "</tbody>\n";
echo "</table>\n";
Der von PHP nach HTML generierte Quelltext sieht so aus:
<TABLE style="TEXT-ALIGN: left" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD style="VERTICAL-ALIGN: middle; TEXT-ALIGN: center">
<A href="Judo-Löwen-Lauenau - 15.06.2008 Thueringer ega-Pokal der U13 in Erfurt&indexpage=1&picindex=1">
<IMG src="Judo-Löwen-Lauenau-Dateien/Annika%2520Merle%2520Maike.jpg" border=0> </A></TD>
<TD style="BACKGROUND-IMAGE: url(images/back_rm.gif); VERTICAL-ALIGN: top; WIDTH: 4px; BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: left">
<IMG style="WIDTH: 4px; HEIGHT: 5px" src="Judo-Löwen-Lauenau-Dateien/back_ro.gif"> </TD></TR>
<TR>
<TD style="BACKGROUND-IMAGE: url(images/back_u.gif); VERTICAL-ALIGN: top; BACKGROUND-REPEAT: repeat-x; HEIGHT: 5px; TEXT-ALIGN: left">
<IMG style="WIDTH: 4px; HEIGHT: 5px" src="Judo-Löwen-Lauenau-Dateien/back_lu.gif"> </TD>
<TD style="VERTICAL-ALIGN: top; WIDTH: 4px; HEIGHT: 5px; TEXT-ALIGN: left">
<IMG style="WIDTH: 4px; HEIGHT: 5px" src="Judo-Löwen-Lauenau-Dateien/back_ru.gif">
</TD></TR></TBODY></TABLE>
Folgendes Problem ist aufgetreten: Firefox stellt den Rahmen einwandfrei dar, aber der Internetexplorer leider nicht, da in jeder Zelle der Tabelle eine Leerstelle generiert wurde, die vom IE als Zeichen verstanden und dargestellt wird, wodurch die (kleinen) Bilder in den Zellen verschoben bzw. gleichzeitig die Zeilen nicht in den befohlen Höhen angezeigt werden.
Frage: Wie muss der PHP-Code verändert werden, dass bei der Generierung der HTML-Seiten keine Leerstellen entstehen und somit die Tabelle auch im IE korrekt angezeigt werden kann?
Vielen Dank schon mal für Eure Hilfe!
MfG
Holli91
als PHP-Laie stehe ich derzeit vor einer Herausforderung: Mit dem folgenden (Teil-) PHP-Code will ich eine Tabelle generieren, die einen Schatten um ein hochgeladenes Bild darstellt:
echo "<table style=\"{ text-align: left; }\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n";
echo "<tbody>\n";
echo "<tr>\n";
echo "<td style=\"{ vertical-align: middle; text-align: center; }\">\n";
if ($NaechstesBild > ($AnzBilderImOrdner - 1))
{
echo "<a href=\"show_pic.php?dir=".$BilderVerzeichnis."&ind expage=".$DirectoryIndex."&picindex=0\">\n";
}
else
{
echo " <a href=\"show_pic.php?dir=".$BilderVerzeichnis."&ind expage=".$DirectoryIndex."&picindex=".$NaechstesBi ld."\">\n";
}
if ($Shrinked == 1)
{
if ($info[0] > $ShrinkedWidth) echo "<img src=\"".$GalleryHomeDir."/".$BilderVerzeichnis."/".$Bilder[$BildIndex]."\" width=\"".$ShrinkedWidth."\" border=\"0\">\n";
else echo " <img src=\"".$GalleryHomeDir."/".$BilderVerzeichnis."/".$Bilder[$BildIndex]."\" border=\"0\">\n";
}
else echo "<img src=\"".$GalleryHomeDir."/".$BilderVerzeichnis."/".$Bilder[$BildIndex]."\" border=\"0\">\n";
echo "</a>\n";
echo "</td>\n";
echo "<td style=\"{ vertical-align: top; text-align: left; width: 4px; background-image: url(images/back_rm.gif); background-repeat: repeat-y; }\">\n";
echo "<img style=\"{ width: 4px; height: 5px; }\" src=\"images/back_ro.gif\">\n";
echo "</td>\n";
echo "</tr>\n";
echo "<tr>\n";
echo "<td style=\"{ text-align: left; vertical-align: top; height: 5px; background-image: url(images/back_u.gif); background-repeat: repeat-x; }\">\n";
echo "<img style=\"{ width: 4px; height: 5px; }\" src=\"images/back_lu.gif\">\n";
echo "</td>\n";
echo "<td style=\"{ vertical-align: top; text-align: left; height: 5px; width: 4px; }\">\n";
echo "<img style=\"{ width: 4px; height: 5px; }\" src=\"images/back_ru.gif\">\n";
echo "</td>\n";
echo "</tr>\n";
echo "</tbody>\n";
echo "</table>\n";
Der von PHP nach HTML generierte Quelltext sieht so aus:
<TABLE style="TEXT-ALIGN: left" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD style="VERTICAL-ALIGN: middle; TEXT-ALIGN: center">
<A href="Judo-Löwen-Lauenau - 15.06.2008 Thueringer ega-Pokal der U13 in Erfurt&indexpage=1&picindex=1">
<IMG src="Judo-Löwen-Lauenau-Dateien/Annika%2520Merle%2520Maike.jpg" border=0> </A></TD>
<TD style="BACKGROUND-IMAGE: url(images/back_rm.gif); VERTICAL-ALIGN: top; WIDTH: 4px; BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: left">
<IMG style="WIDTH: 4px; HEIGHT: 5px" src="Judo-Löwen-Lauenau-Dateien/back_ro.gif"> </TD></TR>
<TR>
<TD style="BACKGROUND-IMAGE: url(images/back_u.gif); VERTICAL-ALIGN: top; BACKGROUND-REPEAT: repeat-x; HEIGHT: 5px; TEXT-ALIGN: left">
<IMG style="WIDTH: 4px; HEIGHT: 5px" src="Judo-Löwen-Lauenau-Dateien/back_lu.gif"> </TD>
<TD style="VERTICAL-ALIGN: top; WIDTH: 4px; HEIGHT: 5px; TEXT-ALIGN: left">
<IMG style="WIDTH: 4px; HEIGHT: 5px" src="Judo-Löwen-Lauenau-Dateien/back_ru.gif">
</TD></TR></TBODY></TABLE>
Folgendes Problem ist aufgetreten: Firefox stellt den Rahmen einwandfrei dar, aber der Internetexplorer leider nicht, da in jeder Zelle der Tabelle eine Leerstelle generiert wurde, die vom IE als Zeichen verstanden und dargestellt wird, wodurch die (kleinen) Bilder in den Zellen verschoben bzw. gleichzeitig die Zeilen nicht in den befohlen Höhen angezeigt werden.
Frage: Wie muss der PHP-Code verändert werden, dass bei der Generierung der HTML-Seiten keine Leerstellen entstehen und somit die Tabelle auch im IE korrekt angezeigt werden kann?
Vielen Dank schon mal für Eure Hilfe!
MfG
Holli91
Kommentar