COMMUNITY FORUM

Picture alignment

Start
Prev
1
Next
End

Dmitry Prohorov
Topic Author
Offline
New Member

13 years 9 months ago #99027 by Dmitry Prohorov

Picture alignment was created by Dmitry Prohorov

Hello all. I have a big problem with K2 and ask you for help. I have one article with a picture and I'd like to align this picture to the center. In the Joomla Editor its all ok but on the site the image has left align.

Thats in the Editor:

Thats on the site:

I have read that I must to edit css file to solve my problem but I dont know what exact I must edit.

Thank you in advance.

Please Log in or Create an account to join the conversation.

troponin
Offline
Platinum Member

13 years 9 months ago #99028 by troponin

Replied by troponin on topic Picture alignment

In your css File - usually k2.css you have to search this:

div.catItemImageBlock, div.itemImageBlock, div.userItemImageBlock, div.genericItemImageBlock {
    float: left;
    margin: 2px 5px 0 0;
    padding: 0;

delete the float tag and your Image will be in the middle.

Please Log in or Create an account to join the conversation.

Dmitry Prohorov
Topic Author
Offline
New Member

13 years 9 months ago #99029 by Dmitry Prohorov

Replied by Dmitry Prohorov on topic Picture alignment

Thank you for the advice. I have done it. But my problem is again with me. The image is at the left as before.

May be I must edit other things?

Please Log in or Create an account to join the conversation.

troponin
Offline
Platinum Member

13 years 9 months ago #99030 by troponin

Replied by troponin on topic Picture alignment

plz gimme the link to the testitem so I can take a look

Please Log in or Create an account to join the conversation.

Dmitry Prohorov
Topic Author
Offline
New Member

13 years 9 months ago #99031 by Dmitry Prohorov

Replied by Dmitry Prohorov on topic Picture alignment

browsersteam.net/?option=com_k2&view=item&id=114:321

Please Log in or Create an account to join the conversation.

troponin
Offline
Platinum Member

13 years 9 months ago #99032 by troponin

Replied by troponin on topic Picture alignment

delete the float in the other css in img tag :

img {
    float: left;
    margin: 0.25em 1.2em 1.2em 0;
    padding: 0;

}

you have compressed your css so i cant say which css. I think it should be the templetae.css

Please Log in or Create an account to join the conversation.

Dmitry Prohorov
Topic Author
Offline
New Member

13 years 9 months ago #99033 by Dmitry Prohorov

Replied by Dmitry Prohorov on topic Picture alignment

If I give you all .css files from my template, then can you determine the problem?

Please Log in or Create an account to join the conversation.

troponin
Offline
Platinum Member

13 years 9 months ago #99034 by troponin

Replied by troponin on topic Picture alignment

just search your css files for 'img' there you have to delete the float:left

Deactivate the css compress method in backend, to see changes work

Please Log in or Create an account to join the conversation.

Dmitry Prohorov
Topic Author
Offline
New Member

13 years 9 months ago #99035 by Dmitry Prohorov

Replied by Dmitry Prohorov on topic Picture alignment

I have looked through all my .css and found no code with img and float:left.

Thats why I ask you to hel me with my .css files.

And I dont know, how can I deactivate this compression. I'm so newbie.

Thank you a lot.

Please Log in or Create an account to join the conversation.

troponin
Offline
Platinum Member

13 years 9 months ago #99036 by troponin

Replied by troponin on topic Picture alignment

cant open the rar file :(

Please Log in or Create an account to join the conversation.

Dmitry Prohorov
Topic Author
Offline
New Member

13 years 9 months ago #99037 by Dmitry Prohorov

Replied by Dmitry Prohorov on topic Picture alignment

hm... strange... Ok. I put files without archive.

Please Log in or Create an account to join the conversation.

Dmitry Prohorov
Topic Author
Offline
New Member

13 years 9 months ago #99038 by Dmitry Prohorov

Replied by Dmitry Prohorov on topic Picture alignment

And three other...

Dmitry Prohorov said:
hm... strange... Ok. I put files without archive.

Please Log in or Create an account to join the conversation.

troponin
Offline
Platinum Member

13 years 9 months ago #99039 by troponin

Replied by troponin on topic Picture alignment

in typographie.css

img { float: left; margin: 0.25em 1.2em 1.2em 0; padding:0; }

Please Log in or Create an account to join the conversation.

Dmitry Prohorov
Topic Author
Offline
New Member

13 years 9 months ago #99040 by Dmitry Prohorov

Replied by Dmitry Prohorov on topic Picture alignment

I'll try to delete float from this sentence and see.

Please Log in or Create an account to join the conversation.

Dmitry Prohorov
Topic Author
Offline
New Member

13 years 9 months ago #99041 by Dmitry Prohorov

Replied by Dmitry Prohorov on topic Picture alignment

Yessssssssssssss!!!!!!!!!!!!!!!!!!!! Great thank, Troponin!

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End