Z-index bootstrap Thumbnail

Door stefan H op 05-08-2014 19:44

1.950 views

Kan iemand mij helpen met het volgende ?

onder de navbar heb ik een input veld om live te zoeken naar andere leden.

De resultaten komen terug in het id "result_find_friend"(zie code hieronder) deze div moet over alle andere divs heen komen en dat is in dit geval een thumbnail ( bootstrap)alleen nu blijft dit veld achter de thumbnail komen behalve als ik de thumbnail een negative z-index geef maar de thumbnail is ook een link(a href) en dit werkt niet met een negative z-index weet iemand hoe dit om te lossen ? alvast bedankt

<?php

<div class="result_find_friend" id="result_find_friend"></div>
//css
.result_find_friend{
position: relative;
z-index: 999;
height: auto;
max-height: 200px;
width: auto;
max-width:300px;
margin: 0px auto 0px auto;
border-radius: 10px;
overflow: auto;
display: block;
background-color: #e7e7e7;
}

//de thumbnail
<div class="row">
<div class="col-md-12">
<a href=">">
<div class="thumbnail">
<img src="">
</div>
</a>
</div>
</div>

?>

Obelix Idefix

05-08-2014 19:56

Is de code zoals die hierboven staat ook zoals die in je script staat?
Ik zou css namelijk niet midden in mijn html code plaatsen, maar in de head.

stefan H

05-08-2014 19:57

nee is niet inline

stefan H

06-08-2014 20:00

Niemand hier een oplossing voor ?

- SanThe -

06-08-2014 20:11

Ik snap het verhaal niet echt goed.

Wouter Van Marrum

06-08-2014 20:39

Probeer dit eens :


//css
.result_find_friend{
position: relative;
z-index: 999;
height: auto;
max-height: 200px;
width: auto;
max-width:300px;
margin: 0px auto 0px auto;
border-radius: 10px;
overflow: auto;
display: block;
background-color: #e7e7e7;
}
.thumbnail {
z-index:1000;
}

stefan H

06-08-2014 21:00

Bedankt voor de reactie er zat ergens anders een foutje in de code ,

Het werkt nu wel met de code zoals hierboven beschreven

Wouter Van Marrum

06-08-2014 21:10

Fijn om te horen stefan ;) ( btw code niet getest pure gok haha :P )

Reageren

Inloggen om te reageren