- Posts: 5
COMMUNITY FORUM
Item Images - Wrapping Text.
- Kristy Johnson
-
Topic Author
- Offline
- New Member
Less
More
14 years 1 month ago #95382
by Kristy Johnson
Item Images - Wrapping Text. was created by Kristy Johnson
Here is a page on my site: jazzblues.lseeman.webfactional.com/index.php?option=com_k2&view=item&id=29:test-kj&lang=en
I also tried to fix my issue by following this recommendation:
simon.getk2.org/tips-and-tricks/item/372-item-images-wrapping-text/372-item-images-wrapping-text
I have also used Firebug to try to fix my issue, without any success. So I decided that I would post here.
This image was added using the second tabI removed the div clear in the templates>views>item>tmpl>item.php , also changed the itemImage in the k2.css to float:left; margin-right:10px;
I want the image to be beside the content text. The reason that I would like this to happen in this manner, is that we will be using the K2 item, which has the controlled image size to create and pull into a mailing template. So I really need to get this working. Can someone please help!! Please.
I also tried to fix my issue by following this recommendation:
simon.getk2.org/tips-and-tricks/item/372-item-images-wrapping-text/372-item-images-wrapping-text
I have also used Firebug to try to fix my issue, without any success. So I decided that I would post here.
This image was added using the second tabI removed the div clear in the templates>views>item>tmpl>item.php , also changed the itemImage in the k2.css to float:left; margin-right:10px;
I want the image to be beside the content text. The reason that I would like this to happen in this manner, is that we will be using the K2 item, which has the controlled image size to create and pull into a mailing template. So I really need to get this working. Can someone please help!! Please.
Please Log in or Create an account to join the conversation.
- william white
-
- Offline
- Platinum Member
Less
More
- Posts: 3722
14 years 1 month ago #95383
by william white
Replied by william white on topic Item Images - Wrapping Text.
Try finding
span.itemImage img in k2.css or your_style.css if using css4k2 and add float left
span.itemImage img in k2.css or your_style.css if using css4k2 and add float left
Please Log in or Create an account to join the conversation.
- Kristy Johnson
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 5
14 years 1 month ago #95384
by Kristy Johnson
Replied by Kristy Johnson on topic Item Images - Wrapping Text.
in my k2.css, this is what I have, and its not working.
div.itemImageBlock {padding:8px;margin:0 0 16px 0;} span.itemImage {display:block;text-align:center; margin:0 0 8px 0;} span.itemImage img {float:left;margin-right:10px; border:1px solid #ccc;padding:8px;} span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;} span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;}
div.itemImageBlock {padding:8px;margin:0 0 16px 0;} span.itemImage {display:block;text-align:center; margin:0 0 8px 0;} span.itemImage img {float:left;margin-right:10px; border:1px solid #ccc;padding:8px;} span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;} span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;}
Please Log in or Create an account to join the conversation.
- william white
-
- Offline
- Platinum Member
Less
More
- Posts: 3722
14 years 1 month ago #95385
by william white
Replied by william white on topic Item Images - Wrapping Text.
try adding the float left to the div.itemImageBlock line
Please Log in or Create an account to join the conversation.
- Kristy Johnson
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 5
14 years 1 month ago #95386
by Kristy Johnson
Replied by Kristy Johnson on topic Item Images - Wrapping Text.
I did that, and still no go.
Please Log in or Create an account to join the conversation.
- Sotiris
-
- Offline
- New Member
Less
More
- Posts: 6
13 years 7 months ago #95387
by Sotiris
Replied by Sotiris on topic Item Images - Wrapping Text.
put this in your css
.catItemImageBlock { float:left; margin-right: 10px;}
.catItemImageBlock { float:left; margin-right: 10px;}
Please Log in or Create an account to join the conversation.