Webmaster Forum Suchmaschinenoptimierung Webpromotion Webdesign

Unsere Moderatoren
Webmasterlinks
Häufige Begriffe
Impressum
Masterhilfe Foren-Übersicht -> HTML - CSS - JavaScript -> HTML/CSS/PHP Problem
Neues Thema eröffnen  Neue Antwort erstellen Vorheriges Thema anzeigen :: Nächstes Thema anzeigen 
HTML/CSS/PHP Problem
BeitragVerfasst am: 09.11.2005, 22:58 Antworten mit Zitat
Kabel
Light-Member
Light-Member
 
Anmeldungsdatum: 02.05.2005
Beiträge: 64
Wohnort: Diekirch (Luxemburg)




Hallo,

ich bräuchte hilfe, da ich ein Problem mit einem Gästebuch habe dass ich Programmiere. Eigentlich liegt, das Problem nicht bei der programmierung, sondern eher beim design und das Plazieren der Elemente.

In der Tat, ich möchte die Mitteilungen untereinander erscheinen lassen, jedoch nicht gerade untereinander, die sollen schon etwas versetzt sein, sagen wir mal jede Mitteilung so 15px.

Ich hab nun allerdings das Problem dass ich nicht weiss wie ich mich da anlegen soll. Ein Loop wird in PHP programmiert der im <div> den nögiten Eintrag betimmt. So dass die Variabel jedes mal um 15px incrementiert wird(hier nicht im Code eingestzt...).

Wo nun das eigentliche Problem liegt:
Wenn ich die Textboxen mit einem Div setze weiss ich nicht wie ich es anstellen soll, das er immer das nächste Kästchen druntersetzt. Wenn ich es probiere dann gehen die Kisten ineinander über. Das problem liegt daran, dass ich anfangs nicht wissen kann wie lange die nächste Mitteilung sein wird, und so also nicht fix einstellen kann wo die nächste Mitteilung Platz nehmen soll.

Ich hoffe es kann mir jemand helfen und hoffe ebenfalls dass der Text halbwegs verständlich ist. Ich werde jetzt noch meinen Quelcode posten:


Code:

 <html>
  <head>
   <title>
    messagebox
   </title>
  </head>
   <body>
    <div style="position:absolute; top:10px; left:0px;">
     <table border="1" width="600">
      <tr>
       <td width="35" align="left" bgcolor="#888888">
        100
       </td>
        <td width="170" align="center" bgcolor="#888888">
    nick bis 17 zeichen
        </td>
        <td bgcolor="#888888">
        leer
        </td>
        <td bgcolor="#888888">
        Date/time
        </td>
       </tr>
       <tr>
       <td colspan="4" bgcolor="#666666">   <!--Userdefineiert! -->
        Message
    <br>
    1
    <br>
        </td>
       </tr>
      </table>
     </div>
    <br>
    <br>
    <br>
    <br>
     <div style="position:relativ; top:10px; left:15px;">
      <table border="1" width="600" margin-right:10px>
       <tr>
        <td width="35" align="left" bgcolor="#888888">
         100
        </td>
        <td width="170" align="center" bgcolor="#888888">
         nick bis 17 zeichen
        </td>
        <td bgcolor="#888888">
         leer
        </td>
        <td bgcolor="#888888">
         Date/time
        </td>
       </tr>
       <tr>
        <td colspan="4" bgcolor="#888888">
         1
         <br>
         2
         <br>
         3
         <br>
         4
         <br>
         5
         <br>
         6
         <br>
         7
         <br>
         8
         <br>
         9
         <br>
        10
         <br>
       </td>
      </tr>
     </table>
    </div>
   </body>
  </html>



sorry für den langen Text, und den nicht optimal strukturierten Code...
mfg

_________________
-=May the Force be with you=-
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen MSN Messenger
BeitragVerfasst am: 10.11.2005, 11:34 Antworten mit Zitat
Joerg
Moderator
Moderator
 
Anmeldungsdatum: 28.01.2003
Beiträge: 3156




Hallo Kabel,

wenn ich dich richtig verstanden habe, meinst du mit versetzt, dass ein Kästchen unterhalb eines anderen jeweils 15px nach rechts versetzt ist? Das könntest du erreichen, indem du für die divs, die die Messages aufnehmen, einen linken Innenabstand (padding-left) von 15px definierst, und diese nicht untereinander ausgibst, sondern verschachtelst (in der PHP-Ausgabe kannst du die divs in einer zweiten Schleife wieder schließen):

Code:

<div style="padding-left:15px">Mitteilung 1
   <div style="padding-left:15px">Mitteilung 2
       <div style="padding-left:15px">Mitteilung 3
       </div>
   </div>
</div>

_________________
PC-Sicherheit | Nichtraucherforum | Webmaster-Forum
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
BeitragVerfasst am: 10.11.2005, 14:43 Antworten mit Zitat
Kabel
Light-Member
Light-Member
 
Anmeldungsdatum: 02.05.2005
Beiträge: 64
Wohnort: Diekirch (Luxemburg)




Hallo Joerg,

ich danke dir sehr für die schnelle Antwot, ich werde es gleich heute Abend damit versuchen und mich dann wieder melden.

Smile Thx
mfg
Kabel

//Habs sofort probiert, und es funktioniert wie es sol! Ich danke dir sehr.

_________________
-=May the Force be with you=-
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen MSN Messenger
HTML/CSS/PHP Problem
 Masterhilfe Foren-Übersicht -> HTML - CSS - JavaScript
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Alle Zeiten sind GMT + 1 Stunde  
Seite 1 von 1  

  
  
 Neues Thema eröffnen  Neue Antwort erstellen  
Deutsche Übersetzung von phpBB.de
Powered by phpBB � 2001-2003 phpBB Group. Theme created by Vjacheslav Trushkin.

G�nstige Handwerker und Dienstleister Geld verdienen Webverzeichnis News Webhosting Musik Regionales Web-Verzeichnis Das Erotik und Porno Portal Deutsches Erotik und Sex Webverzeichnis das super live sex cams angebot kostenlose kleinanzeigen Versicherungsvergleich Hardware Forum zeitschrift abo service Geld verdienen Suchmaschinenoptimierung Lexikon