hi leuds,
ich hab ein kleines Problem beim erstellen meiner neuen Website.
Auf meiner neuen Website möchte ich nämlich auf echte Frames verzichten und stattdessen welche mit PHP simulieren.
--->
Frames simulieren
Doch gibt es hier einige Probleme. Bin was PHP angeht auch noch ein absoluter Newbie. Also nimmt es mir nicht übel, wenn sich die Frage für manche vielleicht ein wenig lächerlich anhören mag.
Also zu den Fakten:
die Seite:
http://lamos.la.funpic.de/
Wie ihr unschwer erkennen könnt sieht das ziemlich mistig aus.
Da die Slices der Navigationsleiste, die ich vorher mit Photoshop CS erstellt habe, total verschoben sind.
Woran liegts das? Wenn ich die Seite über herkömmliches HTML laufen lasse dann funktioniert alles einwandfrei.
Hier dann erstma der Quelltext der
---> index.php
Code:
<?php
error_reporting(E_ALL);
include "inc/config.php"; // die Konfigurationsdateien lesen.
echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"\n";
echo " \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n";
echo "<html>\n";
echo " <head>\n";
echo " <title>
http://www.rosarot.dl.am</title>\n";
echo " <link rel=\"stylesheet\" type=\"text/css\" href=\"page.css\" />\n";
echo " <meta http-equiv=\"Content-Type\"
content=\"text/html; charset=ISO-8859-1\" />\n";
echo " </head>\n";
echo " <body>\n";
echo " <div id=\"root\">\n";
echo " <div id=\"banner\">\n";
include "banner.php";
echo " </div>\n";
echo " <div id=\"mitte\">\n"; // Content
include "content.php";
echo " </div>\n";
echo " <div id=\"unten\">\n"; // footer
include "footer.php";
echo " </div>\n";
echo " <br style=\"clear:both;\" />\n"; // css-float beenden
echo " </div>\n";
echo " </body>\n";
echo "</html>\n";
?>
Ich hab das Format von
http://tut.php-q.net ein wenig abgeändert, so dass ich nur ein Spalte mit drei Zeilen habe.
---> page.css
Code:
body {
background-image: url(outrspc2.gif);
}
#banner {
height: 500px;
}
#mitte {
height: 1000px;
}
#unten {
height: 50px;
}
---> banner.php
Code:
<div align="center">
<img src="header1.jpg">
<img src="banner7.jpg">
<!-- ImageReady Slices (navigation4.psd) -->
<table id="Table_01" width="721" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
<img src="images/navigation4_01.jpg" width="720" height="25" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/navigation4_02.jpg" width="31" height="75" alt=""></td>
<td>
<a href="http://www.google.de" target="_blank"
onmouseover="window.status='News'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/navigation4_03.jpg" width="173" height="47" border="0" alt="News"></a></td>
<td rowspan="3">
<img src="images/navigation4_04.jpg" width="99" height="75" alt=""></td>
<td rowspan="2">
<a href="http://www.google.de" target="_blank"
onmouseover="window.status='Mangas'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/navigation4_05.jpg" width="173" height="50" border="0" alt="Mangas"></a></td>
<td rowspan="3">
<img src="images/navigation4_06.jpg" width="26" height="75" alt=""></td>
<td rowspan="2">
<a href="http://www.google.de" target="_blank"
onmouseover="window.status='Gästebuch'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/navigation4_07.jpg" width="173" height="50" border="0" alt="Gästebuch"></a></td>
<td rowspan="3">
<img src="images/navigation4_08.jpg" width="45" height="75" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="47" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/navigation4_09.jpg" width="173" height="28" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td>
<img src="images/navigation4_10.jpg" width="173" height="25" alt=""></td>
<td>
<img src="images/navigation4_11.jpg" width="173" height="25" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</div>
Ich hoffe das lässt sich lösen. Möchte ungern wieder auf herkömmliche Frames zugreifen. Schon mal Danke im voraus.
euer lamos
edit: hab mich nun für CSS entschieden, somit hat sich das Thema erledigt, thx