Überschrift oder Bild als Link - Zeilenumbruch vermeiden

[winfried]

Wenn ich eine Überschrift als Link verwende

Code Auswählen Erweitern

[seite=[ueber2|Das Programm]|@=Programm=@]
dann wird davor immer eine Zeilenschaltung eingefügt, d.h. die Überschrift rutscht eine Zeile nach unten, was unschön aussieht.

Das gleiche passiert, wenn ich ein kleines Bild links von der Überschrift als Link verwenden will:

Code Auswählen Erweitern

[seite=[icon|[bildlinks|@=Programm:ankilogo.png=@]]|@=Programm=@]
dann rutscht das Icon auch eine Zeile runter.
(Icon ist ein benutzerdefiniertes Syntaxelement, das ich auch hier im Forum gefunden habe, CSS:

Code Auswählen Erweitern

/*** Bilder verkleinern für Teaser ***/
.icon {
    max-width: 120px;
    height: auto;
}
(Funktioniert aus mir unerfindlichen Gründen nur mit [bildlinks - nicht mit [bildrechts - aber trotzdem nützlich)

Die Seite, auf der ich es ausprobiert habe ist http://www.pruefungstrainer-psychotherapie.de - habe aber auf meiner anderen Mozilo-Präsenz probiert, da war es das gleiche.

Hat jemand eine Idee, wie man die ungewünschte Zeilenschaltung vermeiden kann?

[stefanbe]

Das was du da gemacht hast ist nach den HTML Regeln auch nicht erlaubt
Besser

Code Auswählen Erweitern

[ueber2|[seite=Das Programm|@=Programm=@]]
Hier gibts ein Paar Infos dazu
http://www.mozilo.de/moziloCMS%202.0/Anleitung/Editor/CMS%20Syntax%20Regeln.html

lg stefanbe

[winfried]

vielen Dank - Jetzt klappt es mit den Überschriften.
so einfach ...

Mit dem Icons habe ich es jetzt auch mal anders verschachtelt:

Code Auswählen Erweitern

[icon|seite=[bildlinks|etc.
Jetzt gibt es einen ungewollten Umbruch nach dem Bild (wenn [seite=[icon ... war der Umbruch vor dem Bild)
Und <img ...> kann ja verlinkt werden - gibt es da eine Anordnung ohne Umbruch?

[stefanbe]

Ein div ist ein Block Element was immer am ende einen Zeilenumbruch hat.

Mach einfach ein display: inline-block; in der Classe .icon dazu

lg stefanbe

[winfried]

Hallo, danke für den Tip

Das wusst ich nicht, dass das in ein div übersetzt wird.
Mit display:inline-block rutschen die Überschriften alle unter das Icon (und mit :inline werden die Bilder wieder groß) ...

[stromflo]

Guten Abend,

wenn ich es richtig verstehe möchtest du unter dem Logo keinen so großen Abstand zum Text haben oder?
Könnte mir vorstellen, dass es am Außenabstand (margin) von der Syntax Bildlinks liegen könnte.
Sofern der Wert für unten nicht auf 0 steht, setze den mal auf 0....

Hier noch ein Link zu margin:
http://www.css4you.de/margin.html

Bin mir natürlich nicht sicher ob es daran liegen kann..


Gruß Flo

[winfried]

Hallo Flo

danke für die Idee - ich will es so, wie es jetzt aussieht, aber die Bilder als interne Links verwenden, was ich jetzt nicht habe, weil dann je nachdem ein Zeilenumbruch über den Bildchen oder über den Überschriften eingefügt wird, was unschön aussieht. Die Margins sind so okay.

viele Grüße, Winfried