By kingto on

Hello,
there is a css problem at http://www.rignrolls.com/gallery, the float point of the images is confused.
and the css codes of it are as follows:

.view-content-gallery .view-data-image_node_nid {
    float: left; 
    display: inline; 
    margin-left: 15px;  
}
.view-content-gallery a img {
    margin-right: 9px;
    border: 3px solid #E8EBE8;
}
.view-content-gallery li {
    float:left; 
}

What should I do to solve this issue? Thx.

⋅ Categories: Drupal 5.x

Comments

nevets’s picture

nevets commented

I see a couple of issues, this

.view-content-gallery .view-data-image_node_nid {
    float: left;
    display: inline;
    margin-left: 15px; 
}

should probably be

.view-content-gallery .view-data-image_node_nid {
    margin-left: 15px; 
}

Bigger issue has do with how the the html is generated. The gallery is generated with each li tag having a width of 100 but your images are 146 pixels wide.

kingto’s picture

kingto commented

<li class="" style="height: 125px; width: 100px;">
well, I see, thank you!
but I couldn't find out where I can modify for the li tag style of my gallery, >_<

nevets’s picture

nevets commented

How are you generating the gallery? Something is setting that value and it hopefully from some setting you have made.

kingto’s picture

kingto commented

thanks for your reply.
After I modified the views type with list, the problem has solved!

lol