Comunidad de diseño web y desarrollo en internet online

Cuadrar formulario de busqueda

Citar            
MensajeEscrito el 28 Nov 2010 09:23 pm
Como arreglar la posicion de este formulario:

En mi pagina web he colocado un formulario de busqueda de esta forma:

Código PHP :

<div id="submenu-text">
<form action="search.php" method="get">
   <input type="text" name="search" size="25">
   <input type="image" src="css/images/button-serch.png" width="86" height="28" name="submit" value="Buscar">
</form>
</div>

Cuando separo el "<input type="image" src="css/images/button-serch.png" width="86" height="28" name="submit" value="Buscar">", ya no funciona el formulario, yo quiero cuadrarlo bien.

Mi pagina web es www.pixelbit.com.pe

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox
Citar            
MensajeEscrito el 29 Nov 2010 11:54 pm
Hola, yo creo que en ese caso lo mejor es ponerle una clase al input en cuestion:

<input type="image" class="buscar" src="PixelBit_files/button-serch.png" width="86" height="28" name="submit" value="Buscar">

y en el .css le das la posicion que queres:

input.buscar { position:absolute; top:5px; left: 270px;}

Pero para que tome bien la ubicacion al div submenu-text lo tenes que pasar a position:relative;

te quedaria algo asi :

#submenu-serch {width:353px; height:30px; margin:0 258px 0 3px; position:relative; padding-top:7px;}

Saludos.

Por robertostringa

13 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Nov 2010 02:10 am
Muchas gracias me funciono muy bien ;D

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.