Bildposition ist nicht korrekt

Hallo zusammen,

irgendwie passt das Thema nirgendwor richtig hin, deshalb habe ich es in dieses Board gestellt.
Mein Problem ist folgendes ich möchte im Header-Bereich des Beez-Templates ein eigenes Bild einbinden und nahtlos daneben ein Zufallsbild.
Soweit erst einmal kein Problem. Habe das Modul mod_random_image verwendet, eine neue Modulposition erzeugt und in der index.php des Templates mit <jdoc:include type="modules" name="headerimage" /> eingebunden.

Funktioniert auch soweit. Im Stylesheet habe ich die Bilder mit display:inline versehen, so dass sie auch nebeneinander dargestellt werden.
Im Modultemplate habe ich in der Datei default.php die <div>-Blöcke gelöscht damit kein Umbruch stattfindet (geht bestimmt auch eleganter, aber funktioniert erst mal).

Die Bilder werden auch nebeneinander dargestellt. Nur befindet sich zwischen den Bildern ein Abstand und nach unten zum nächsten Bereich wird auch ein Abstand erzeugt. Die Abstände sind nicht groß, ca. 3-4 Pixel.

Wenn ich mir den erzeugten HTML-Quelltext ansehe, stelle ich fest, dass ziwschen den beiden <img>-Tags anscheinend Leerzeichen oder andere nicht sichbare Zeichen erzeugt wurden.
Lösche ich im HTML-Quelltext den Zwischenraum zwischen den img Tags manuell, speicher die Datei auf dem Server und rufe sie direkt auf stimmt die Anzeige, keine Abstände mehr.

Irgendwie erzeugen die Anweisungen <?php echo JHTML::_('image', $image->folder.'/'.$image->name, $image->name, array('width' => $image->width, 'height' => $image->height)); ?> aus der default.php des Moduls oder <jdoc:include type="modules" name="headerimage" /> aus der index.php des Templates den Zeichenmüll.

Für einen Tipp, wie ich hier weiterkomme, wäre ich echt dankbar. Das Modul ist ansonsten völlig ausreichend, brauche nichts komplizierteres.

Im Voraus Dank für die Mühe

Gruß, Olaf
PS: beschäftige mich erst seit ca. einem Monat mit Joomla (Version 1.5) habt also Mitleid, falls die Frage dämlich war

hallöchen.
Keine Frage ist Dumm, höchstens manchmal die Antwort
Poste bitte mal den Link zur seite. Ich habe mir bereits das Modul random images angeschaut, konnte dort aber in den PHP abschnitten keine Stellen entdecken, welche leerzeichen hervorrufen würden.

Das geht ja schnell Hier Hab mich jetzt mal angemeldet

Das ist genau mein Problem. Ich bin zwar blutiger php Anfänger, aber ich finde auch nichts in der default.php des Moduls und da steht ja nicht viel drinn

Hatte das bis gerade nur auf meiner lokalen Testseite. Habe das jetzt mal auf einen alten Testserver hochgeladen --ALTER LINK WURDE ENTFERNT-- (Bitte nicht auf den Rest achten ) Bei dem Logo handelt es sich nur um eine Testgrafik und der Rest der Seite ist nur zum ausprobieren.


Danke und Gruß, Olaf

hallööchen
Nun ist zwar ned der grund dafür aber au ned ganz richtig :/joomla/images/stories/djk/random/_1//d-jugend2006_september.jpg achte auf //

Bin gerade mit dem FF und den Developertools und Firebug am Schauen......

Hast recht, hatte im Modul ein / zuviel am Ende.

Aber das Darstellungsproblem muss eine andere Ursache haben.

Danke für Deine Unterstützung.

Gruß, Olaf

Wenn der Grund für die Leerzeichen nicht zu finden ist, löse es einfach per CSS: Gib dem zweiten Bild eine Klasse und rück es um eine halbe Zeichenbreite nach links:

#logo img.klasse {margin-left:-0.5em;}

Das sollte auch dann passen, wenn der Benutzer seine Schriftgröße ändert.

der Tipp war gut

Habe die class jetzt über die default.php des Moduls zugewiesen. Zwischen den Bildern ist der Abstand weg, nur der Abstand zur unteren schwarzen Linie ist noch da.

Vielen Dank und Gruß

Olaf

hmm, wenn ich die seite im IE7 anschaue, dann rückt das Zufallsbild, wenn ich mit der Maus über das Horizontale Menü gehe wieder ein Stück nach rechts, so dass auch wieder ein Abstand da ist. Im Firefox ist alles OK.

Verstehe ich nicht.