Entrar

Problema borde redondeado (leccion3) - ARREGLADO-

Apranti · · Solicitar retirada
Hola! Antes de todo quiero dar la enhorabuena a la gente que hace CCTW. Es una verdadera pasada!!!

Bien, paso a explicar mi problema:

Yo sigo los pasos del curso, y cuando le doy a previsualizar en mi navegador, se ve así (lo pongo en link para que no descuadre el foro):

http://img195.imageshack.us/i/milocal.png/

O sea, perfecto. El problema viene cuando lo subo a mi página:

http://aprendiendocode.atwebpages.com/plantilla.html

Que no me aparecen los bordes, a pesar de que yo creo que lo tengo todo bien. Aquí os dejo unas imágenes de como lo tengo todo hecho:

Workspace - http://img258.imageshack.us/i/workspace.gif/
Plantilla.html - http://img7.imageshack.us/i/plantillaq.jpg/
Hoja de estilos - http://img834.imageshack.us/i/estilosgeneral.jpg/

Yo ya he mirado todo lo que he podido y tocado algunas cosas dentro de mis ínfimos conocimientos (empecé ayer :P), pero no consigo hacer que se vea. Y antes de seguir adelante, preferiría arreglar esto :P

Muuuchas gracias por la ayuda, y una vez más, enhorabuena por la web!

EDIT: Muchas gracias, pero ya he conseguido arreglarlo. Despues de 3 intentos, a la 4º parece que se ha subido bien la hoja de estilos (ese parecía ser el problema).
olukarak · · Solicitar retirada
Lee mi guia de CSS3 (viene en mi firma). Ahi te explico como redondear bordes sin usar imagenes. Esto del CSS3 es el futuro...
brans · · Solicitar retirada
a mi no me sale. mira lo tengo asi:

#menu li{list-style:none ; text-align:left ; border-bottom:6px solid white;-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;}

como es?
Apranti · · Solicitar retirada
Por lo que he estado probando, lo que hace es redondearte las esquinas de las capas, de modo que si le pones un color de fondo a una capa puedes ver como te la redondea.

De todas maneras, como parece lógico, tienes que darle un valor al comando:

-moz-border-radius: YYpx ZZpx VVpx NNpx

Donde :

Y - Esquina superior izquierda
Z - Esquina superior derecha
V - Esquina inferior derecha
N - Esquina inferior izquierda

O sea, en sentido horario desde la esquina superior izquierda.

Para tener un borde negro alrededor de tu menú, esté sería el código:

#menu {
        background-color: yellow ; 
        float: right ; 
        width: 200px ; 
        margin: 4px 4px 6px 7px ; 
        border: 1px solid black ; 
        -moz-border-radius: 10px 10px 10px 10px ; 
        border-radius: 10px 10px 10px 10px; 
        -webkit-border-radius: 10px 10px 10px 10px
        }

Así es como lo tengo yo en mi página de pruebas. Tu lo puedes poner con la configuración de propiedades que quieras. Lo único que deberías respetar son las 4 últimas líneas (sin contar la llave, o corchete o como quieras llamarlo). No obstantem puedes cambiar los valores para mayor o menos redondeado.

Eso es para que el menú se te redonde. Por eso recuerda que eso se lo tienes que aplicar a la capa menu (#menu), y no a la lista del menu (#menu li) como es tu caso.

Suerte y que te funcione!

Un saludo. Espero haberte ayudado!