Float exhibit top section

bipster / 2012-12-18 11:43:41   

Hi,

I've modified the default theme adding the exhibit title in the <div class='top'><!-- --></div> section, like this:

  1. <div class="top"><last:ndxz_title /></div>

I'd like to float it in the horizontal format so the exhibit title sits at the left of the exhibit text (TITLE - TEXT - IMAGES). I'm using:

  1. .format-horizontal #exhibit .top {
  2.   width: 150px; 
  3.   float: left; 
  4. }
  5. .format-horizontal #exhibit #img-container {
  6.   float: left;
  7. }

But, the #img-container section always drops under the .top section.

What am I doing wrong?

Thanks

Vaska A / 2012-12-18 12:29:17   

The problem with this is that the format does not calculate for the width .top. You would either need to edit the format and add that value (which seems like too much) or...find another way.

bipster / 2012-12-18 14:53:07   

I tried using display:inline-block instead of floats with the same results. The only solution I can think of is using absolute positioning, but I don't like this one very much.

Any other alternative that doesn't involve touching the plugin's code?

Vaska A / 2012-12-18 15:18:00   

Why wouldn't you use absolute? Do you want it to scroll with the images too?

bipster / 2012-12-18 15:53:25   

No problem with using absolute positioning. It's just that every time I change the text width in the horizontal format settings, then I need to change the css, too. I wanted to know if there was a better solution.

Vaska A / 2012-12-18 15:54:19   

Yes, that would be an annoying thing...but it is how it is.

This thread has been closed, thank you.