html - Struggling to set position on my background image -


i doing project regarding portfolio. started coding layout , place navigation bar, images, headers etc. placing ship image in content background. when place slideshow in content, ship image move bottom of layout. try fix using div tag , set background-image:url both image won't collide each other when try set background-position, ship's image position won't move. don't know how fix problem :(

css

#ship{          background-image:url(image/ship.png) no repeat;          // both background-position , padding won't work       }  **home page**  <div id="content">    <img src="image/welcome.png">     <div id="slider"> <---- slideshow    <a href="#" class="control_next">>></a>    <a href="#" class="control_prev"><</a>        <ul>          <li></li>           ....        </ul>          </div>         <div class="slider_option">        <input type="checkbox" id="checkbox">         <label for="checkbox">autoplay slider</label>         <img src="image/ship.png" id="ship"> <---background image          </div>           </div> 

i didn't see url(); has have quotes around image path.

try instead of #ship css trying use:

#content {    background-image: url("image/ship.png");    backgorund-size: cover; } 

remove because unnecessary unless 1 of slideshow images:

<img src="image/ship.png" id="ship">   

Comments