Mover cuadro de búsqueda del header con css

[jafp_pe]

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.

[C2am]

Código CSS:

#busqueda{
float: right;
}
 

Es una opción

[jafp_pe]

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.

[C2am]

Agregale a los siquiente el ancho de la pagina, o en su defecto ponelo al 100%

Código CSS:

div.k-logo {
display: block;
position: absolute;
top: 4px;
left: 1%;
margin-left: -1px;
 
width: 100%;  <---
 
}
 

De todas formas, hay muchas cosas por position:absolute, lo cual no se si es recomendable
saludos

[emprear]

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:

<div class="k-header-inner">
 

poné esto

Código HTML:

<div style="float: right; margin-top: 50px;margin-right:55px">
                        <form action="http://www.mujeresfatales.net" method="get">
                            <input name="search" value="" type="text">
                            <input class="boton" src="http://www.mujeresfatales.net/wp-content/themes/gPlusTheme/imagenes/lupa.gif" value="submit" type="image">
                        </form>
                    </div>
 

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

[jafp_pe]

Iniciado por emprear

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:

<div class="k-header-inner">
 

poné esto

Código HTML:

<div style="float: right; margin-top: 50px;margin-right:55px">
                        <form action="http://www.mujeresfatales.net" method="get">
                            <input name="search" value="" type="text">
                            <input class="boton" src="http://www.mujeresfatales.net/wp-content/themes/gPlusTheme/imagenes/lupa.gif" value="submit" type="image">
                        </form>
                    </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!

[emprear]

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

[jafp_pe]

Mil gracias a todos, solucionado gracias a ustedes ^^