2 replies [Last post]
kiwicerebrus
kiwicerebrus's picture
Offline
newbie
NZ
Last seen: 9 years 6 weeks ago
NZ
Timezone: GMT+13
Joined: 2013-12-17
Posts: 2
Points: 5

Hi,

Have a list of posts on a site and I want the heading and teaser to display next to them, sort of like this:
|–----------------| HEADING IN LINE WITH TOP OF IMAGE
| | Teaser for post below the heading and
| IMAGE | aligned with the story
| |
|–----------------|

Have tried floating the images left and that makes one of the images go to the middle of the page; could fix that by adding clear:left but the text and heading still aren't aligned with the image (see attached image).
The page is at http://virtualvagabond.net/test-home – any advice would be much appreciated.

Andrew

AttachmentSize
Capture.JPG79.8 KB
Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 21 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Hi kiwicerebrus, You need to

Hi kiwicerebrus,
You need to float the .views-row as well or add the clearfix class to them so they contains the floated children.

kiwicerebrus
kiwicerebrus's picture
Offline
newbie
NZ
Last seen: 9 years 6 weeks ago
NZ
Timezone: GMT+13
Joined: 2013-12-17
Posts: 2
Points: 5

Many thanks

Worked perfectly - you've made my day! Was on the verge of giving up and trying another layout.