I have an OpenLayers View that lists my nodes in a grid. I'd like to shrink down the map and move it within the grid so that it accompanies the data. What would be the simplest method of implementing a layout like this?

Comments

I created an incremented div class around each field by using View Counter to get the result count of each field and then adding this to the Row Class in Grid settings.

So now (hypothetically) I can place ANY single field ANYWHERE on the page by keying to it's result count. So I have 12 results per page:

field field field field
field field field field
field field field field

and I need the page to look like this

field field map  map
field field map  map
field field field field
field field field field

The simplest solution is to just move the four fields (3, 4, 7, 8) below the current results...because pushing the results back would mess up the paging.

## Note: The above code is fictitious. Any resemblance to real or actual working code is purely coincidental.

What would the best way to move the 4 fields (divs) below the current results? Is there a way to do this using existing css in Views?

## Note: The above code is fictitious. Any resemblance to real or actual working code is purely coincidental.