como logran que el campo de búsqueda de http://twitter.com/ este ovalado.

[romel_inc]

lo que busco lograr es que los campo tenga las esquinas ovaladas. con que etiqueta se logra?.

saludos.

como logran que el campo de búsqueda de http://twitter.com/ este ovalado.

[daPhyre]

¡Wow pero que caos es el CSS de Twitter!

Quizá el código te de una pista:

#home_search_q{background:#fff;margin:0;padding:8p x 10px;border:1px solid #eee;border-right-width:0;outline-width:0;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;font:18px Helvetica,Arial,Sans-serif;width:330px;}

[Null_]

Puedes hacerlo con imágenes+css (propiedad background) y se te verá bien en todos los navegadores.

[romel_inc]

gracias amigos.

con colcar border-bottom-left-radius:5px; border-top-left-radius:5px;

lo logre. saludos.

[Osdiwe]

Solo un apunte, recuerda que no todos los navegadores aceptan estas propiedades. Aunque lo peor que te puede pasar es que vean las esquinas cuadradas y no creo que sea un gran problema, pero si quieres asegurarte que todo el mundo ve las esquinas redondeadas entonces tendrás que trabajarlo més con imágenes o div.

[PilopiArt]

el unico que no lo reconose es el famoso y el inadactado como la pesadilla para los webmaster

[daPhyre]

Iniciado por romel_inc

gracias amigos.

con colcar border-bottom-left-radius:5px; border-top-left-radius:5px;

lo logre. saludos.

Espera. ¿Lo hiciste colocando ese código sin los "-webkit" y "-moz"? ¿En que navegador(es) lo probaste?

[OmarV]

Simplemente pon
<style>
.border{
-moz-border-radius:5px;
}
</style>
<div class="border">asdad</div>

PD: NO LO ACEPTA EL ODIADO IE, SOLAMENTE EL 8 <.<

[dpbataller]

estupendooo!lo estaba buscando!

[daPhyre]

Iniciado por OmarV

Simplemente pon
<style>
.border{
-moz-border-radius:5px;
}
</style>
<div class="border">asdad</div>

PD: NO LO ACEPTA EL ODIADO IE, SOLAMENTE EL 8 <.<

Perdona pero... ¿Dónde sacas esta información?

Para empezar, eso es exclusivo de Mozilla (Firefox, etc), faltan el código para Webkit (Safari, Chrome, etc) y ninguna versión de IE reconoce este código...

[romel_inc]

Iniciado por daPhyre

Espera. ¿Lo hiciste colocando ese código sin los "-webkit" y "-moz"? ¿En que navegador(es) lo probaste?

no para nada. solo coloque

border-bottom-left-radius:5px; border-top-left-radius:5px;

sin escribir webkik y solo funciona en chrome. y a twitter también le pasa lo mismo.

Estoy experimentado varias maneras de lograrlo para los navegadores populares. hasta ahora sin éxito. es complicado llegar a un acuerdo. sin perder la elegancia. jejeje.

PD: muchas gracias. daPhyre me he leído tus aportes. son muy buenos.

luego luego. publico mis avances.

[Osdiwe]

Pues debes hacerlo colocando también los -webkit y -moz para que te funcione en más navegadores, ya que como dice daPhyre, -moz-border-radius:5px; es para firefox. Si eso no te va a funcionar. Del explorer olvídate.