[Faircamion]

Ich habe versucht nach folgendem Tutorial das design meine GB´s zu verändern:
http://www.css-tutorials.de/typo3tut...guestbook.html
das hat im grossen ung ganzen auch funktioniert, nur wird jetzt alles untereinander angezeigt, also als erstes der Name das Autors, darunter e-mail adresse und darunter dann die Nachricht!

schaut es euch am besten selbst mal an:
Gästebuch: Thekenstuermer.de

wie krieg ich das wieder nebeneinander?

[mavo]

Das CSS Zauber Wort heißt bestimmt "float".

Schönen Sonntag noch...

[Faircamion]

und wie bekomme ich das jetzt passend hin?

es wäre nett, wenn mir jemand sagen könnte was ich ändern muss!

danke!

[mavo]

Ufz, wenn ich dsa jetzt wüsste:

Ich würde die Daten, wie Datum Name usw. in ein Div verpacken und dieses dann mit float: left; positionieren. Der Text des Eintrags würde dann automatisch rechts daneben angezeigt. Diesen evtl auch in ein Div verpacken, damit der Text nicht um das erste Div herumfließt.

Ich hoffe ich konnte dir helfen. Wenn nicht, schau doch einfach mal auf CSS 4 You - The Finest in Stylesheets

[Faircamion]

geholfen, nun ja, es fuktioniert immer noch nicht.

auf der seite die ich oben angegeben habe, kannst du dir ja das Template sowie den css code anschauen, welche stelle soll ich denn da ändern?!

[LineMan]

Hi... das hat was mit diesen zwei Klassen zu tun, die die Breite der float-Elemente festlegen. Die sind auf Deinem schmalen Layout einfach zu breit. einfach mal mit den width:werten ein wenig rumspielen, dann wirds irgendwann auch klappen.

Gruß

Matthias

.tx-veguestbook-pi1 .tx-guestbook-left {
    float:left;
    width:10em; /*Hier ändern*/
    background:#EFEFEF;
    padding:0.25em;
    min-height:4em;
  }

  .tx-veguestbook-pi1 .tx-guestbook-right {
    float:left;
    width:29em; /*Hier ändern*/
    background:#FFF;
    padding-left:0.25em;
  }

[Kurt51]

Bei Dir sieht ein Eintrag so aus:

 <h2 class="tx-guestbook-header">soepke Malle  </h2> <div class="tx-guestbook-left"> <!-- ###ENTRY_EMAIL### begin --> <p><a href="javascript:linkTo_UnCryptMailto('nbjmup;NbmmfA3118');">Malle(at)2007</a></p> <!-- ###ENTRY_EMAIL###  end --> </div> <div class="tx-guestbook-right"> <p class="tx-guestbook-date">Sonntag, 05-11-06 14:51</p> <p>An alle Thekenstuermer und die 4 anderen Schwanzis die mit nach Malle wollen:<br /> <br />
Der Termin steht:<br />
Pfingsten 2007  <br />
also 24/25.05.07 - 27/28.05.07  <br /> <br />
Wer da nicht kann bitte bis zum 12.11.2006 bescheid geben!!</p> </div> <div class="tx-guestbook-clear">&nbsp;</div>

Man kann es auch so machen:

 <!-- ###ENTRY### begin
                        Template for a single item
                --> <br/> <table cellpadding="1" cellspacing="0" border="0" width="100%"> <tr> <td> <table cellpadding="3" cellspacing="0" border="0" width="100%"> <tr> <td valign="top" colspan="2" class="tx-guestbook-list-header">###GUESTBOOK_FIRSTNAME### ###GUESTBOOK_SURNAME### ###GUESTBOOK_FROM### ###GUESTBOOK_PLACE###<span class="tx-guestbook-list-small"> schrieb am ###GUESTBOOK_DATE###</span></td> </tr> <tr> <td class="tx-guestbook-list-rowleft" width="30%" valign="top"> <!-- ###ENTRY_EMAIL### begin
                        This will be stripped out if empty
                --> <p><a href="###GUESTBOOK_EMAIL_URL###">###GUESTBOOK_EMAIL###</a></p> <!-- ###ENTRY_EMAIL###  end --> <!-- ###ENTRY_HOMEPAGE### begin
                        This will be stripped out if empty
                --> <p><a href="###GUESTBOOK_HOMEPAGE###" target="blank">###FORM_HOMEPAGE###</a></p> <!-- ###ENTRY_HOMEPAGE###  end --> &nbsp;</td> <td valign="top" class="tx-guestbook-list-row">###GUESTBOOK_ENTRY###
                <!-- ###ENTRY_ENTRYCOMMENT### begin
                        This will be stripped out if empty
                --> <p><span class="tx-guestbook-list-entrycomment-title">###FORM_ENTRYCOMMENT###:</span><br><span class="tx-guestbook-list-entrycomment">###GUESTBOOK_ENTRYCOMMENT###</span></p> <!-- ###ENTRY_ENTRYCOMMENT###  end --> </td> </tr> </table> </td> </tr> </table> <!-- ###ENTRY### end--> <!-- ###CONTENT###  end -->

und das ist nahezu die Standard-Vorlage!!!

[Faircamion]

Danke LineMan

mit der einstellung:

width:20em

funktioniert es nun.

Danke auch an alle anderen!