By bethl on

My image module is working well, however the formatting on the "Image Gallery" page is weird - bullets in strange places and lines of text running over each other.

You can see the problem clearly here, especially below the thumbnail:

http://phhs92.com/?q=image

Can anyone let me know how to fix it?

Thanks so much!
Beth

Comments

sepeck’s picture

sepeck commented

it only apears to render funny in Firefox. Seems fine in IE

-sp
---------
Drupal Best Practices Guide - My stuff Black Mountain

-Steven Peck
---------
Test site, always start with a test site.
Drupal Best Practices Guide

bethl’s picture

bethl commented

Thanks so much for getting back to me.

I see what you mean that it looks better in IE, but I'd still say that the bullet points are in the wrong places even in IE. Any easy way to make the bullet points be aligned with the titles of the individual image galleries, instead of being toggled oddly down the page?

Also, is it normal to have to accept a certain amount of problems for your site's Firefox users? i.e. is it just something I have to put up with to a certain extent?

Thanks,
Beth

sepeck’s picture

sepeck commented

probably not :)

At least now you have narrowed it down to a firefox vs IE issue, you can search for that phrase and the css you are using for that section for specific typs of issues. I merely offer approaches, I don;t know the solution there.

-sp
---------
Drupal Best Practices Guide - My stuff Black Mountain

-Steven Peck
---------
Test site, always start with a test site.
Drupal Best Practices Guide

nevets’s picture

nevets commented

If you look at the generated html, the list item with the image starts with

<li style="height : 100px">

I am pretty sure that setting the height is causing the problem, though why it is there does not make sense (I have not played with image module enough to guess why).

laura s’s picture

laura s commented

By editing the image.css file, you can override most of these layout issues. (By adding '!important' to some, you can override the fixed cell sizes that seem to be generated by the module via in-line tags.)

For example, re the bullets, you can get rid of them with 'list-style: none;' for the li values.

===
Laura
pingVision

_____ ____ ___ __ _ _
Laura Scott :: design » blog » tweet