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"> </a> <a href="#" class="dot"> </a> <a href="#" class="dot"> </a> </div>
i want 3
<a href="#" class="dot"> </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
addposition: relative
. - on
#slideshow-prevnext .left
,#slideshow-prevnext .right
removefloat: left
, addposition: absolute
. - on
#slideshow-prevnext .left
addright: 29px
,top: 0
. - on
#slideshow-prevnext .right
addright: 0
,top: 0
. - on
#slideshow-prevnext a.dot
addfloat: left
.
it looks when you're done:
Comments
Post a Comment