Avatar Image
Machacateclados
Machacateclados

He visto algunas páginas que tienen sus celdas de encabezado y titulos con las esquinas redondeadas. ¿Hay una forma de hacer eso sin usar imágenes?

Avatar Image
User 390661
@man / @woman
@man / @woman

Pues para navegadores mozilla se puede usar
-moz-border-radius: agregandolo a la clase de la tabla.
Mas info.
http://www.eightlines.com/neil/mozskin/csscommands.html

edit: claro, pero eso no funciona en IE y otros navegadoresEnfurruñado

Avatar Image
Colaborador
Colaborador

Escrito originalmente por SK_valshk
He visto algunas páginas que tienen sus celdas de encabezado y titulos con las esquinas redondeadas. ¿Hay una forma de hacer eso sin usar imágenes?

si, si que se puede, pero usando tablas anidadas o celdas con una imagenque haga el redondeo... es decir



Codigo
Codigo Codigo
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>IMAGEN ESQUINA REDONDEADA</td>
<td>IMAGEN TRANSPARENTE O BORDE DE LO QUE QUIERAS</td>
<td>IMAGEN ESQUINA REDONDEADA</td>
</tr>
<tr>
<td>IMAGEN TRANSPARENTE O BORDE DE LO QUE QUIERAS</td>
<td>AQUI TU TEXTOO LO QUE QUIERAS</td>
<td>IMAGEN TRANSPARENTE O BORDE DE LO QUE QUIERAS</td>
</tr>
<tr>
<td>IMAGEN ESQUINA REDONDEADA</td>
<td>IMAGEN TRANSPARENTE O BORDE DE LO QUE QUIERAS</td>
<td>IMAGEN ESQUINA REDONDEADA</td>
</tr>
</table>

-------------------------------------------------
Programando :
http://www.armas.es
-------------------------------------------------
- TEN CUIDADO CUANDO QUIERAS PISARME, QUE PUEDES RESBALAR
Avatar Image
Machacateclados
Machacateclados
Escrito originalmente por SK_valshk
¿Hay una forma de hacer eso sin usar imágenes?
Porque no estoy seguro, para cualquier página se hace con imágenes???????????????? juraría que ví algo de código que no conosco pero nada de imágenes.
Avatar Image
User 390661
@man / @woman
@man / @woman

Pues yo he encontrado un generador de código css(en ingles)
http://www.spiffycorners.com/

Avatar Image
Okupa del foro
Okupa del foro

Aki hay otra forma, kon JavaScript... y abajo del todo estan los artxivos deskargables

Nifty Corners Cube

Avatar Image
Machacateclados
Machacateclados

Muchas gracias a ambos, sabía que era posible con código... solo que ahora tengo que dejar de usar tablas y usar <div>... pero gracias era exactamente lo que quería.

fb@100000775309413
Usuario Novato
Usuario Novato

este tema me allevado varias horas y dias a buscar informacion  y lo que nuestroa compañeros  muestran de los codigos es cierto pero les hace falta un archivo para verlo que se llama border-radius.htc para que se pueda ver en internet explore

despues de los codigos puedes poner ya teniendo el archivo es:

behavior:url(border_radius.htc)

espero que les ayude

Avatar Image
@man / @woman
@man / @woman
Escrito originalmente por fb@100000775309413

.... les hace falta un archivo para verlo que se llama border-radius.htc para que se pueda ver en internet explore

despues de los codigos puedes poner ya teniendo el archivo es:

behavior:url(border_radius.htc)

¿ y que contiene o debe contener el archivo border_radius.htm? ¿ o es un hack para IE?

Avatar Image
Moderador del foro
Moderador del foro
Escrito originalmente por GestionXls
¿ y que contiene o debe contener el archivo border_radius.htm? ¿ o es un hack para IE?

Se puede descargar desde aquí.

Avatar Image
@man / @woman
@man / @woman
Escrito originalmente por Josepepe033

Se puede descargar desde aquí.

Gracias; y al final es un hack exclusivo para IE en base a JS.

Tuve que cambiar la configuración de IE8 para que surja efecto.

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares