[SOLUCIONADO] Como cambiar los bordes redondeados al menu desplegable

[sherift]

Hola, en la web que estoy creando me he fijado que al desplegar el menu desplegable (que esta dentro de promociones) los bordes de ese menu son muy rectangulares, y me gustaria con bordes redondeados, hay alguna manera de hacerlo para redondearlo?
Tambien me he dado cuenta y no se si se podra hacer algo, pero lo pregunto, que en internet explorer el diseño del la barra de menus es rectangular en todas las esquinas, mientras que en el chrome por ejemplo los bordes son redondeados y esteticamente mucho mas bonitos que en internet explorer, hay alguna manera de optimizarlo para que se vea igual en los dos navegadores?
Porcierto la pagina es:
http://www.informatico-orihuela.com

Gracias a todos y un saludo

[Mariano_Floyd]

Prueba con border radius.

[sherift]

Hola compi, con border radius, solo me modifica lo que son las esquinas del menu entero y me las redondea (que eso para el problema de internet explorer ahora lo probare), Pero para el problema de las esquinas redondeadas del menu por ejemplo ''promociones'' y el submenu ''nuevos clientes'' me sale muy cuadrado y no he encontrado ese css. Sabrias el nombre que tengo que modificar para hacer los bordes redondeados del submenu? O es el mismo?


Gracias :)

[pzin]

Seguramente tengas que editar ul#nav ul:

Código CSS:

ul#nav ul {
  border-radius: 0 0 10px 10px;
}
 

¿Qué versión arcaica y caduca de Internet Explorer estás usando? Las esquinas redondeadas funcionan desde la versión 9: http://caniuse.com/border-radius

[sherift]

como tu bien has dicho pzin tengo una version de ie arcaica... la 8...xD, la maxima que aguanta xp (que aun ando en este sistema operativo)jeje.
Pero hablando del problemilla ... tengo uno que no logro resolver y me vuelve loco, en chrome que es el navegador que uso por defecto pulso f12, inspecciono el codigo y me voy a nav y modifico pues el border-radius de 7 a 50 desde el propio navegador, sin cambiarlo en dreamweaver, y la cuestion es que desde chrome lo modifico y me cambia los bordes instantaneamente, al instante.
Pero es llegar al dreamweaver abrir el css irme a nav y cambiar el border radius de 7 a 50 igual que hice en el navegador, actualizo y guardo todo el css y le doy a la vista previa en el navegador y no me hace ningun cambio... y la verdad que no se porque puede ser, porque si desde el navegador lo puedo cambiar, y desde el dreamweaver no me lo modifica, ...
Seguramente sera una tonteria, pero no logro solucionarla... jajaj
a ver si me abris el cacao mental que tengo... jeje

[pzin]

Pues no sé, nunca he usado Dreamweaver. Trata de modificar y guardar el CSS desde algún editor, a ver si es cosa de Dreamweaver o no.

[sherift]

Pues no se porque no me lo cambiaba, he abierto el css con el block de notas y he comprobado el nav y estaba todo correcto como yo lo he puesto y sin mirarlo en el navegador de nuevo he cogido el css entero y lo he resubido a la web. Pues en la web si que me ha aplicado bien los bordes automaticamente... Efecto paranormal... jejeje
He quitado el problema de los bordes de toda la barra, ahora me falta el problema de los bordes de la seccion de promociones... No se si seguir fiandome de chrome... busco donde me has comentado y modifico el css a ver si funciona.
cambio :

ul#nav ul {
border-radius: 0 0 10px 10px;
}

por unos valores distintos haber si noto diferencia, no?

Gracias compi por tu ayuda tan rapida ;)


Pd. ahora he abierto dreamweaver he abierto index que tenia ya el archivo css modificado y le he dado a vista en chrme y ahora si que me ha reconocido los bordes de toda la barra... Que cosas ... jeje

[sherift]

Como tu bien has dicho pzin (nunca he dudado de ti) jeje, cambiando ul nav ul el border radius pues se redondearia, y efectivamente ya esta mas redondo. No se si esteticamente se puede hacer algo mas, pero redondo al menos esta.
Las lineas no estaban escritas en el css por lo que tuve que crearlas para que me redondease los bordes. Si quieres echale un ojo a la web que acabo de actualizarla y dime si con los bordes se puede hacer algo mejor dentro de lo que cabe o si lo dejo asi. :)

Gracias de antemano por las molestias :D

[pzin]

Pues yo dejaría los bordes de abajo sólo redondos, tal cual lo puse en el código, porque los cuatro así queda realmente mal. :-/

[sherift]

Ya he modificado con los datos que me has puesto, Pero estaria mejor si las letras estuviesen centradas, no?
Poniendo un center en el codigo me lo centrara? O tengo que poner otra cosa? ;)
gracias

[pzin]

Échale un vistazo a librosweb.es.

Tener una duda está bien, pero tampoco te vamos a hacer la web en el foro.

[sherift]

Muchas gracias de todas maneras ;) voy a ello! a leermelo !

Un saludo !! y doy el tema como solucionado