Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.
By underpressure on
I've been trying a few methods of fixing this issue with the image_gallery.module listing style based on my limited knowledge of CSS but no luck.
The problem is the lines displaying the number of images in the gallery and the date the gallery was last updated are overlapping onto the next gallery on the gallery main page which list all the galleries.
Here is an example http://www.ravalonline.com/image
I’m willing to comment out the two lines but I prefer to use this as a last resort because I can think of a couple of instances where the “Last updated:” can be useful to users.
Comments
Have you tried this firefox
Have you tried this firefox extension: https://addons.mozilla.org/firefox/60/? It helps you to see what is going on with the CSS.
www.johnstonwebsolutions.com/we_install_modify_and_maintain_drupal_web_s...
I can read the code in the
I can read the code in the module with Dream weaver by coping and pasting the module code into a HTML page and I can also see the div & class tags in FF using view page source.
The problem isn't identifying the tags but how to get the information to list properly.
that’s for the info this add-on will come in handy
--------------------->
underpressure
http://ravalonline.com
On line 15 of your style
On line 15 of your style sheet add this to ul.galleries li img :
clear: both;
That should stop things overlapping on your image. However you still have the problem of the 'green stripped' background not stretching down correctly caused by this
<li style="height : 100px">. Do you want the text on the right hand side of the image or below it?www.johnstonwebsolutions.com/we_install_modify_and_maintain_drupal_web_s...
It doesn't really matter
It doesn't really matter where the text is except i wouldn't want all the text below.
--------------------->
underpressure
http://ravalonline.com
Sorry I can't help further
Sorry I can't help further at the moment - got some deadlines for work.
I recommend you go through this tutorial on CSS (it should help):
http://www.w3schools.com/css/default.asp
Send me a message using my contact tab http://drupal.org/user/36048/contact on Wednesday if you still haven't got it to work.
www.johnstonwebsolutions.com/we_install_modify_and_maintain_drupal_web_s...
I'll give W3 Schools a try
I'll give W3 Schools a try but what Topic am i looking for?
I'm not certain but the information use to be listed correctly and i think it started over lapping when Tiny MCE stylesheet or another module's style sheet
--------------------->
underpressure
http://ravalonline.com
Everything is fine in I.E
Everything seems fine in Internet Explorer. The problem seems to like with the main .css file and FF
--------------------->
underpressure
http://ravalonline.com
having the same problem with firefox 1.5
I'm facing the same problem with firefox 1.5. Were you able to find a work-around for this?
yes and no
In IE6 all is well, but like you said FF1.5 does not compute. To answer your question, no, i still have it.
You might be interested to know that if you use another theme like Box Grey or Clean Slate the issue goes away, they have an image gallery template and style sheet data.
Also, I never got around to it, but since it is an issue with FF you could try the FF forum for help as well.
--------------------->
underpressure
http://ravalonline.com
Clear your floats
You need to clear your floats. Read this page: http://www.quirksmode.org/css/clearing.html
I tried that and it didn't
I tried that and it didn't work so I posted the problem on a Mozilla forum and they said the problem was something else. here is the link: http://forums.mozillazine.org/viewtopic.php?t=489827&highlight=
It's in the html, not the css. Easier to manage if it's in the CSSI can't find the location.
--------------------->
underpressure
http://ravalonline.com