Foros del Web » Creando para Internet » CSS »

Mover cuadro de búsqueda del header con css

Estas en el tema de Mover cuadro de búsqueda del header con css en el foro de CSS en Foros del Web. Hola amigos estoy editan un theme, wordpress no se mucho de diseño y maqueteo pero bueno, e aqui mi problema, el sitio web es : ...
  #1 (permalink)  
Antiguo 22/11/2011, 20:24
 
Fecha de Ingreso: noviembre-2008
Mensajes: 371
Antigüedad: 12 años, 9 meses
Puntos: 3
Mover cuadro de búsqueda del header con css

Hola amigos estoy editan un theme, wordpress no se mucho de diseño y maqueteo pero bueno, e aqui mi problema, el sitio web es :
www.mujeresfatales.net

y en el hader integre mi codigo de busqueda:
Código HTML:
<div id="busqueda">
                        <form action="<?php bloginfo('url'); ?>" method="get">
                            <input type="text" name="search" value="" />
                            <input class="boton" type="image" src="<?php bloginfo('template_directory'); ?>/imagenes/lupa.gif" value="submit" />
                        </form>
                    </div> 
Lo meti dentro de <div id="busqueda"> pensando en darle valores en el archivo css, para que este se muestre en la parte centro de la derecha del header, amigos ayúdeme a hacer esto no se como hacerlo.

Mil gracias.
__________________
Las Mujeres mas hermosas = Mujeres Fatales
Mi blog Personal = JAFP
  #2 (permalink)  
Antiguo 22/11/2011, 21:55
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 12 años, 8 meses
Puntos: 306
Respuesta: Mover cuadro de búsqueda del header con css

Código CSS:
Ver original
  1. #busqueda{
  2. float: right;
  3. }
Es una opción
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 22/11/2011, 22:23
 
Fecha de Ingreso: noviembre-2008
Mensajes: 371
Antigüedad: 12 años, 9 meses
Puntos: 3
Respuesta: Mover cuadro de búsqueda del header con css

no se movio nada :(
sisisi se movio, pero yo quiero que este en la esquina chekeen mi diseño www.mujeresfatales.net y si me ayudan a darle un mejor estilo un millon de gracias.
__________________
Las Mujeres mas hermosas = Mujeres Fatales
Mi blog Personal = JAFP
  #4 (permalink)  
Antiguo 22/11/2011, 22:59
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 12 años, 8 meses
Puntos: 306
Respuesta: Mover cuadro de búsqueda del header con css

Agregale a los siquiente el ancho de la pagina, o en su defecto ponelo al 100%
Código CSS:
Ver original
  1. div.k-logo {
  2. display: block;
  3. position: absolute;
  4. top: 4px;
  5. left: 1%;
  6. margin-left: -1px;
  7.  
  8. width: 100%;  <---
  9.  
  10. }

De todas formas, hay muchas cosas por position:absolute, lo cual no se si es recomendable
saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #5 (permalink)  
Antiguo 22/11/2011, 23:00
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 14 años, 2 meses
Puntos: 1567
Respuesta: Mover cuadro de búsqueda del header con css

jafp_pe:
tu explicación es bastante confusa,
el centro de la derecha del header?

De entrada pensé que era el campo de búsqueda que tiene el boton "search" pero al parecer has puesto otro, que ademas tiene un input image, pero con un texto, la lupa no la veo...
Como sea, no se si esto es lo que queres, porque estoy adivinando
inmediatamente despues de
Código HTML:
Ver original
  1. <div class="k-header-inner">

poné esto
Código HTML:
Ver original
  1. <div style="float: right; margin-top: 50px;margin-right:55px">
  2.                         <form action="http://www.mujeresfatales.net" method="get">
  3.                             <input name="search" value="" type="text">
  4.                             <input class="boton" src="http://www.mujeresfatales.net/wp-content/themes/gPlusTheme/imagenes/lupa.gif" value="submit" type="image">
  5.                         </form>
  6.                     </div>

y advierto que estoy usando el html generado, no el php
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #6 (permalink)  
Antiguo 22/11/2011, 23:47
 
Fecha de Ingreso: noviembre-2008
Mensajes: 371
Antigüedad: 12 años, 9 meses
Puntos: 3
Respuesta: Mover cuadro de búsqueda del header con css

Cita:
Iniciado por emprear Ver Mensaje
jafp_pe:
tu explicación es bastante confusa,
el centro de la derecha del header?

De entrada pensé que era el campo de búsqueda que tiene el boton "search" pero al parecer has puesto otro, que ademas tiene un input image, pero con un texto, la lupa no la veo...
Como sea, no se si esto es lo que queres, porque estoy adivinando
inmediatamente despues de
Código HTML:
Ver original
  1. <div class="k-header-inner">

poné esto
Código HTML:
Ver original
  1. <div style="float: right; margin-top: 50px;margin-right:55px">
  2.                         <form action="http://www.mujeresfatales.net" method="get">
  3.                             <input name="search" value="" type="text">
  4.                             <input class="boton" src="http://www.mujeresfatales.net/wp-content/themes/gPlusTheme/imagenes/lupa.gif" value="submit" type="image">
  5.                         </form>
  6.                     </div>

y advierto que estoy usando el html generado, no el php
Saludos

Disculpa, quiero que este el buscador en la parte derecha pero no tan derecha me hago entender :(



GRACIAS A TODOS SON BUENAS PERSONAS!
__________________
Las Mujeres mas hermosas = Mujeres Fatales
Mi blog Personal = JAFP
  #7 (permalink)  
Antiguo 23/11/2011, 06:09
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 14 años, 2 meses
Puntos: 1567
Respuesta: Mover cuadro de búsqueda del header con css

bueno, ahora como lo veo está a la derecha ... del logo
solo necesitas darle un margin-left y un margin-top hasta ponerlo en la posición deseada.

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #8 (permalink)  
Antiguo 23/11/2011, 08:45
 
Fecha de Ingreso: noviembre-2008
Mensajes: 371
Antigüedad: 12 años, 9 meses
Puntos: 3
Respuesta: Mover cuadro de búsqueda del header con css

Mil gracias a todos, solucionado gracias a ustedes ^^
__________________
Las Mujeres mas hermosas = Mujeres Fatales
Mi blog Personal = JAFP

Etiquetas: cuadro, header, imagenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:03.