Hallo!
Habe schon diverse css-Anstrengungen unternommen, in Firefox und im IE7 beginnen bei Inhaltselementen mit Bild die Bilder erst unterhalb des Menüs, siehe z.B.
http://www.kla-bremerhaven.de/index.php?id=387
Im IE 6 scheint alles problemlos zu funktionieren.
Kann mir jemand helfen?
VG
pi_he
spendiere Deinem content das Attribut overfow:hidden
Hi,
wieso overflow: hidden?
In den von styled_content erzeugten css Klassen
div.csc-textpic div.csc-textpic-imagerow {stylesheet_9754ce... (line 87)
clear:both;
}
.csc-textpic-imagerow {kla.css (line 73)
clear:both;
margin-bottom:0.5em;
}
macht das clear: both Probleme.
Überschreib diese einfach in der kla.css
LG
Cope
Hallo!
Danke für die Hilfe, aber was meinst du mit "überschreiben"?
Soll ich
clear:both;
aus meiner kla.css löschen?
Hat jedenfalls keine Auswrkung
Nochmals viele Grüße
pi_he
Hallo pi_he,
die zwei Klassen div.csc-textpic div.csc-textpic-imagerow
habe ich nur in der "von Typo3 generierten" CSS Datei stylesheet_9754ce...
gesehen.
In Deiner kla.css gibt es eine Klasse
.csc-textpic-imagerow
.csc-textpic-imagerow {kla.css (line 73)
clear:both;
margin-bottom:0.5em;
}
in der "Typo3 CSS"
div.csc-textpic div.csc-textpic-imagerow {stylesheet_9754ce... (line 87)
clear:both;
}
Es muss bei beiden das clear:both weg.
Versuch doch spasseshalber mal in der kla.css
div.csc-textpic div.csc-textpic-imagerow
margin-bottom:0.5em;
}
einzusetzen.
Hast Du schon den firebug installiert? Falls nicht, sehr empfehlenswert.
http://www.getfirebug.com/
Auch der Webdeveloper hilft mir oft bei solchen und anderen Problemen
http://www.erweiterungen.de/detail/Web_Developer/
LG
Cope
Hallo cope!
Ist ja wirklich Klasse, wie du versuchst zu helfen. Aber auch der letzte Tipp hat mich nicht weitergebracht.
Noch 'ne Idee?
Beste Grüße
pihe
Hallo pi_he,
im IE7 ist das Problem bei mir nicht zu sehen?
Ich meine folgendes:
in Deiner kla.css gibt es eine Zeile
.csc-textpic-imagerow
Zeile 81 aktuell bei Dir.
Wenn Du diese Zeile nun um div.csc-textpic erweiterst und das clear:both rausnimmst gehts bei mir in IE und FF
.csc-textpic-imagerow
clear:both;
margin-bottom:0.5em;
}
ersetzen durch
div.csc-textpic .csc-textpic-imagerow
margin-bottom:0.5em;
}
Du hast ja in deiner kla.css nur .csc-textpic-imagerow beschrieben.
In der Typo3-css gibt es aber auch
div.csc-textpic .csc-textpic-imagerow
In der Tat liegen die Bilder in einem DIV der Klasse .csc-textpic.
Also "gewinnt" die Deklaration in stylesheet_9xxxxx.css (halt das Typo-Dings),
da dies eine genauere Spezifikation als nur .csc-textpic-imagerow ist.
Wenn Du nun in Deinem kla.css
Genauso stark spezifizierst, dann "gewinnt" Deine Deklaration.
Ich glaub ich drück mich ziemlich verwurschtelt aus.... einfach nachfragen
LG
Cope
Hallo!
Es hat jetzt wirklich geklappt ich habe (sicherheitshalber) wie folgt ausgezeichnet.
DIV.csc-textpic DIV.csc-textpic-imagerow {
clear:none; }
Habe noch ein ähnlich gelagertes Problem, was ich noch nichtlösen konnte. Bei zwei Inhaltselementen "Text/Bild" untereinander erscheint das 2. auch erst am Ende des Menüs.
siehe
http://www.kla-bremerhaven.de/index.php?id=248
Welche css-Anweisung könnte hier verantwortlich sein?
Viele Grüße und nochmals vielen Dank an Cope
pihe
Hallo pihe,
ich nochmal.
Als erstes fällt auf, dass Deine kla.css in Zeile 74 ein clear:both; hat
Ändere das mal in
div.csc-textpic-clear
clear:none;
}
Dann rutsch schon mal der Text und die Überschrift und das Bild nach oben. Leider der Text etwas zu weit. Der klebt jetzt teilweise rechts neben dem vorhergehenden Bild. Wenn Du in Deine kla.css zusätzlich noch
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image
float:none;
}
einträgst, müsste es wieder richtig sein?
Viele Grüße
Cope
Hallo Cope!
Genial. Wenn wir uns mal sehen sollten, gebe ich einen aus. :p
Nochmals vielen Dank!
pihe
Uups!
Doch nicht ganz so genial.
Bilder, die dreispaltig dargestellt werden sollen, erscheinen nur noch einspaltig... #paralyzed#
Idee?
VG
pihe
Hallo pihe,
hab ich befürchtet.
Mal so aus der Hüfte geschossen würde ich
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow dl.csc-textpic-image{
float:left;
}
noch in das kla.css dazunehmen und mal ausprobieren, wo es nun kracht 8-)
Versuch macht kluch
LG
Cope
Hallo Cope!
Bilder sind wieder dreispaltig, allerdings wieder das Problem des Textflusses, d.h. der Text des 2. Inhaltselementes beginnt schon rechts neben dem Bild des ersten.
Ist ja wie verhext #paralyzed#
Noch 'ne Idee?
LG
pihe
Hallo pi_he,
komm erst jetzt wieder dazu, zu antworten, sry.
Hast Du die css Klasse aus dem letzten Posting von mir zugefügt oder die so ähnlich aussehende überschrieben?
Wenn Du überschrieben hast, ist klar dass das nicht klappt.
LG
Cope