CSS Float left question -


the following code injected page via jquery. can't change that, can change css:

<div id="slideshow-prevnext" class="slideshow-prevnext">    <a id="prev" class="left"  href="#"><span class="invisible">prev</span></a>    <a id="next" class="right" href="#"><span class="invisible">next</span></a>    <a href="#" class="dot">&nbsp;</a>   <a href="#" class="dot">&nbsp;</a>   <a href="#" class="dot">&nbsp;</a> </div> 

i want 3

<a href="#" class="dot">&nbsp;</a> 

appear on left of , 2 ("prev" , "next") on right.

how can it? tried float:left not work.

edit: css long post. development site here @ : http://site2.ewart.library.ubc.ca/

i'm not particularly happy way of doing things - ideally should change javascript.

  • on #slideshow-prevnext add position: relative.
  • on #slideshow-prevnext .left , #slideshow-prevnext .right remove float: left , add position: absolute.
  • on #slideshow-prevnext .left add right: 29px , top: 0.
  • on #slideshow-prevnext .right add right: 0 , top: 0.
  • on #slideshow-prevnext a.dot add float: left.

it looks when you're done:

winner


Comments

Popular posts from this blog

apache - Add omitted ? to URLs -

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

php - How can I stop spam on my custom forum/blog? -