Page 1 of 1

Pictures and textflow in IE - editor problem?

Posted: Fri Mar 27, 2009 7:44 pm
by jayPjay
I have the problem that IE 7 doesnt flow the text around pictures, if I change the code from the in an or place the after the img-tag, it works?
Any idea how to solve this?

Re: Pictures and textflow in IE - editor problem?

Posted: Sat Mar 28, 2009 3:50 am
by Dr.CSS
This is only perceived as an editor problem because you are relying on it to add something around it that newer browsers don't understand any more, your best bet is to use css to control the margin around your images, that is why if you wrap it in or something else it works because your css has margin/padding set for the p...

Re: Pictures and textflow in IE - editor problem?

Posted: Sat Mar 28, 2009 5:34 am
by jayPjay
a, img, span {border:0; margin:0; padding:0;}
img.rechts {float: left; margin: 0px 0px 10px 15px;}
img.links {float: right; margin: 0px 15px 10px 0px;}

p {border:0; margin:15px 0; padding:0;}

This is was I have in my CSS, what is wrong?

Re: Pictures and textflow in IE - editor problem?

Posted: Sat Mar 28, 2009 6:23 pm
by Dr.CSS
Did you give them a class when adding as you do have some img class that has margin...

Re: Pictures and textflow in IE - editor problem?

Posted: Sat Mar 28, 2009 8:06 pm
by jayPjay
mark wrote: Did you give them a class when adding as you do have some img class that has margin...
Yes I only use "rechts" or "links" as class when I add a pic. Those two I added later on to my sheet. Can the other img command course problems?
As I mentioned, using solve it. Under advance settings in TinyMCE I changed the setting to "new line with ".
So for new pages I wont have the problem anymore, implementing pics in older pages where the tag was automatic implemented i´ll have to change.
Or do you or someone else know a way arround this?

Re: Pictures and textflow in IE - editor problem?

Posted: Mon Mar 30, 2009 5:06 pm
by Dr.CSS
At this point it would be best if there was a link to see what is really happening, having one first post is nice...

Re: Pictures and textflow in IE - editor problem?

Posted: Mon Mar 30, 2009 8:58 pm
by uniqu3
Hi,

you can remove that img before class name since its already a class you do not have to specify it for img since you have to select it anyway in your content.

About your problem iit would be nice to see the source code, but maybe you specified somewhere "clear" and thats causing the problem or did you wrapp the image in and float gets ignored for class img.link?

Re: Pictures and textflow in IE - editor problem?

Posted: Tue Mar 31, 2009 8:27 am
by jayPjay
http://web19.fph027.de/cmsmadesimple/in ... sbildungen

img.links {float: left; margin: 0px 15px 10px 0px;}
In FF and Opera, no problem - In IE 7 as above mentioned.

Re: Pictures and textflow in IE - editor problem?

Posted: Tue Mar 31, 2009 10:34 am
by uniqu3
Hi,

i think there is a problem with paragraph .

Code: Select all

<p><img class="links" src="uploads/images/spainkl.png" alt="" width="200" height="154" />Die Ausbildungen und Seminare des RiV-Verband konzentrieren sich auf die Reinkarnationslehre, Sie finden aber auch Ausbildungen/Seminare sowie Workshops zu interessanten ganzheitlichen Anwendungen.</p>
<p>Bei <a href="http://web19.fph027.de/cmsmadesimple/index.php?page=intern" title="RiV-Intern">RiV-Intern</a> finden Sie ausführliche Informationen zu Ausbildungen und Seminare, die durch den Verband angeboten werden.</p>
<p>Unter <a href="http://web19.fph027.de/cmsmadesimple/index.php?page=extern" title="RiV-Extern">RiV-Extern</a> finden Sie eine Liste von Partnern des RiV, die Ausbildungen/Seminare in vielen Kategorien anbieten... <br />Sind Sie Therapeut und bieten Sie selbst Ausbildungen/Seminare an? - Dann können Sie sich kostenlos <a href="http://web19.fph027.de/cmsmadesimple/index.php?page=linkreg" title="Link-Partner Registration">HIER registrieren</a>.</p>
<p>Unter <a href="http://web19.fph027.de/cmsmadesimple/index.php?page=aktuelles" title="Aktuelles">Aktuelles</a> werden aktuelle und zeitnahe Termine von Ausbildungen/Seminare/Workshops etc. angekündigt. <br />Des RiV und unserer Mitglieder mit entsprechenden Kontaktdaten, aber auch interessante Informationen rund um Ganzheitliche Themen finden Sie hier!</p>
<p>Infos über Veranstaltungen erhalten Sie immer aktualisiert unter "<a href="http://web19.fph027.de/cmsmadesimple/index.php?page=veranstaltungen-2" title="Veranstaltungen">Veranstaltungen</a>".</p>
<p>Jetzt viel Spaß beim Stöbern</p> 
Remove the before tag and place it before text.
I belive this should do it, since the image is wrapped in but you finish the after "Anwedungen" where IE gives you problems since new Paragraph start, actually IE displays it right :-)

Re: Pictures and textflow in IE - editor problem?

Posted: Wed Apr 01, 2009 6:41 am
by Dr.CSS
The image is the least of your problems...

http://validator.w3.org/check?verbose=1 ... sbildungen

Re: Pictures and textflow in IE - editor problem?

Posted: Wed Apr 01, 2009 11:22 am
by jayPjay
uniqu3 wrote:
i think there is a problem with paragraph .

Remove the before tag and place it before text.
I belive this should do it, since the image is wrapped in but you finish the after "Anwedungen" where IE gives you problems since new Paragraph start, actually IE displays it right :-)
Sorry to say this, but you havent really told me anything I didnt know. That the tag is coursing the problem, I mentioned earlier on  8) ... Changing the settings in TinyMCE to instead of solve it for new pages, old ones where I want to implement pics, i´ll have to change.
mark wrote: The image is the least of your problems...
;D
I used an old page to show you the problem.
The page witch are used now you can see here: http://web126.fph027.de/riv/index.php?page=Ausbildungen