WordPress.org

1. ShirouJune
   Member
   Posted 3 years ago #

   Hi, I want to edit the ngg css because it doesn't fit iexplorer...
   but this style="width:100px;" appears automatically

   <div id="ngg-image-38" class="ngg-gallery-thumbnail-box desc">
   	<div class="ngg-gallery-thumbnail" style="width:100px;" >

   Any ideas on how to take it out?... thanks.

2. cinematic
   Member
   Posted 3 years ago #

   have you checked nggallery.css?

3. ShirouJune
   Member
   Posted 3 years ago #

   yep, but my problem isn't there... I mean I try to adjust the new width for ngg-galler-thumnail class, but for heriarchy it won't work... as you can see the *style="width:100px;"* is generated by NGG, and I don't know how to take it out...

   I guess it has something to do about the setting size of my thumbnails (I setted them to 100x100 pixels) I'm just guessing it's calling that width, but I just want to take it out... because I can't reconfigure my css...

   :(

4. cinematic
   Member
   Posted 3 years ago #

   What problems do you have with IE? You are correct that the width corresponds with your settings in gallery options but what's wrong with that if the width of your thumbnails IS 100px?

   If you want to adjust the appearance of your gallery try to modify ngg-thumbnail-box in your nggallery.css

5. ShirouJune
   Member
   Posted 3 years ago #

   Just an example...

   The original ngggallery.css has padding border and margin adjusted, it just looks wonderful, but in IE the padding on images won't show up, which causes the description span to move to one side. Same happens with the "float" I guess it shouldn't have been used since the start, as it isn't supported in IE...

   That's not the main problem anyway, I just want to know how can I edit that out and mostly the html outputs.

   It would be an improvement don't you think?

   As I said, for hierarchy the code inside the tag has priority to the one in the css, that's why I can't do anything to modify that part...

   I just hate the way css is taken by FF an IE... FF should have taken the directrices of IE and start from that...

6. cinematic
   Member
   Posted 3 years ago #

   ah now I understand. IE applies padding on block elements only. Try if display:block; helps.

7. ShirouJune
   Member
   Posted 3 years ago #

   Thanks cinematic, I researched more into display css modes and this helped me lots:

   http://www.quirksmode.org/css/display.html

   now, it looks exactly the same in FF than in IE. Thanks again.
   I'll set this as resolved.

Topic Closed

This topic has been closed to new replies.