Foros del Web - elementos con bordes curvos

Foros del Web (http://www.forosdelweb.com/)

- Diseño web (http://www.forosdelweb.com/f91/)

- - elementos con bordes curvos (http://www.forosdelweb.com/f91/elementos-con-bordes-curvos-421641/)

elementos con bordes curvos

Hola, les quería preguntar como hacer que las cosas aparezcan en la página con los bordes curvos, Hay alguna opción para hacer tablas con bordes curvos en dreamweaver? o es imprescindible crear imágenes con adobe o herramientas de diseño gráfico? o hay alguna otra opción en dreamweaver?. No me molesta usar cualquier herramienta, sólo quiero saber como es la forma habitual de hacerlo, porque veo que se usa mucho en todas las páginas
Gracias!

Existen cientos de formas diferentes de hacerlo, desde imagenes hasta javascript, pasando por CSS (con muchos divs innecesarios). Pero ninguna de ellas es ni facil de implementar ni practica.

hola!

hay muchas paginas que te pueden decir como hacer bordes redondos con css asi que en google pones "generador de bordes redondos" o "bordes redondos con css" y listo ya tendras muchos links que te enseñaran como hacerlos :P

salu2

Te recomiendo que eches un vistazo a http://www.curvycorners.net.

Espero que te sirva.

Saludos,

estilos para el contenedor de bordes redondos

Código:

/* MODULE */
 

html #modul {

background: #badbf4;

}
 

#modul_top {

background:  url(../img/a1.gif) no-repeat top left;

height: 10px;

}

#modul_top_right{

background:  url(../img/a2.gif) no-repeat top right;

height: 10px;

}

#modul_bottom {

background:  url(../img/a3.gif) no-repeat bottom left;

height: 10px;

}

#modul_bottom_right {

background:  url(../img/a4.gif)  no-repeat bottom right;

height: 10px;

}

#modul_content {

padding-left: 15px;

padding-right: 15px;

background-color: transparent;

color: #5a96c6;

}

Código html

Código:



<div id = "modul">

<div id = "modul_top" ><div id = "modul_top_right" ></div></div>

<div id = "modul_content" >
 
 

informacion texto 

                                          

</div>

<div id = "modul_bottom" ><div id = "modul_bottom_right" ></div></div>

</div>

RECORDAD que debeis de realizar los 4 gráficos correspondientes a las esquinas

a1.gif, a2.gif, a3.gif y a4.gif y del mismo color del fondo que definamos en el background principal.

Existe otra forma de utilizar este método usando gráficos en los que el color del borde redondeado sea transparente y así poder utilizar este recurso con sólo 4 gráficos independientemente del color del background.

Tema solucionado

Muchas gracias, me sirvieron mucho sus consejos sobre los bordes curvos

hola no se si te sirva pero tengo una pequeña colaboracion al tema.
si trabajas con flsh puedes incluir elementos (estaticos, animados o interactivos) con las formas y transparencias que desees. el swf que exportas desde flash tiene un color de fondo que tu le das verdad? ese color de fondo puede ser anulado en dreamweaver y quedan solo los objetos, imagenes o lo que sea que contiene el swf, con resultados de alta calidad.
simplemente en el area de propiedades de ti elemento flash haces click en "parametros" e ingresas Parametros :"wmode" Valor:"transparent" (sin las comillas).
en mi acotada experiencia es lo que ofrece mayor versatilidad y calidad.
solo lo probe con IE, eso puede llegar a ser un problema, o no. realmente no vi como lo visualizan otros navegadores.
espero que te sirva de ayuda :-)