Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Internet Explorer Version 11 - Problem with unordered list and placement of image.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

10 years 2 weeks ago
Probably missing something very simple here :blush:

But my unordered list bullet points are not showing up correctly in IE 11.

Everything else on the site works but not this and only in IE 11.

html code is;
<h1>Providing Individual &amp; Relationship Counselling</h1>
<p>Happiness and quality relationships are important in most people's lives. If you are seeking greater connectedness with self, or others, but find stumbling blocks on the journey, we can help by giving clarity and support in learning new ways of dealing with difficult issues.</p>
<p><img style="margin: 2px 30px 2px -10px; float: left;" src="images/overview_highlights/approaches_to_counselling.png" alt="new growth on tree" width="250" height="250" /></p>
<ul>
<li>Practical options for resolving personal and relationship issues immediately in the first session and thereafter</li>
<li>Intent on moving clients forward by developing insight and awareness</li>
<li>Pinpoints accurately underlying issues and causes that possibly are unbeknown to the client</li>
<li>Instructs on patterns of behaviour and change strategies</li>
<li>Uses a number of creative counselling techniques that work</li>
<li>Formulates a larger plan of action as well as dealing with immediate issues</li>
</ul>
Attachments:
  • netrapt's Avatar
  • netrapt
  • LIfetime Developer - Big Bamboo
  • 55 posts
  • Karma: 0
The administrator has disabled public write access.
10 years 2 weeks ago
Have a link?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
10 years 2 weeks ago
www.counsellingandrelationships.com.au
  • netrapt's Avatar
  • netrapt
  • LIfetime Developer - Big Bamboo
  • 55 posts
  • Karma: 0
The administrator has disabled public write access.
10 years 2 weeks ago
hmm interesting its rendering them differently not a bug as such its ignoring the image width in the float

Can you assign a class instead of inline styling so then i can try adding some css for it

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
10 years 2 weeks ago
Not sure what you want me to do.
  • netrapt's Avatar
  • netrapt
  • LIfetime Developer - Big Bamboo
  • 55 posts
  • Karma: 0
The administrator has disabled public write access.
10 years 2 weeks ago
Try to use this code for the article
<div style="float: left;"><img style="margin: 2px 30px 2px -10px; float: left;" src="/images/overview_highlights/approaches_to_counselling.png" alt="new growth on tree" width="250" height="250" original="/images/overview_highlights/approaches_to_counselling.png"></div>
<div style="float:right;"><ul>
<li>Practical options for resolving personal and relationship issues immediately in the first session and thereafter</li>
<li>Intent on moving clients forward by developing insight and awareness</li>
<li>Pinpoints accurately underlying issues and causes that possibly are unbeknown to the client</li>
<li>Instructs on patterns of behaviour and change strategies</li>
<li>Uses a number of creative counselling techniques that work</li>
<li>Formulates a larger plan of action as well as dealing with immediate issues</li>
  </ul></div>
  • mihha's Avatar
  • mihha
  • 12 Month Developer
  • 711 posts
  • 44 Thanks
  • Karma: 11
Last Edit: 10 years 2 weeks ago by mihha.
The administrator has disabled public write access.
10 years 2 weeks ago
No that didn't fix the problem. But it gave me an idea.
<div style="float: left;"><img style="margin: 2px 30px 2px -10px; float: left;" src="/images/overview_highlights/approaches_to_counselling.png" alt="new growth on tree" width="250" height="250" /></div>
<div style="margin: 0px 0px 0px 255px;">
<ul>
<li>Practical options for resolving personal and relationship issues immediately in the first session and thereafter</li>
<li>Intent on moving clients forward by developing insight and awareness</li>
<li>Pinpoints accurately underlying issues and causes that possibly are unbeknown to the client</li>
<li>Instructs on patterns of behaviour and change strategies</li>
<li>Uses a number of creative counselling techniques that work</li>
<li>Formulates a larger plan of action as well as dealing with immediate issues</li>
</ul>
</div>

This works on my version,
  • netrapt's Avatar
  • netrapt
  • LIfetime Developer - Big Bamboo
  • 55 posts
  • Karma: 0
Last Edit: 10 years 2 weeks ago by netrapt. Reason: adjust error
The administrator has disabled public write access.
10 years 2 weeks ago
Thanks for your assistance
  • netrapt's Avatar
  • netrapt
  • LIfetime Developer - Big Bamboo
  • 55 posts
  • Karma: 0
The administrator has disabled public write access.
10 years 2 weeks ago
Um I'd be careful of that correction

Does the site look alright when the site is resized?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
10 years 2 weeks ago
Yes it was wrong. Back to the drawing board
  • netrapt's Avatar
  • netrapt
  • LIfetime Developer - Big Bamboo
  • 55 posts
  • Karma: 0
The administrator has disabled public write access.
10 years 2 weeks ago
Try creating some css classes in the custom css file that do the same and add them to the html

Then using media queries add the same css but either remove the margin or the float

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers

Close