[SOLUCIONADO] Menu con imagen flotante

[moscrates]

Hola chicos



el corazón debe de salir encima de el link activo, no tengo idea de como hacerlo el css no es lo mio, alguna ayuda por favor.

el menu es un navbar

Código HTML:

<div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right menup">
              <li>
                <div></div>
                <a href="#">NOSOTROS</a>
              </li>
              <li><a href="#">CONTRATA TU BODA</a></li>
              <li><a href="#">RESERVACIONES</a></li>
              <li><a href="#">TRANSPORTE</a></li>
              <li><a href="#">ADMINISTRAR RESERVACION</a></li>
              <li><a href="#contacto" data-toggle="modal">CONTACTO</a></li>
            </ul>
          </div>
 

[Rafael]

No debería ir encima del link activo sino del hover.

Busca en google Tooltip css: https://www.google.com.mx/search?q=tooltip+css Hay algunas cosas muy sencillas. En tu caso en lugar de texto simplemente pon un png con fondo transparente.

[minombreesmm]

Si es en el link activo simplemente mandale una variable con php
entonces en el menu pones

Código PHP:

if($menuactivo=='NOSOTROS'){ ?>
 
<img src="corazon.jpg"/>
 
<? }elseif($menuactivo=='CONTRATA TU BODA'){?>
<img src="corazon.jpg"/>
<? }
 

ENTONCES solo aparecera en el caso que sea la variable...

[ArturoGallegos]

Prueba con esto
https://jsfiddle.net/8ck2yjfv/

[moscrates]

Eso fue genial muchas gracias