Skip to content Skip to sidebar Skip to footer
Home / Css / Hover / Html

How To Move A Span To A Different Position In A DIV

Post a Comment
I have the following codes in my slider which displays a navigational arrow and bullets:

Solution 1:

I would try to add position:absolute to the spans; Or you can move the whole spans inside the navigator div.

This is option 1:

<div id="slider1_container" style="width: 1300px; height: 600px; overflow: hidden;">
        <!-- NAVIGATION START -->
        <div u="navigator" class="jssorn21" style="background-color: #00FF00; position: absolute; bottom: 20px; left: 0px;">
            <div u="prototype" style="background-color: #0000FF; POSITION: absolute; WIDTH: 19px; HEIGHT: 19px; text-align: center; line-height: 19px; color: White; font-size: 12px;"></div>
        </div>
        <span u="arrowleft" class="jssord21l" style="width: 35px; height: 35px; left: 40%; bottom: 20px; position:absolute;"></span>
        <span u="arrowright" class="jssord21r" style="width: 35px; height: 35px; right: 38%;position:absolute"></span>
        <!-- NAVIGATION END -->
</div>

You may like these posts

Post a Comment for "How To Move A Span To A Different Position In A DIV"