Don Ding Dong: Kann mir wer bei Tab ellenanordnung helfen? :/

Hi!

Ich kenn mich leider mit php/html nicht unbedingt gut aus..
und spiele mich mit nem php Code schon seit Tagen.. und zwar möchte ich einfach die Tabellenanordnung anders haben..

momentan wird einfach alles in einer Wurst angezeigt.. von oben nach unten..

ich möchte das ungefähr so haben das

die erste Tabelle Links (Useravatar + Info), die mittlere gleich Rechts (Foto) daneben..
und die 2 unteren drunter angezeigt werden....

aber so wie ich das bisher probiert hab hats nicht geklappt.. und ich bekam entweder Fehler ausgegeben, oder es hat sich nichts geändert..

hat jemand zufällig so, oder eine ähnliche Anordnung als Script? oder gibt mir Tipps?

kann mir bitte wer weiterhelfen?

Vielen dank mal für eure Antworten ;)

LG

  1. Mahlzeit,

    ich möchte das ungefähr so haben das

    die erste Tabelle Links (Useravatar + Info), die mittlere gleich Rechts (Foto) daneben..
    und die 2 unteren drunter angezeigt werden....

    Du möchtest Tabellen zum Layouten missbrauchen? Gaaanz schlechte Idee:

    Tabellen heißen so, weil sie in Zeilen und Spalten aufteilbare Daten darstellen sollen, die zueinander in irgendeiner Relation stehen. Wären sie zum Gestalten erfunden worden, hieße sie Gestelle.

    Die einzig relevante Frage ist: Handelt es sich um tabellarische Daten? Wenn nein, ist eine Tabelle der falsche Weg. Wenn ja, ist alles andere als eine Tabelle falsch.

    Versuche es stattdessen gleich richtig zu machen - mit http://de.selfhtml.org/css/layouts/einfuehrung.htm@title=CSS.

    MfG,
    EKKi

    --
    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
  2. kannst du vll mal den code posten und reinschreiben wo was anders soll?

    Ich blick da jetzt so nämlich nicht so ganz durch, und ich denke mal du meinst ne ganz normale html tabelle oder?
    <table>...?

    1. kannst du vll mal den code posten und reinschreiben wo was anders soll?

      Ich blick da jetzt so nämlich nicht so ganz durch, und ich denke mal du meinst ne ganz normale html tabelle oder?
      <table>...?

      OpenTable();
          echo "<center>";
          echo "<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="$bgcolor1">\n";
          echo"<tr><td valign="center">";
          // ### Beginn Informationen ober Tabelle links #######
          echo "<table border="0" cellspacing="1" cellpadding="3" bgcolor="$bgcolor1" width="100%">\n";
          echo "<tr valign="top"><td bgcolor="$bgcolor2" width="35%"><b>" . _NICKNAME . ":</b></td><td bgcolor="$bgcolor3" valign="top">
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr><td valign="top"><b>" . mxPrepareToDisplay($uname) . "</b></td><td>&nbsp;&nbsp;&nbsp;&nbsp;" . $online . "</td></tr></table></td></tr>\n";
           $isAvatarUploaded = mxIsAvatarUploaded($uinfo['uname'], false, true);
          if (!$isAvatarUploaded['werist']) {
              $uinfo['user_avatar'] = (empty($uinfo['user_avatar']) || $uinfo['user_avatar'] == "blank.gif") ? "" : mxCreateImage(MX_PATH_AVATAR . "/" . $uinfo['user_avatar'], $uinfo['user_avatar']);
          } else {
              $uinfo['user_avatar'] = mxCreateImage(MX_PATH_MEMBERAVATAR . "/" . $isAvatarUploaded['werist']);
          }
          if (!empty($user_avatar)) echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>" . _AVATAR . ":</b></td><td bgcolor="$bgcolor3">" . $user_avatar . "</td></tr>\n";

      if (!empty($lastonline)) echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>" . _YA_LASTONLINE . ":</b></td><td bgcolor="$bgcolor3">" . $lastonline . "</td></tr>\n";

      if (!empty($name)) echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>" . _UREALNAME . ":</b></td><td bgcolor="$bgcolor3">" . mxPrepareToDisplay($name) . "</td></tr>\n";
          if (!empty($user_bday)) echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>Alter:</b></td><td bgcolor="$bgcolor3">" . $user_age . "&nbsp;" . _YEARS . "&nbsp;<img src="modules/Userinfo/images/info.gif" alt="" . $user_bday . ""></td></tr>\n";
          if (!empty($user_sexus)) echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>" . _YA_USEXUS . ":</b></td><td bgcolor="$bgcolor3">" . vkpGetSexusString($user_sexus) . "</td></tr>\n";
          if (!empty($user_occ)) echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>" . _OCCUPATION . ":</b></td><td bgcolor="$bgcolor3">" . mxPrepareToDisplay($user_occ) . "</td></tr>\n";
          if (!empty($user_from)) echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>" . _LOCATION . ":</b></td><td bgcolor="$bgcolor3">" . mxPrepareToDisplay($user_from) . "</td></tr>\n";
          if (!empty($user_from1)) echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>" . _LOCATION1 . ":</b></td><td bgcolor="$bgcolor3">" . mxPrepareToDisplay($user_from1) . "</td></tr>\n";
          if (!empty($user_famstatus)) echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>" . _YA_STATUS . ":</b></td><td bgcolor="$bgcolor3">" . mxPrepareToDisplay($user_famstatus) . "</td></tr>\n";
          if (!empty($user_kinder)) echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>" . _YA_KINDER . ":</b></td><td bgcolor="$bgcolor3">" . mxPrepareToDisplay($user_kinder) . "</td></tr>\n";

      // if ($showall)              echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>"._UREALEMAIL.":</b></td><td bgcolor="$bgcolor3"><a href="mailto:".mxPrepareToDisplay($email).""><b>".mxPrepareToDisplay($email)."</b></a> *</td></tr>\n";
          echo"</table>";
          // ###################################################
          echo"</td><td width="230"><center><br>";
          // ################ Foto 1 ###########################

      if (!empty($isAvatarUploaded['foto']) && defined("AV_ALBUM")) echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>" . _AV_USERFOTO . "</b></td><td bgcolor="$bgcolor3"><img src="modules/Avatar/thumb.php?wat=displayThumb&amp;pic=" . $isAvatarUploaded['foto'] . "" alt="" . $isAvatarUploaded['foto'] . ""><br><a href="modules.php?name=Avatar&amp;file=album&amp;uid=" . $isAvatarUploaded['aid'] . "">" . _AV_VISIT_ALBUM . "</a></td></tr>\n";
          else if (defined("AV_ALBUM")) echo "<tr valign="top"><td bgcolor="$bgcolor2"><b>" . _AV_USERFOTO . "</b></td><td bgcolor="$bgcolor3">" . _AV_NO_PICS_UPLOADED . "<br><a href="modules.php?name=Avatar&amp;file=album&amp;uid=" . $uinfo['uname'] . "">" . _AV_VISIT_ALBUM . "</a></td></tr>\n";

      1. Das ist der Teil des Profilcodes..

        mir würde es genügen wenn der teil mit ********FOTO1*********

        rechts der oberen Tabelle dargestellt wird..

        das klappt aber irgendwie nicht so wie ich es will..

        das Foto wird zwar rechts angezeigt, aber unter der Tabelle...

        1. das Foto wird zwar rechts angezeigt, aber unter der Tabelle...

          kannst du bitte die fertig ausgegebene tabelle posten - der php-code ist fürchterlich

          wenn du weisst, wie das html auszusehen hat, kansnt du auch einfacher den php-code ändern

          1. das Foto wird zwar rechts angezeigt, aber unter der Tabelle...

            kannst du bitte die fertig ausgegebene tabelle posten - der php-code ist fürchterlich

            wenn du weisst, wie das html auszusehen hat, kansnt du auch einfacher den php-code ändern

            </table>

            </td><!-- END left_noblocks -->             <td class="CenterBox" valign="top">

            <table  align="center" cellpadding="0" cellspacing="1" border="0" width="100%">                 <tbody>                   <tr>                     <td><table bgcolor="#b6668e" cellpadding="5" cellspacing="0" border="0" width="100%">                         <tbody>                           <tr>                             <td class="content"><div align='center'><span class="title">Ihr pers&ouml;nliches Kontrollzentrum</span><br ><br ><table border="0" width="100%"><tr valign="top">

            <td width="20%" align="center"><span class="tiny"><a href="modules.php?name=Your_Account&amp;op=edituser"><img src="themes/mx-violet/sys_images/images/menu/info.gif" width="36" height="36" alt="pers&ouml;nliche Daten" title="pers&ouml;nliche Daten" border="0" ><br>pers&ouml;nliche Daten</a></span></td> <td width="20%" align="center"><span class="tiny"><a href="modules.php?name=Your_Account&amp;op=edithome"><img src="themes/mx-violet/sys_images/images/menu/home.gif" width="36" height="36" alt="Ihre Einstellungen" title="Ihre Einstellungen" border="0" ><br>Ihre Einstellungen</a></span></td> <td width="20%" align="center"><span class="tiny"><a href="modules.php?name=Private_Messages"><img src="themes/mx-violet/sys_images/images/menu/comments.gif" width="36" height="36" alt="Ihre privaten Nachrichten" title="Ihre privaten Nachrichten" border="0" ><br>Ihre privaten Nachrichten</a></span></td> <td width="20%" align="center"><span class="tiny"><a href="modules.php?name=Avatar"><img src="themes/mx-violet/sys_images/images/menu/avatar.gif" width="36" height="36" alt="Avatar hochladen" title="Avatar hochladen" border="0" ><br>Avatar hochladen</a></span></td> <td width="20%" align="center"><span class="tiny"><a href="modules.php?name=Your_Account&amp;op=logout"><img src="themes/mx-violet/sys_images/images/menu/exit.gif" width="36" height="36" alt="Abmelden" title="Abmelden" border="0" ><br>Abmelden</a></span></td>   </tr> </table></div></td>                           </tr>

            </tbody>                     </table></td>                   </tr>                 </tbody>               </table>               <br>               <table  align="center" cellpadding="0" cellspacing="1" border="0" width="100%">                 <tbody>                   <tr>

            <td><table bgcolor="#b6668e" cellpadding="5" cellspacing="0" border="0" width="100%">                         <tbody>                           <tr>                             <td class="content"><center><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#710f40"> <tr><td valign="center"><table border="0" cellspacing="1" cellpadding="3" bgcolor="#710f40" width="100%"> <tr valign="top"><td bgcolor="#b6668e" width="35%"><b>Benutzername:</b></td><td bgcolor="#f3ede1" valign="top">         <table width="100%" border="0" cellspacing="0" cellpadding="0">         <tr><td valign="top"><b>DannyMutante</b></td><td>&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/online.gif" width="16" height="16" alt="Ja" title="Ja" border="0" >&nbsp;Ja</td></tr></table></td></tr>

            <tr valign="top"><td bgcolor="#b6668e"><b>Avatar:</b></td><td bgcolor="#f3ede1"><img src="images/forum/member_avatar/DannyMutante.avatar.2.gif" width="68" height="70" alt="DannyMutante.avatar.2.gif" border="0" ></td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>Richtiger Name:</b></td><td bgcolor="#f3ede1">DannyMutante</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>Alter:</b></td><td bgcolor="#f3ede1">29&nbsp;Jahre&nbsp;<img src="modules/Userinfo/images/info.gif" alt="Samstag, 25. November 1978"></td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>Geschlecht:</b></td><td bgcolor="#f3ede1">m&auml;nnlich <img src="images/m.gif" width="16" height="16" alt="m&auml;nnlich" title="m&auml;nnlich" border="0" ></td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>T&auml;tigkeit:</b></td><td bgcolor="#f3ede1">administration dieser seite *g</td></tr>

            <tr valign="top"><td bgcolor="#b6668e"><b>Ort:</b></td><td bgcolor="#f3ede1">Wien</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>Land:</b></td><td bgcolor="#f3ede1">Österreich</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>Familienstand:</b></td><td bgcolor="#f3ede1">verheiratet</td></tr> </table></td><td width="230"><center><br><tr valign="top"><td bgcolor="#b6668e"><b>Userfoto:</b></td><td bgcolor="#f3ede1"><img src="modules/Avatar/thumb.php?wat=displayThumb&amp;pic=DannyMutante.foto.1.jpg" alt="DannyMutante.foto.1.jpg"><br><a href="modules.php?name=Avatar&amp;file=album&amp;uid=DannyMutante">Album besuchen</a></td></tr> </center></td></tr></table></td>                           </tr>                         </tbody>

            </table></td>                   </tr>                 </tbody>               </table>               <br>               <table  align="center" cellpadding="0" cellspacing="1" border="0" width="100%">                 <tbody>                   <tr>                     <td><table bgcolor="#b6668e" cellpadding="5" cellspacing="0" border="0" width="100%">

            <tbody>                           <tr>                             <td class="content"><table width="100%" border="0" cellspacing="1" cellpadding="3" bgcolor="#710f40"> <tr valign="top"><td colspan="4"><font class="title"><b>DannyMutante sucht:</b></font></td></tr><tr valign="top"><td bgcolor="#b6668e" width="30%"><b>Ich suche:</b></td><td bgcolor="#f3ede1">lustige Menschen</td></tr> <tr valign="top"><td bgcolor="#b6668e" width="30%"><b>für eine/n:</b></td><td bgcolor="#f3ede1">Freundschaft</td></tr> &nbsp;bis&nbsp;99</td></tr> <tr valign="top"><td bgcolor="#b6668e" width="30%"><b>Figur:</b></td><td bgcolor="#f3ede1">egal</td></tr>

            </table></td>                           </tr>                         </tbody>                     </table></td>                   </tr>                 </tbody>               </table>               <br>               <table  align="center" cellpadding="0" cellspacing="1" border="0" width="100%">

            <tbody>                   <tr>                     <td><table bgcolor="#b6668e" cellpadding="5" cellspacing="0" border="0" width="100%">                         <tbody>                           <tr>                             <td class="content"><table width="100%" border="0" cellspacing="1" cellpadding="3" bgcolor="#710f40"> <tr valign="top"><td colspan="4"><font class="title"><b>DannyMutante beschreibt sich folgend::</b></font></td></tr><tr valign="top"><td bgcolor="#b6668e" width="30%"><b>Grösse:</b></td><td bgcolor="#f3ede1">187&nbsp;cm</td></tr>

            <tr valign="top"><td bgcolor="#b6668e"><b>Gewicht:</b></td><td bgcolor="#f3ede1">80&nbsp;kg</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>Haarfarbe:</b></td><td bgcolor="#f3ede1">Dunkelbraun</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>Augenfarbe:</b></td><td bgcolor="#f3ede1">Rehbraun</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>Piercing:</b></td><td bgcolor="#f3ede1">Ja</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>Tättowierung:</b></td><td bgcolor="#f3ede1">Ja</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>Raucher:</b></td><td bgcolor="#f3ede1">Ja</td></tr>

            <tr valign="top"><td bgcolor="#b6668e"><b>Alkohol:</b></td><td bgcolor="#f3ede1">Gelegentlich</td></tr> <tr valign="top"><td colspan="4" bgcolor="#f3ede1"><font class="title"><b>Lieblings......</b></font></td></tr><tr valign="top"><td bgcolor="#b6668e"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...Speise:</b></td><td bgcolor="#f3ede1">Asiatisch</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...Getränk:</b></td><td bgcolor="#f3ede1">Cola</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...Band:</b></td><td bgcolor="#f3ede1">Arab on Radar</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...Lied:</b></td><td bgcolor="#f3ede1">My mind is a Muffer</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...Schauspieler:</b></td><td bgcolor="#f3ede1">blääh</td></tr>

            <tr valign="top"><td bgcolor="#b6668e"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...Film:</b></td><td bgcolor="#f3ede1">gibts einige</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...TV-Serie:</b></td><td bgcolor="#f3ede1">bläääh</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...Buch:</b></td><td bgcolor="#f3ede1">viele Sachbücher</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>Ihre Interessen:</b></td><td bgcolor="#f3ede1">Aufbau dieser Seite</td></tr> <tr valign="top"><td bgcolor="#b6668e"><b>Benutzergruppe:</b></td><td bgcolor="#f3ede1">User</td></tr> </table></font></td>                           </tr>

            </tbody>                     </table></td>                   </tr>                 </tbody>               </table>               <br>               <table  align="center" cellpadding="0" cellspacing="1" border="0" width="100%">                 <tbody>                   <tr>

            <td><table bgcolor="#b6668e" cellpadding="5" cellspacing="0" border="0" width="100%">                         <tbody>                           <tr>                             <td class="content"><table width="100%" border="0" cellspacing="1" cellpadding="3" bgcolor="#710f40"> </table></td>

            1. ich nehms zurück - die ausgegebene tabelle ist auch so furchtbar

              validiere den code  und lass ihn dann ggf ordentlich strukturieren/sortieren (html tidy hilft) dabei