little spacing problem…!

• 

  williamkraushaar · Member · May 23, 2012 at 5:30 pm

  • Copy link
  • Add topic to favorites

  I have little problem. One of my pages has videos on it and they won’t align properly, it looks like this here:

  http://williamkraushaar.com/musiquealimage/

  even though I used this html code:

  blah blah title of movie
  <div style=”float:left;”>[vimeo http://vimeo.com/29745915 w=480]</div>
  blah blah title of movie 2
  <div style=”float:right;”>[vimeo http://vimeo.com/42654031 w=480]</div>

  is because of the text on top of each video? On the main page of my site, there is no such problem…

  thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  justpi · Member · May 23, 2012 at 8:19 pm

  • Copy link

  You first asked about this here:
  https://en.forums.wordpress.com/topic/making-more-width-spacehelp-please?replies=16
  But you asked about two videos only. To align more videos plus text, you don’t add the same code again and again. Float left and float right create a left column and a right column: you only add the divs once:

  <div style="float:left;">
  TEXT
  VIDEO SHORTCODE
  TEXT
  VIDEO SHORTCODE
  ETC
  </div>
  <div style="float:right;">
  TEXT
  VIDEO SHORTCODE
  TEXT
  VIDEO SHORTCODE
  ETC
  </div>

• 

  williamkraushaar · Member · May 23, 2012 at 8:29 pm

  • Copy link

  you are a genius!
  thank you

• 

  justpi · Member · May 23, 2012 at 8:36 pm

  • Copy link

  You’re welcome!
  (I’m not a genius, I’m just familiar with coding.)