Why K2 div goes under image container?

Hi,

can someone explain me why the div goes under the image container in K2 articles?

below.jpg

Here is a link: http://www.gorast.com/eusnov/template/p ... brzdevizen

Thanks,
Gorast

Sorry but the URL is not working, please provide us the working one.

Sorry,
I was changing aliases. Here are correct urls:

http://www.gorast.com/eusnov/krediti/ne ... it-ekspres
http://www.gorast.com/eusnov/krediti/ne ... dit-relaks

Thanks,
Gorast

I've checked your site and don't see anything wrong with the code the image has own DIV container and the content also. This two DIV elements don't have any float so by default they are displayed like table rows. Do you have some view where it looks different? Maybe you just don't specify alignment for your picture in this case.

I just need layout like that. Item content on right, image on left but I need content to wrap around the image, like in all other templates. I check the last website that I worked on based on Creativity template and its as it supposed to be. What is messed up here so it goes under.

The image need to push the content not float over it.

Thanks,
Gorast

Any news on this? Its kinda biggie.

Thanks,
Gorast

The only way is to modify your K2 item view and move itemImageBlock inside itemExtraFields, in this template the image is just display before the article content and if you want to modify this changes in K2 item view are necessary.

Hi,
I dont get it where is the problem. I have this structure:

Code: Select all

   <div class="itemImageBlock">
    <img style="width:350px; height:auto;" alt="" src="/eusnov/media/k2/items/cache/18bdd04e288fc232234be2fb5ea8bf38_M.jpg">
    <div class="itemExtraFields">
   </div>

   <div class="itemFullText">

Text on left, image block (and in image block I inserted the extra fields) on the right.

Can you please check the file I send you?

Thanks,
Gorast

Hi,
I restored the original item.php from the template, disabled the overrides.css file and I still cant get what I need.

On your demo website - http://demo.gavick.com/joomla25/news2/i ... k2/k2-item I managed to make that simply by adding two lines to the css:
.itemImageBlock {
float: right;
width: 200px;
}

Where might be the problem that this is not working on quicklunch version?

Thanks,
Gorast

If will never work until . itemImageBlock is not INSIDE . itemFullText. You have to cut image code and place inside this itemFullText div container.

Hi bkrztuk,
I just did that but still got the same issue.
Can you check again? http://eus.artbooks.mk/krediti/namenski/kredit-auto

Thanks,
Gorast

Ok I see that the image right now is on the right side, so what is the problem right now? You mean that the accordion is behind the image? It is because it is 100% wide so display even behind the image. You have specified width for image and the same should be dome with this accordion area by adding code

Code: Select all

.nn_sliders.accordion{ width: 70%}

The best solution is to put image inside accordion but this will be probably impossible because as I can see this part is added by some plugin.

Hi,
it is possible all accordions to have classes. So ill see and every accordion that is in line with the image, ill put 70%. Its not ideal but its a work-a-round

Thanks for the time and effort,
Gorast

Hi,
long time no see on this matter.
Can you please check this url - http://www.gorast.com/eusnov/mk/ostanat ... cki/smetki and tell he how can I get, the grey background, the <p> to go not to the end of the page, but to be shortened on the right side from the margin of the Image container? How to do this without giving width to the <p>.

Thanks,
Gorast

Hi,
no one for 10 days?

Gorast