Z-index bootstrap Thumbnail

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Stefan H

stefan H

05/08/2014 19:44:06
Quote Anchor link
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

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<?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>


?>
 
PHP hulp

PHP hulp

13/03/2025 01:45:24
 
Obelix Idefix

Obelix Idefix

05/08/2014 19:56:59
Quote Anchor link
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

stefan H

05/08/2014 19:57:40
Quote Anchor link
nee is niet inline
 
Stefan H

stefan H

06/08/2014 20:00:37
Quote Anchor link
Niemand hier een oplossing voor ?
 
- SanThe -

- SanThe -

06/08/2014 20:11:14
Quote Anchor link
Ik snap het verhaal niet echt goed.
 
Wouter Van Marrum

Wouter Van Marrum

06/08/2014 20:39:33
Quote Anchor link
Probeer dit eens :
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//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

stefan H

06/08/2014 21:00:27
Quote Anchor link
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

Wouter Van Marrum

06/08/2014 21:10:54
Quote Anchor link
Fijn om te horen stefan ;) ( btw code niet getest pure gok haha :P )
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.