Guestbook - Format und aussehen - Problem

**Lila-Kuh** · 18.02.2011, 07:16

Hallo liebe Community,

ich habe ein kleines Problem mit der Erweiterung "Guestbook" und hoffe Ihr könnt mir weiter helfen.

Ich habe die Erweiterung ganz normal über das Backend installiert, funktioniert auch soweit.
Nur bin ich mit dem Format & aussehen nicht ganz zufrieden.

Hier der link zum Gästebuch

Probleme:

- Der Rahmen ist zu weit nach rechts
- mod_guestbook css bearbeitet, bringt aber keine besserung

Was ich bearbeitet habe:

- mod_guestbook im css importiert und bearbeitet auf 625 Breite (Hauptseite)
- unter Seitenlayouts (default-layout) -> Stylesheets -> aktiviert
- (default-Layout ist auf 960 Gesamtbreite festgesetzt)

Das Formular funktioniert und sieht so auf (625) wie ich es haben möchte. Nur nicht die Einträge.
Unter Themes -> Frontend-Module habe ich das Template "gb_simple-noavatar" ausgewählt. Wähle ich dort "gb_simple", sehe ich das png "entry" (die hand mit stift, aber nicht das ganze png) aber ich möchte ja halt kein Avatar. Bei "gb_simple-noavatar" ist die entry.png weg

Hoffe Ihr könnte mir helfen und habe euch nicht ganz verwirrt

Danke im vorraus und noch einen schönen Tag...

..Gruß Lila-Kuh

**Thomas** · 18.02.2011, 09:00

Hallo!

Schau Dir mal mit Firebug den main-Bereich an, der überläuft die Breite Deines Layouts.
Da solltest Du zuerst ansetzen.

Dann gibst Du jedem Element im Gästebuch eine feste Breite.

mod_guestbook.css (Zeile 7)
Da kommen die Anweisungen des Gästebuches her.

Entweder Du löschst diese Datei aus dem Modul und stylest das GB selber oder Du verwendest im CSS !important, um die Werte aus der mod_guestbook.css zu überschreiben.

**Lila-Kuh** · 18.02.2011, 09:21

Hallo Thomas und erstmal danke, das du dich mit meinem problem beschäftigst

Deine Antwort hilft mir ein bissel weiter, obwohl ich grade ein wenig auf dem Schlauch stehe.

Unter Layout -> Themes -> Themes - Stylesheets -> mod_guestbook [all] - steht nix von "width: 700px" wie es in der Quelldatei "system/modules/guestbook/html/mod_guestbook.css" steht.
Habe nochmal alles durch geschaut...alle einträge haben 625..muss ich die datei per Hand (ftp) ändern?

Oder schaue ich grade falsch nach?
Wäre super nett von dir wenn du mir da noch ein bissel ausführlicher beschreiben könntest wo ich was machen soll

**planepix** · 18.02.2011, 09:32

Hallo Lila-Kuh,

in der CSS-Datei "mod_guestbook.css" steht:

Code:

.mod_guestbooklist, .mod_guestbookform {padding: 10px; width: 700px;}

Daher kommt die Breite

**Lila-Kuh** · 18.02.2011, 09:35

jepp schon geändert und hochgeladen..immer noch mit dem gleichen ergebniss

Bitte um gedult mit mir

Code:

.mod_guestbooklist, .mod_guestbookform {padding: 10px; width: 625px;}

**planepix** · 18.02.2011, 09:37

Steht der geänderte Wert in der neu erstellten CSS-datei drin? Im internen Stylesheet-Editor?

Ggf. den Browsercache leeren, mit einem anderen Browser ansehen.
Und bei Persönlichen Einstellungen mal die temporären Daten löschen.

**Lila-Kuh** · 18.02.2011, 09:49

mod_guestbook.css neu importiert.

Code:

.mod_guestbooklist, .mod_guestbookform {padding: 10px; width: 625px;}

ist gesetzt..wird im IE6, Firefox & Safari nicht richtig angezeigt

**Lila-Kuh** · 18.02.2011, 09:56

mir ist noch was aufgefallen...

...wenn ich nun unter Themes - Seitenlayouts -> Default layout -> Stylesheets -> mod_guestbook aktiviere..verschwindet die Hand (entry.png)

**planepix** · 18.02.2011, 10:03

Es steht noch eine weitere Breite in der guestbook.css:

Code:

.gb-entry { border: 1px solid #ccc; background: #fff url(entry.png) right top no-repeat; width: 625px; padding: 5px; margin-top: 20px; margin-bottom: 10px;min-height: 150px;}

Nimm die Breite dort komplett raus, dann seht das besser aus und der gesamte Rahmen wird angezeigt.

Und ändere die Breite auf 600 px:

Code:

.mod_guestbooklist, .mod_guestbookform {padding: 10px; width: 600px;}

**Thomas** · 18.02.2011, 10:08

Wenn Du die mod_guestbook.css direkt änderst, ist das nicht Updatesicher. (Als kleine Info)

Mein Tip, neue CSS-Anweisung im CSS-Editor definieren:

Code:

.mod_guestbooklist, .mod_guestbookform {width: 98% !important;}

Und dann noch bei gb_entry den width ändern:

Code:

.gb-entry {
    width: 98%;
}

Den Rest solltest Du dann selber hinbekommen.

Als Beispiel kannst Du Dir das hier vielleicht nochmal anschauen:
http://www.fally-flyers.de/gaestebuch.html

Kommt Deinem recht Nahe.

**Lila-Kuh** · 18.02.2011, 10:33

Danke dir Thomas..hast mir sehr weiter geholfen.

jetzt noch ein paar kleine abstimmungen und ich bin zufrieden.

Ein schönes Wochenende wünsche ich dir

**Jens_** · 28.04.2011, 21:22

Hallo,

zu diesem Thema habe ich noch ein Problem und hoffe auf Hilfe: Zwar gelingt die Formatierung des Gästebuchs via CSS, nur den MCE-Editor bekomme ich einfach nicht schmaler. Ich habe alle Felder auf 500px gesetzt; beim Editor gelingt dies nicht. Habe ich noch nicht die richtige Anweisung gefunden? Alle, die Firebug mir nannte, testete ich schon einmal. Hat das schon jemand lösen können? Gibt man lange Texte ein, scrollt der Editor quasi endlos nach rechts?

Grüße
Jens

**Jens_** · 07.06.2011, 06:44

Hallo noch einmal in die Runde,

vielleicht hat noch jemand eine Idee. Ich habe nun alle Parameter aus dem Firebug durch, doch finde nicht die richtige ID im CSS, um den Editor in der Breite zu begrenzen. Auch das Gesamt-Verbreitern des Fensters, in dem das Gästebuch läuft (ein CSS-Seitenbereich), hat leider nicht geholfen.

Der Screenshot-Link zeigt, dass der Editor nach rechts herausläuft.

Über einen Tipp (sicher ist es eine ganz blöde Sache, bei der ich mir - wenn ich sie weiß - die Haare raufe) würde ich mich sehr freuen!

Grüße
Jens

**planepix** · 07.06.2011, 07:04

Hallo Jens,

guten Morgen.

Gibt es zum "Problem" einen Link, so dass man das live testen kann?

**Jens_** · 07.06.2011, 16:43

Hallo Planepix,

Danke für Deine Antwort. Das Formular befindet sich im geschützten Bereich (Login-Bereich) einer Website. Ich würde Dir einfach die Rechte geben; darf ich Dir diese per Mail oder interner Forums-Notiz senden?

Grüße
Jens