Layout images at the bottom of the page without messing up the rest of the page
I am trying to layout the Additional images at the bottom of this page:
http://harbisondevelopment.info/ume-blossom
They are in a class called field-items, and so are the images above that and lines of text.
I think I have to do something like this:
field field-name-field-additiona
float:left;
}
but that doesn't work. Ideally, I would like to have the images at the bottom show three in each row, instead of now, just a vertical column of images.
http://harbisondevelopment.info/ume-blossom
They are in a class called field-items, and so are the images above that and lines of text.
I think I have to do something like this:
field field-name-field-additiona
float:left;
}
but that doesn't work. Ideally, I would like to have the images at the bottom show three in each row, instead of now, just a vertical column of images.
Asked:
Who is Participating?
Hi
You just need to widen your containing div so that they can flow freely.
.field.field-name-field-ad
{
width:700px; float:left;
}
thanks
Erik
You just need to widen your containing div so that they can flow freely.
.field.field-name-field-ad
{
width:700px; float:left;
}
thanks
Erik
Just add a width of 700px to the .field-items.
Float:left is already in use...
and dont forget to add..
just after closing
Float:left is already in use...
and dont forget to add..
<div style="clear:both"></div>
just after closing
.field-items
Question has a verified solution.
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
All Courses
From novice to tech pro — start learning today.
-
Course of the Month9 days, 14 hours left to enrollMonitoring and Operating a Private Cloud with System Center 2012 R2 273 lessons
Open in new window
@IshaanRawat She's using "clearfix", so she doesn't need an ugly clearing div.