Joomla Templates Club 406,261 posts

[cndglobal Friend cndglobalJoin date: March 2009Posts: 170Downloads:31Uploads:13 Thanks: 52 Thanked: 16 times in 1 posts]

#165152

I want my image aligned at the top left of my article.
In the demo content this is done. When I copy article and change to my image it does not keep image at top.
– – – – – – – – –
http://www.internethostserver.com/~dentistr/index.php?option=com_content&view=article&id=78:welcome&catid=35:site-pages
– – – – – – – – – – – – –
I am using exact code as demo —–only image name is changed…
= = = = = = = =
This is the code I see in firebug
= = = = = = = = =
<div class=”article-content”>
<p>
<img class=”img-border left” border=”0″ title=”Dr. Carl Steinberg” alt=”Dr. Carl Steinberg” src=”/~dentistr/images/stories/dentistry/carl_steinberg-fp.jpg”>
</p>
= = = = = = = =
Thanks,
cnd

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#395996

you have to remove the <p> tag which is delimiting the image

Remove the <p> from the Following code in the article Edit page.


<p><img border="0" title="Dr. Carl Steinberg" alt="Dr. Carl Steinberg" src="/~dentistr/images/stories/dentistry/carl_steinberg-fp.jpg" class="img-border left"></p>


The code should look like this.


<img border="0" title="Dr. Carl Steinberg" alt="Dr. Carl Steinberg" src="/~dentistr/images/stories/dentistry/carl_steinberg-fp.jpg" class="img-border left">


Note: If you Find my Post useful please click on the Thanks Icon

[cndglobal Friend cndglobalJoin date: March 2009Posts: 170Downloads:31Uploads:13 Thanks: 52 Thanked: 16 times in 1 posts]

#396098

I have tried your solution but joomla re-writes the <p> tags when I save the article.
I am using TinyMCE editor. I have tried to eliminate the <p> tags by toggling off the editor but no joy.

Any other ideas??

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#396139

Just disable the Editor for a while and save the changes as said in the article and then activate the Editor

[cndglobal Friend cndglobalJoin date: March 2009Posts: 170Downloads:31Uploads:13 Thanks: 52 Thanked: 16 times in 1 posts]

#396173

<em>@Chavan 246794 wrote:</em><blockquote>Just disable the Editor for a while and save the changes as said in the article and then activate the Editor</blockquote>

I think I should know this but……when I disable Tinymce in plugins I don’t see a way to edit the article.
I go to: administrator>article manager>click to open article>
i get a blank window and can’t paste code into it.
cnd

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#396210

ok Post your Admin Details in PM. I will fix it for you

[cndglobal Friend cndglobalJoin date: March 2009Posts: 170Downloads:31Uploads:13 Thanks: 52 Thanked: 16 times in 1 posts]

#396259

Chavan
I do appreciate your help but I also would like to learn how to edit an article with Tinymce disabled. The reason is I’m sure I’ll need to do this again as the editor in Joomla often strips code when an article is saved.

You can toggle the editor off or disable it in the plugin manager. When I toggle off it’s clear how to enter code but that often strips code when saved. Is there a way to edit when you have disabled the editor?
Thanks again for the help.
cnd

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#396284

This is fixed as I have said in my previous post.

http://www.internethostserver.com/~dentistr/index.php?option=com_content&view=article&id=78:welcome&catid=35:site-pages.

If you want to do the changes for that page in future.

Step: Site -> Global Configuration -> Set “Default WYSIWYG Editor” to “Editor – No Editor”

Step 2: Paste this code in the article edit page


<img class="img-border left" src="images/stories/dentistry/carl_steinberg-fp.jpg" border="0" alt="Dr. Carl Steinberg" title="Dr. Carl Steinberg" />
<p>State of the art dental care is conveniently located in center city Philadelphia. Our office is located just a short walk from Rittenhouse Square. The moment you come through the door you are greeted by our friendly staff as if you were an old family friend. Our welcoming environment lets you know that you will be in trusted caring hands.</p>
<hr id="system-readmore" />
<p>Our entire staff is committed to make a difference in the care and experience you receive. A commitment to optimal dental care …a commitment to thoroughness and excellence…a commitment to help you keep your teeth and gums healthy and naturally beautiful for a lifetime.<br /><br />There is a way to have beautiful healthy teeth and gums for a lifetime. By carefully listening and asking the right questions, together we can develop a plan to make your dreams come true. Your dreams may be the dazzling smile you always wanted or the memory of eating well again. You may want the peace of mind knowing you are being well cared for or the desire to be free from facial pain and headaches.</p>


Note: If you Find my Post useful please click on the Thanks Icon

1 user says Thank You to chavan for this useful post

1. cndglobal

[cndglobal Friend cndglobalJoin date: March 2009Posts: 170Downloads:31Uploads:13 Thanks: 52 Thanked: 16 times in 1 posts]

#396294

Chavan
That really helps….I was disabling Tinymce from the plugins rather than the Global Config.
Thanks again!
cnd

[Author]

Posts