Tribalman
Erfahrenes Mitglied
Hallo zusammen.
Ich habe dieses Thema schon im PHP-Forum diskutiert,
wer den Beitrag lesen möchte: hier ist der Link
Es geht um folgendes: Ich lese mittels PHP Datensätze
(Texte) aus einer Datenbank aus und füge diese in eine
Tabelle ein. Die Tabellenhöhe ist dabei zunächt flexibel
und ergibt sich je nach Inhalt.
Da ich mit einem Raster arbeite sollen die Tabellen aber
bestimmte Höhen haben und zwar immer vielfache von 27 (pixeln).
Hier sind mal zwei Bilder wie es mit "falscher" und "richtiger"
Höhe aussieht (Die Linien zwischen den Texten sollen auf
gleicher Höhe mit den Linien zwischen den Links sein!)
falsch
richtig
Ich habe rausgefunden, dass man mit Hilfe von Javascript
die Höhe der flexiblen Tabelle auslesen und ändern kann.
Ich habe das anhand einer Testseite ausprobiert und hin-
bekommen. In Verbindung mit PHP schaffe ich das nicht.
Jetzt brauche ich eure Hilfe.
Hier ist mal der Quelltext zu der Testseite. Die aktuelle
Höhe der Tabelle mit der ID "Tabelle 1" wird ausgelesen
und auf den nächsten Vielfachen von 27 gebracht.
Das selbe müsste jetzt auf meiner eigentlichen Seite eingefügt
werden. Den Quellcode dazu findet ihr hier:
Ich hoffe ihr könnt mir helfen!
Stefan
Ich habe dieses Thema schon im PHP-Forum diskutiert,
wer den Beitrag lesen möchte: hier ist der Link
Es geht um folgendes: Ich lese mittels PHP Datensätze
(Texte) aus einer Datenbank aus und füge diese in eine
Tabelle ein. Die Tabellenhöhe ist dabei zunächt flexibel
und ergibt sich je nach Inhalt.
Da ich mit einem Raster arbeite sollen die Tabellen aber
bestimmte Höhen haben und zwar immer vielfache von 27 (pixeln).
Hier sind mal zwei Bilder wie es mit "falscher" und "richtiger"
Höhe aussieht (Die Linien zwischen den Texten sollen auf
gleicher Höhe mit den Linien zwischen den Links sein!)
falsch
richtig
Ich habe rausgefunden, dass man mit Hilfe von Javascript
die Höhe der flexiblen Tabelle auslesen und ändern kann.
Ich habe das anhand einer Testseite ausprobiert und hin-
bekommen. In Verbindung mit PHP schaffe ich das nicht.
Jetzt brauche ich eure Hilfe.
Hier ist mal der Quelltext zu der Testseite. Die aktuelle
Höhe der Tabelle mit der ID "Tabelle 1" wird ausgelesen
und auf den nächsten Vielfachen von 27 gebracht.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>test</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" width="200" id="tabelle1">
<tr>
<td valign="top">
blabla<br>
bla<br>
blabla
</td>
</tr>
</table>
<script type="text/javascript">
<!--
höhe = document.getElementById("tabelle1").offsetHeight;
faktor = höhe / 27;
zahl = Math.ceil(faktor);
neuehöhe = zahl * 27;
document.getElementById("tabelle1").style['height'] = neuehöhe;
//-->
</script>
</body>
</html>Das selbe müsste jetzt auf meiner eigentlichen Seite eingefügt
werden. Den Quellcode dazu findet ihr hier:
HTML:
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" style="padding:0px;">
<tr height="100%">
<td width="216" valign="top"><? include("navi.inc"); ?></td>
<td width="432" valign="top">
<?
$link = mysql_connect("localhost","root","") or die ("Keine Verbindung moeglich");
mysql_select_db("gevd") or die ("Die Datenbank existiert nicht");
$abfrage = "SELECT head,body FROM aktuell";
$ergebnis = mysql_query($abfrage);
$i = 0;
while($row = mysql_fetch_object($ergebnis))
{
$i++;
echo "
<table border=\"0\" width=\"432\" cellpadding=\"0\" cellspacing=\"0\" style=\"padding:0px;\" id=\"tabelle",$i,"\">
<tr height=\"9\">
<td colspan=\"2\"><img src=\"bilder/linie_mittel.gif\" width=\"405\" height=\"9\" border=\"0\"></td>
<td></td>
<td></td>
</tr>
<tr>
<td width=\"18\" valign=\"top\"><img src=\"bilder/quadrat.gif\" width=\"18\" height=\"13\" border=\"0\"></td>
<td width=\"405\" valign=\"top\"><b>",$row->head,"</b><br><br>",$row->body,"</td>
<td width=\"27\"><br></td>
</tr>
</table>";
}
mysql_free_result($ergebnis);
mysql_close($link);
?>
</td>
</tr>
</table>Ich hoffe ihr könnt mir helfen!
Stefan
Zuletzt bearbeitet:
