Float image to left in category listing

October 08 Joomla Templates
GK User
Fri Apr 06, 2012 4:42 am
Hi,
How can you perfectly float the image to the left and the text to the right in the category listing like this.
Image
I search the forum but the methods do not work for me.
I have removed the <div class=”clr”></div> from the code after <!-- Item Image -->, and I added the float:left to
div.catItemImageBlock {padding:8px;margin:0 0 16px 0;float:left;}
span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;}
span.catItemImage img {border:1px solid #ccc;padding:8px;}
Nothing changed in my site. Please help!!!
User avatar
Fresh Boarder

GK User
Fri Apr 06, 2012 1:03 pm
Hi,

Can you show me your site by giving the URL then I can check to give you some css code to fix that?

Thanks,
User avatar
Platinum Boarder

GK User
Sat Apr 07, 2012 2:37 am
Hi Don,
It's http://butvang.com
Thanks,


Don Lee wrote:Hi,

Can you show me your site by giving the URL then I can check to give you some css code to fix that?

Thanks,
User avatar
Fresh Boarder

GK User
Sat Apr 07, 2012 1:20 pm
Hi,

Thanks for the link, the site looks totally messed up that leads me have no idea where to begin, so can you please undo all the changes that you have done with it first, then take again a screenshot and add some annotations to describe exactly what you want to change then I could help you better?

By the way, good to know you're Vietnamese like me :D

Cheers,
User avatar
Platinum Boarder

GK User
Mon Apr 09, 2012 4:46 am
Thanks for your reply, Don!
I feel so embarrassed for asking these coding questions, but I do need your help, buddy.
I haven't changed much with the coding in the item option view in category, and I've tried to undo the changes already as shown in the pics.
Image
I want the image in item view in category to be on the left, not the center; the text will be on the right of the image.
I want something similar to the display on item view of dantri.com.vn
Image
Thanks,
User avatar
Fresh Boarder

GK User
Mon Apr 09, 2012 10:27 am
Xin chào,

I think you have changed something as it's different from your screenshot now, check mine please http://easycaptures.com/fs/uploaded/500/8618862547.jpg
User avatar
Platinum Boarder

GK User
Tue Apr 10, 2012 5:08 pm
Hi Don,
I figured out how to do it.
I really appreciate your help.

Don Lee wrote:Xin chào,

I think you have changed something as it's different from your screenshot now, check mine please http://easycaptures.com/fs/uploaded/500/8618862547.jpg
User avatar
Fresh Boarder

GK User
Wed Apr 11, 2012 12:24 pm
I'm glad to know that :D just feel free to let me know if you need any other assistance.

Have a nice day,
User avatar
Platinum Boarder


cron