[SOLUCIONADO] Estilo para un botón de búsqueda

[GemliosG]

Hola a todos, de nuevo, soy malo en css, muuuuuuuuuuuy malo, por eso necesito su ayuda.

Como dice le tema quiero de una buena vez hacer que el botón de búsqueda de mi web quede bien.

Miren yo lo puse en la esquina superior derecha de la pantalla, pero siempre sale mal dependiendo del navegador y me gustaría que quedase a la misma altura del menú.

El código que puse fue:

position absolute

y sus respectivas características,ya saben top y eso.

Pero me queda maaAAAL.

En fin lo que quiero saber si se ve bien poner el botón buscar en:

1. Seguido de la última palabra del menú.
2. En la misma linea del menú pero aparte
3. En cualquier otro lado ¿Cual sería?

Gracias por su ayuda

[Zeromm]

¿link para verlo on-line?

[GemliosG]

Iniciado por Zeromm

¿link para verlo on-line?

Ojala pudiese hacer eso (venga que la página está hecha para intranet no para internet ni extranet ) tiene que ser una foto obligado desde internet o no se puede subir directo desde la máquina

mira ver en este link https://plus.google.com/u/0/ Busca en jose emilio

[fede5426]

Subi una foto o translada tu código a un Codepen para que podamos verlo :)

[GemliosG]

Gracias es este el código, solamente el del menú en html y todo lo demás del css http://codepen.io/anon/pen/JoBQJQ

[AngelKrak]

que es lo que quieres exactamente? si no quieres k que baje el de buscar, establecele un Ancho Fijo

algo asi ;)

#hmenu{
box-shadow:#0FF 1px 1px 1px 1px;
color:white;
background:black;
margin:0 auto;
height:50px;
width:850px;
border-radius: 15px;
}

[GemliosG]

pero al ponerle width 850, no se quitará la propiedad de cuando achiques el navegador este permita ver el menú en la página creo que era menu reponsive

[GemliosG]

Bro mira a ver ahora el código .

Lo que quiero en si es que me den sugerencia de en donde ubicar el botón buscar, que tenga estética.

[AngelKrak]

ese menu no se podria llamar responsive jajaja aun que si se achique no se ajusta >_< y si no ahi solucion tendras que poner ese buscador en otra parte ;)

mira mi web (nose si se puede poner links)

[GemliosG]

Me gusta, es algo así lo que yo quiero hacer.

Pero al final lo que necesito es que me ayuden con el código. En el ejemplo, pongo el buscador al finalizar el menú, pero no me gusta, por lo tanto he probado con postion y tampoco me gusta como queda.

Lo que quiero en sí es que esté en la misma linea del menú y este se separe.

He probado pero nada. Necesito ayuda con esa parte

Aunque pensándolo bien este tema creo que pertenecía más a diseño web que a CSS

[MMan]

http://codepen.io/anon/pen/XJBjEN?editors=110

[AngelKrak]

podrias hacerlo con media queries(diseño responsive), pero necesitas otro menu mejor yo diria jajaajaj xD

[fede5426]

No podia dormir, me aburria :P

http://codepen.io/anon/pen/xbaxjv

Teniendo como referencia el color, los bordes redondeados, y la posición de los elementos que asignaste en ese ejemplo, yo lo hubiera hecho asi.

Se podría jugar mas con los colores del hover y otras cositas, como por ejemplo cambiar el boton de "buscar" por la tipica imagen de la lupita.

Hay que trabajarlo un poco más, pero todo depende del contexto y de tu gusto.. asi que eso te lo dejo a vos.

Si te sirve, en buena hora, te toca hacerlo responsive :) jaja

Saludos

[GemliosG]

Bueno ya que estamos en eso, necesito aumentar mis conocimientos para poder realizar la web que deseo.

Como no tengo internet en la casa, necesito si puedes que me sugieran documentación descargable para poder estudiar (html5, css3, js, y por que no, como aprender hacer un sitio web reponsive).

Disculpen las molestias y muchas gracias.

Cerraré el tema después de esto.

[GemliosG]

Iniciado por fede5426

http://codepen.io/anon/pen/xbaxjv

Esto, bueno, como decirlo......

No era lo que yo quería.......

Es muchiiiiiiiiiisimo mejor de lo que yo había pensado. Eres muy bueno, muchas gracias, esto me servirá par saber como hacer las cosas en un futuro. Muchaaaaaaaaaas gracias.

Te mereces un abrazo psicológico por esto.

[AngelKrak]

jajajaja, ahi muchos libros para que te enseñes Programacion >_< nomas que no me acuerdo de los links si no te los pasaba :( pero buscalos por google de seguro encuentras ;)

mira esta pagina te podria ayudar ;)
http://librosweb.es/libros/

y cualquier cosa puedes preguntar ya sabes, stamos para ayudarte ;)

[GemliosG]

Iniciado por AngelKrak

y cualquier cosa puedes preguntar ya sabes, stamos para ayudarte ;)

Gracias >_<