Superposition DIV

Superposition DIV - HTML/CSS - Programmation

Marsh Posté le 21-01-2014 à 15:01:42    

Bonjour à tous,
 
Je voudrai superposer deux DIV, je sais d'ailleurs que ce sujet est déjà traité, mais dans mon cas, je n'y arrive pas...
 
Je voudrai que l'image s'affiche se superpose au champ de recherche, de la même manière que le moteur de recherche bing.fr...
 

Code :
  1. <!-- Search Group Bloc
  2.       ================================================== -->
  3.     <div class="container">
  4.       <div class="page-header" id="banner">
  5.       <!-- ROW for the logo and slogan -->
  6.         <div class="row">
  7.           <div class="col-lg-6">
  8.             <h1>FileSearch</h1>
  9.             <p class="lead">Fast and Sweetty Search</p>
  10.           </div>
  11.         </div>
  12.         <!-- ROW intern for class well -->
  13.         <div class="row">
  14.           <div class="col-lg-12" style="padding: 15px 15px 0 15px;">
  15.             <div class="well">
  16.             <!-- ROW intern for the background image -->
  17.               <div class="row">
  18.                 <div class="col-lg-12">
  19.                   <div class="well" >
  20.                                          <div id="arriereplan" style="display:none;" ></div>
  22.                     <form class="bs-example form-horizontal" >
  23.                        <fieldset>
  24.                           <legend>Search bar :</legend>
  25.                             <div class="form-group">
  26.                               <div class="col-lg-10">
  27.                                 <input type="text" class="form-control" id="inputEmail" placeholder="Search...">
  28.                               </div>
  29.                             </div>
  30.                         </fieldset>
  31.                     </form>
  32.                   </div>
  33.                 </div>
  34.               </div>
  35.             </div>
  36.           </div>
  37.         </div>
  38.       </div>
  39.     </div>


 
J'ai essayé avec style="position:absolute;" mais il passe au tout derrière...
 
Si vous avez une idée ?
 
Merci d'avance :)

Reply

Marsh Posté le 21-01-2014 à 15:01:42   

Reply

Marsh Posté le 21-01-2014 à 16:22:05    

Tu mets ta barre de recherche dans une grande div et dans cette grande div tu mets un fond en css (background-image)?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed