Jump to content
medical

Problem with pictures

Recommended Posts

medical    0
medical

Hi there,

 

i use PageLines Pro 2.4.1 since a few weeks.

Please take a look at http://demo.pr-gesundheitswesen.de/wp/ and use Chrome and Firefox or the IExplorer - and you will see my problem. In Firefox the Pictures look correct, in Chrome they are smaller an resized, and I have no idea why. This occurs only with the Pageline Theme.

 

PageLines: Pro 2.4.1

WP: newest version on own server

 

Thanks in advance

 

Regards

Axel

 

 

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hi Medical 

 

have you used any CSS on your site? Can you display the plugins you have installed? 

 

Also can you supply some screenshots of what you are seeing please?


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
medical    0
medical

Hi Martin,

 

thanks for your reply.

 

Here you can see how Chrome display teh page

http://demo.pr-gesundheitswesen.de/wp/wp-content/uploads/2013/04/chrome.jpg

 

and here, how the Page looks in Firfox

http://demo.pr-gesundheitswesen.de/wp/wp-content/uploads/2013/04/firefox.jpg

 

My WordPress Plugins are

http://demo.pr-gesundheitswesen.de/wp/wp-content/uploads/2013/04/plugins.jpg

 

I do not use a seperate CSS-File, just Pagelines. With the "Pageline Customize"-Plugin I added just a few lines to the "pagelines-customize/style.css" to change then color of the fix NAV-Bar. 

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Can you try disabling all non-pagelines plugins and see if this resolves the issue. Then if it does, could you try re-enabling them one by one to find the culprit. 

 

Let us know how you get on 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
medical    0
medical

... I have already tried this without success

Share this post


Link to post
Share on other sites
mackenzie    12
mackenzie

Can you tell me what the actual height/width is for this image? Is the image in your media 190x190? Also what is your setting in WordPress Dashboard > Settings > Media > Image sizes > Thumbnail size?


Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict

---------------------------------------------------

Kindly search this forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

Share this post


Link to post
Share on other sites
medical    0
medical

Hi mackenzie,

 

yes, the first is 190x190, the second 190x120.

The Settings in WordPress Dashboard > Settings > Media > Image sizes > Thumbnail size are "150 x 150", but it doesnt't matter what I choose here - the pictures doesn't change their size.

 

Now I tried to use the NextGen-Gallery - just to see if the Problem stay the same. It does.

It seems that PageLines resizes the images. Is there a solution for this?

 

Thanks & Regards

Axel

Share this post


Link to post
Share on other sites
catrina    103
catrina

PageLines doesn't resize images. If the issue is occurring only on Chrome, then it may be browser-related. I looked into it and it appears that 24x24 is the size being applied to the images, and it's coming from the Javascript properties clientWidth and clientHeight, which are read-only, so I don't think they can be changed. As a workaround, try using the browser specific plugin so that you can make a change to the width of these thumbnails in Chrome. Please review these instructions for Custom CSS first (if you are unfamiliar with CSS): http://support.pagelines.me/docs/customization/custom-css. To download and install the plugin, see: http://www.pagelines.com/store/plugins/browser-css/. For instructions on how to use it: http://support.pagelines.me/docs/plugins/browser-specific-css. For help with the width attribute, please see these instructions: http://www.w3schools.com/cssref/pr_dim_width.asp.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
medical    0
medical

Hi catrina,

 

with the codeinspector I found the following (take a look at the Screenshot)

But I have no idea from what the Javascript derives that resizes the images. Any idea where I can find the JavaScript-Source? Is it from PageLines?

falsche-groesse.jpg

Share this post


Link to post
Share on other sites
medical    0
medical

Indeed the problem only occurs, when pictures are placed in a Table...but why? And why only in Google Chrome?

Why does Pagelines resizes the images in a table?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

There is no problem with Google's Chrome or Apple's Safari, they're simply follow the rules. Technically, max-width should only work in block elements and tables are not a block element.

 

What I would suggest is you either use our Browser specific CSS and add CSS for chrome and safari to add max-width and instead of 100%, use pixels instead. Alternatively and what I would recommend is for you to use the PageLines Grid, instead of tables.

 

http://support.pagelines.me/docs/plugins/browser-specific-css/

http://support.pagelines.me/docs/miscellaneous/grid-system/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
medical    0
medical

Great suggest....using PageLines Grid works....but ist there a way to see the Grid-Layout in the WordPress WYSIWYG-Editor?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

I wouldn't recommend using the Wordpress Visual editor (WYSIWYG) as it's pretty poor to use when adding HTML to your pages/posts, as it can cause formatting issues. So unfortunately, there isn't any to see a visual representation of the grid, the only way to see it is to add the code to your page/post, save and then view the page/post.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
medical    0
medical

I understand. Thanks for your solution...using Grid instead of tables solved it.

 

Thanks & Regards

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem!


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×