Hi,
ich habs endlich geschafft vom Tabellen-Layout wegzukommen und bin nun fleißig daran meine Seite mit xHTML und div's zu schreiben. Nun habe ich eine Frage.... wie setzt man am besten folgendes um:
In einer Zeile sollen 5 Spalten sein:
1. ID des GB-Eintrags
2. von wem der Gästebucheintrag geschrieben wurde
3. Gästebucheintrag kommentieren oder löschen
4. Wann der Gästebucheintrag geschrieben wurde
5. Falls es ein neuer GB-Eintrag ist, ein Zeichen
Zudem sollte die gesamte Zeile eine durchgängige Farbe haben.
Ich habs schon mit mehreren Varianten probiert, komme aber zu keinem richtig guten Ergebnis. Oft haben die Spalten dann kleine Abstände die nicht farbig sind usw.
Bisher sieht meine userdetails.php so aus:
PHP-Code:
<?php
include("includes/funktionen_userdetails.php"); //funktionen einlesen
?>
<script language="JavaScript" type="text/javascript">
function zeigen_container1() {
if(document.getElementById) document.getElementById("ve1").style.display = "";
if(document.getElementById) document.getElementById("da1").style.display = "none";
if(document.getElementById) document.getElementById("nd1").style.display = "";
}
function verstecken_container1() {
if(document.getElementById) document.getElementById("ve1").style.display = "none";
if(document.getElementById) document.getElementById("da1").style.display = "";
if(document.getElementById) document.getElementById("nd1").style.display = "none";
}
function zeigen_container2() {
if(document.getElementById) document.getElementById("ve2").style.display = "";
if(document.getElementById) document.getElementById("da2").style.display = "none";
if(document.getElementById) document.getElementById("nd2").style.display = "";
}
function verstecken_container2() {
if(document.getElementById) document.getElementById("ve2").style.display = "none";
if(document.getElementById) document.getElementById("da2").style.display = "";
if(document.getElementById) document.getElementById("nd2").style.display = "none";
}
</script>
<ol id="whereiam">
<li class="first-child"><a href="/">Startseite</a></li>
<li><a href="u/<?php echo $nick["username"];?>">Userprofil von <?php echo htmlspecialchars($nick["username"]);?></a></li>
</ol>
<div class="content">
<div class="box_content">
<h1>Userprofil von <?php echo htmlspecialchars($nick["username"]);?></h1>
<p>
<span id="headline_pi">Persönliche Informationen</span>
</p>
<hr />
<table class="pi" border="0" width="100%">
<tr>
<th>Vorname:</th>
<td><?php echo ($nick["vorname"] != '') ? htmlspecialchars($nick["vorname"]) : '';?></td>
<th>Rang:</th>
<td><span class="<?php echo get_class_color($nick["class"]); ?>"><?php echo get_user_class_name($nick["class"]);?></span></td>
</tr>
<tr>
<th>Nachname:</th>
<td><?php echo ($nick["nachname"] != '') ? htmlspecialchars($nick["nachname"]) : '';?></td>
<th>Raucher:</th>
<td><?php echo ($nick["raucher"] != 'na') ? htmlspecialchars($nick["raucher"]) : '';?></td>
</tr>
<tr>
<th>Wohnort:</th>
<td><?php echo ($nick["wohnort"] != '') ? htmlspecialchars($nick["wohnort"]) : '';?></td>
<th>Beziehungsstatus:</th>
<td><?echo "$beziehungsstatus";?></td>
</tr>
<tr>
<th>Geburtstag (Alter):</th>
<td><?php echo ($nick["bday"] == '0000-00-00') ? '' : date("d.m.Y",sql_timestamp_to_unix_timestamp($nick["bday"])) . ' ('.$age.')';?></td>
<th>Haarfarbe:</th>
<td><?php echo ($nick["haarfarbe"] != '') ? htmlspecialchars($nick["haarfarbe"]) : '';?></td>
</tr>
<tr>
<th>Sternzeichen:</th>
<td><?php echo ($nick["bday"] == '0000-00-00') ? '' : sternzeichen($zodiacday, $zodiacmonth);?></td>
<th>Augenfarbe:</th>
<td><?php echo ($nick["augenfarbe"] != '') ? htmlspecialchars($nick["augenfarbe"]) : '';?></td>
</tr>
<tr>
<th>Gewicht:</th>
<td><?php echo ($nick["gewicht"] != '') ? $nick["gewicht"].' kg' : '';?></td>
<th>Größe:</th>
<td><?php echo ($nick["groesse"]) != '' ? $nick["groesse"].' cm' : '';?></td>
</tr>
</table>
<br />
<table class="pi" border="0" width="100%">
<tr>
<th style="text-align:left;" colspan="4">Über mich: </th>
</tr>
<tr>
<td colspan="4">foo</td>
</tr>
</table>
<br />
<table class="pi" border="0" width="100%">
<tr>
<th style="text-align:left;" colspan="4">Sonstiges: </th>
</tr>
<tr>
<td colspan="4">bar</td>
</tr>
</table>
<hr />
<p>
<span id="headline_stats">
<a id="da1" style="display:inline" href="javascript:zeigen_container1()">Statistiken <img src="images/content/benutzerprofil/plus.gif" border="0" alt="zeigen" /></a>
<a id="nd1" style="display:none" href="javascript:verstecken_container1()">Statistiken <img src="images/content/benutzerprofil/minus.gif" border="0" alt="verstecken" /></a>
</span>
</p>
<hr />
<div style="display:none" id="ve1">
<table class="pi" border="0" width="100%">
<tr>
<th>Zuletzt aktiv:</th>
<td><?php echo $lastaccess.$lastbefore ?></td>
<th>Mitglied seit:</th>
<td><?php echo $added.$joinbefore ?></td>
</tr>
<tr>
<th>GB-Einträge erhalten:</th>
<td><?php echo ($nick["gberhalten"] != '') ? $nick["gberhalten"] : '0';?></td>
<th>Profil Besucher:</th>
<td><?php echo $data_pe["pe"]; ?></td>
</tr>
<tr>
<th>GB-Einträge verfasst:</th>
<td><?php echo ($nick["gbverfasst"] != '') ? $nick["gbverfasst"] : '0';?></td>
<th>Profile Besucht:</th>
<td><?php echo $data_pb["pb"]; ?></td>
</tr>
<tr>
<th>Goodies:</th>
<td><?php echo ($nick["goodies"] != '') ? $nick["goodies"] : '';?></td>
<th>Shoutbox-Einträge:</th>
<td><?php echo ($nick["shoutboxentries"] != '') ? $nick["shoutboxentries"] : '';?></td>
</tr>
<tr>
<th>Logins:</th>
<td><?php echo ($nick["logins"] != '') ? $nick["logins"] : '0';?></td>
<th>Status geändert:</th>
<td><?php echo ($nick["statusveraendert"] != '') ? $nick["statusveraendert"] : '';?></td>
</tr>
</table>
<hr />
</div>
<p>
<span id="headline_wd">
<a id="da2" style="display:inline" href="javascript:zeigen_container2()">Weitere Details <img src="images/content/benutzerprofil/plus.gif" border="0" alt="zeigen" /></a>
<a id="nd2" style="display:none" href="javascript:verstecken_container2()">Weitere Details <img src="images/content/benutzerprofil/minus.gif" border="0" alt="verstecken" /></a>
</span>
</p>
<div style="display:none" id="ve2">
<hr />
<table class="wd" border="0" width="100%">
<tr>
<th>Lieblingsfilm:</th>
<td><?php echo ($nick["film"] != '') ? htmlspecialchars($nick["film"]) : '';?></td>
</tr>
<tr>
<th>Lieblingsgetränk:</th>
<td><?php echo ($nick["getraenk"] != '') ? htmlspecialchars($nick["getraenk"]) : '';?></td>
</tr>
<tr>
<th>Lieblingsessen:</th>
<td><?php echo ($nick["essen"] != '') ? htmlspecialchars($nick["essen"]) : '';?></td>
</tr>
<tr>
<th>Lieblingsspruch:</th>
<td><?php echo ($nick["spruch"] != '') ? htmlspecialchars($nick["spruch"]) : '';?></td>
</tr>
<tr>
<th>Musikrichtung:</th>
<td><?php echo ($nick["musik"] != '') ? htmlspecialchars($nick["musik"]) : '';?></td>
</tr>
<tr>
<th>Hobbies:</th>
<td><?php echo ($nick["freizeitbeschaeftigung"] != '') ? htmlspecialchars($nick["freizeitbeschaeftigung"]) : '';?></td>
</tr>
<tr>
<th>Was ich mag:</th>
<td><?php echo ($nick["ichmag"] != '') ? htmlspecialchars($nick["ichmag"]) : '';?></td>
</tr>
<tr>
<th>Was ich nicht mag:</th>
<td><?php echo ($nick["ichmagnicht"] != '') ? htmlspecialchars($nick["ichmagnicht"]) : '';?></td>
</tr>
</table>
</div>
</div> <!-- box_content -->
</div> <!-- content -->
CSS:
http://share.guitarboard.de/css.txt
Kann man da was verbessern? Und könnte mir vielleicht jemand so eine Tabelle schreiben? Ich sitz da jetzt so lange dran.... oder kann man das vielleicht besser mit divs lösen? Optisch sieht es so aus:
Finde das optisch auch ok und sollte so bleiben.
Die Spalte für den GB-Eintrag soll so aussehen wie zB Über mich oder Sonstiges, also komplett durchgezogen allerdings Spalten haben (5 Stück, jede sollte dann so 20% sein = 100%).
Vielleicht kann mir ja jemand helfen
P.S. cellspacing="0" habe ich schon probiert, dann wird die Tabelle aber plötzlich breiter als die anderen :\
Danke schonmal,
Mike1984