Pictures and textflow in IE - editor problem?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
jayPjay
Forum Members
Forum Members
Posts: 70
Joined: Thu Feb 26, 2009 7:25 pm

Pictures and textflow in IE - editor problem?

Post 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?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Pictures and textflow in IE - editor problem?

Post 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...
jayPjay
Forum Members
Forum Members
Posts: 70
Joined: Thu Feb 26, 2009 7:25 pm

Re: Pictures and textflow in IE - editor problem?

Post 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?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Pictures and textflow in IE - editor problem?

Post by Dr.CSS »

Did you give them a class when adding as you do have some img class that has margin...
jayPjay
Forum Members
Forum Members
Posts: 70
Joined: Thu Feb 26, 2009 7:25 pm

Re: Pictures and textflow in IE - editor problem?

Post 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?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Pictures and textflow in IE - editor problem?

Post 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...
uniqu3

Re: Pictures and textflow in IE - editor problem?

Post 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?
uniqu3

Re: Pictures and textflow in IE - editor problem?

Post 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 :-)
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am
Location: Arizona

Re: Pictures and textflow in IE - editor problem?

Post by Dr.CSS »

The image is the least of your problems...

http://validator.w3.org/check?verbose=1 ... sbildungen
jayPjay
Forum Members
Forum Members
Posts: 70
Joined: Thu Feb 26, 2009 7:25 pm

Re: Pictures and textflow in IE - editor problem?

Post 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
Post Reply

Return to “Layout and Design (CSS & HTML)”