Page 1 of 2
Problem: CP TEXT MIT BILD (IE/FF/OPERA) [soled]
Posted: Mon 8. Oct 2007, 15:57
by kukki
Im Moment bin ich ratlos und sehe den Wald vor lauter Bäumen nicht mehr
, selbst mit Probieren habe ich es nur mit mit der CSS Anweisung
Code: Select all
overflow-x: hidden; overflow-y: auto
hinbekommen, mir gefällt dieser step aber überhaupt nicht, weil ich doch annehme, dass es bestimmt eine elegantere Lösung gibt.
Ich habe im CP
Text mit Bild die Option mit den linkseitig freigestellten Bild benutzt:
Daraus ergab sich folgender Code:
Code: Select all
<div class="imgDIVinTextLeft" align="left">
<div class="image_td">
<a href="http:.... place/55002-Okularis-Strausberg" target="target="_blank"">
<img src="content/images/94ef82533e6a9bd3c474a55330ccc206.png" width="300" height="65" border="0" class="image_img" alt="qype_logo_de.png" /></a>
</div>
</div>
<div class="articleText">
<p>Über Okularis wurde auch im Web berichtet. hier finden Sie mehr dazu!</p>
</div>
Im FF, Opera, Safari sehen diese i.O. aus:
Nur der IE spielt (mit allen Versionen 5 ... 7) nicht mit und schiebt einen QuerSrollbalken ein! Ist hier etwa ein Hack notwendig? Wo sind die Ursachen zu sehen?:evil:
da ist ja ein Schriebfuhler drin ...
hier ist klein geschrieben ... peinlich
Posted: Mon 8. Oct 2007, 16:04
by pico
Hi
in welchem Modus läuft den IE - meine damit im Quirks- oder Normal-Modus ?
kommt auf deinen HTML-Header an
Posted: Mon 8. Oct 2007, 16:06
by kukki
Im
normalen Modus, Quirks ... diese Sache habe ich in Zusammenhang XHTML und Kompatibilität abgelegt.
Gleich: Header kommt! Version 1.3.0 ff .. das gleiche Problem wie ich gerade sehe.....
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Posted: Mon 8. Oct 2007, 16:08
by pico
d.h. Deine 1. Zeile ist nicht ?
<?xml version="1.0" encoding="UTF-8"?>
Posted: Mon 8. Oct 2007, 16:27
by kukki
Nein! Siehe eins höher!
Posted: Mon 8. Oct 2007, 19:04
by pico
also wenn ich das richtig gefunden habe sieht dein Code da so aus:
Code: Select all
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="imgTextRight">
<tr>
<td valign="top" width="10%" class="image_td">
<div class="imgDIVblockImgLeft">
<div class="image_td">
<a href="http://www.qype.com/place/55002-Okularis-Inh--Andrea-Meister-Strausberg" target="_blank"><img src="content/images/94ef82533e6a9bd3c474a55330ccc206.png" width="300" height="65" border="0" class="image_img" alt="qype_logo_de.png" /></a>
</div>
</div>
</td>
<td valign="top" class="articleText">
<p>Über Okularis wurde auch im Web berichtet. Hier finden Sie mehr dazu!</p>
</td>
</tr>
</table>
1. sind da einige Klassen garnicht definiert - class="imgTextRight" class="image_td"
2. warum das ganze als Tabelle
3. bei dem td fürs Bild - width="10% - ???
4. und du solltest eine globale Schriftart und Größe festlegen z.B. in der Class body
aber ich glaube das ganze kommt von der unterschiedlichen Schriftgröße im IE
Posted: Mon 8. Oct 2007, 19:48
by update
http://www.brunildo.org/test/Overflowxy2.html
Vielleicht hilft das ja ein wenig weiter - wenn nicht, ist es zumindest eine schöne Dokumentation über overflow (für Deine Tage
nach Tabelle)
Achso: immer eine Containergrösse definieren...
Posted: Tue 9. Oct 2007, 08:13
by kukki
Da liegt Ihr beide nicht ganz richtig. Die Tabelle stammt aus phpWCMS und nicht von mir. Diese wird erzeugt durch dieses CP erzeugt und nicht durch meine Hand.
Ich bin auf'm Sprung und kann mich erst heute abend oder morgen weiter darum kümmern. Allerdings erscheinen mir die "10%" komisch, als wenn ich mal was geändert habe und dann doch wieder zurückstellen wollte und es vergaß. Ich weiß es beim besten Willen nicht mehr. Wo könnte denn dieses Template herrühren? Ich erinnere mich, dass ich erst die Version 1.3.0. auf localhost hatte und einiges dran gespielt, dann aber die alter Version drübergebügelt und online überspielt habe.
Wenn ich nur wüßte, was da passiert ist, wäre ich klüger
1. sind da einige Klassen garnicht definiert - class="imgTextRight" class="image_td"
2. warum das ganze als Tabelle
3. bei dem td fürs Bild - width="10% - ???
4. und du solltest eine globale Schriftart und Größe festlegen z.B. in der Class body
1. ob diese alle notwendig sind für die Positionierung des Textes, der nur im IE verrutscht, ...
2.
Isch abe ga kein Tabell'n festgelegt
3. Diese 10% ich weiß nicht genau, wo die her sein sollen.
4. sind festgelegt im body{ ... }
Posted: Tue 9. Oct 2007, 08:15
by kukki
claus wrote:http://www.brunildo.org/test/Overflowxy2.html
Vielleicht hilft das ja ein wenig weiter - wenn nicht, ist es zumindest eine schöne Dokumentation über overflow (für Deine Tage
nach Tabelle)
Achso: immer eine Containergrösse definieren...
Dieses Tutorial kenne ich ...
Posted: Tue 9. Oct 2007, 09:50
by update
Code: Select all
.articleText (line 180)
{
margin-bottom: 3px;
margin-right: 20px; /*???*/
padding-left: 10px;
text-align: justify;/*???*/
}
Dein "Versprung" scheint genau 20px gross zu sein (gemessen mit meinem "Bildschirmgeodreieck"...
Another cent...
Posted: Tue 9. Oct 2007, 20:35
by kukki
Danke für diesen Versuch
Der Versprung ist 20 pixel, nämlich die Breite des seitlichen Scrollbalkens!
Nein, daran liegt es nicht, da kann ich 100px eintragen, spielt nicht die Bohne
Ich habe iauch mal das Bild in der Breite verkleinert, speilt keine Bohne
Ich kann auch alles rausnehmen, spielt keine Rolle, als wenn dieser Eintrag .articleText gar nicht gebraucht würde.
Der Querbalken bleibt. Komischer Weise habe ich diese Website als Entwurf auf meinem Laptop und unter WOS-Server läuft alles o.k.
Ich muß das Template finden, dass hier zur Ausführung kommt, Weiß jemand, welches das ist?
Posted: Tue 9. Oct 2007, 21:02
by update
vielleicht in template/inc_cntpart/images
oder config/phpwcms/conf.template_default.inc.php -
da hast Du recht, das versteckt sich richtig gut, konnte nicht mehr "articleText" finden
Posted: Wed 10. Oct 2007, 07:18
by kukki
claus wrote:vielleicht in template/inc_cntpart/images die gibt's gar nicht in 1.3.0
oder config/phpwcms/conf.template_default.inc.php - da ist alles o.k. und dort wurde kein Parameter für Bilder verändert!
...
Ich finde nichts, wo diese Tabelle erzeugt wird, kein Template. Demnach vielleicht im PHP-CODE?
Posted: Sun 14. Oct 2007, 19:56
by Oliver Georgi
Ohne Tabelle geht es nicht zuverlässig!!! Dynamisches CSS ist nur mit extrem viel Aufwand an der Stelle zu bewerkstelligen.
Für den Content Part Text mit Bild ist auch kein freies Template vorgesehen - dafür kann Bilder <div> dienen - man ist ja nicht gezwungen mehr als 1 Bild zu nehmen.
Oliver
Posted: Sun 14. Oct 2007, 20:08
by kukki
Oooooh,
ich bin etwas irretiert, aber irgendwie verstehe ich schon den Sinn. Deswegen habe ich in den früheren Versionen für solche Zwecke ein LEFT und RIGHT eingerichtet, so dass man mit einiger Übung solche Bilder und Texte positionieren konnte.
Code: Select all
<div style="width:30%; float: left">{LEFT}</div>
<div style="width:70%; float: left;">{RIGHT}</div>