21/12/2009, 20:02
| |||
| |||
| como hacer los marcos div?? Hola , alguien puede decirme cual es la forma mas practica de hacer los,tan utilizados," marcos con cabecera", que utiliza youtube por ejemplo...( los utilizas para agrupar contenidos) Creo que se trata de un div con borde y dentro otro a modo de cabecera con los bordes superiores redondeados. si alguien me puede ayudar, sospecho que no puede ser muy dificil... gracias, saludos |
|
21/12/2009, 20:28
| ||||
| ||||
| Respuesta: como hacer los marcos div?? Sencillo, Youtube lo hace con CSS3, te explico como: En tu css:
Código:
En tu XHTML.rectangulo{
-webkit-border-bottom-left-radius: 5px 5px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
-webkit-border-top-right-radius: 5px 5px;
}
Código:
Con eso es suficiente.<div class="rectangulo"> aqui toda tu data </div> Nota: Los redondeados no funcionan en IE, pero aquien le importa :P Saludos
__________________ www.dataautos.com |
|
22/12/2009, 08:51
| |||
| |||
| Respuesta: como hacer los marcos div?? Cita: Que solo son válidos para CSS3 y quizas tu navegador no lo soporte.
Iniciado por rtr  Hola asinox, no se que puede ocurrir , pero no me funciona.. Saludos¡¡
__________________ Revisa las FAQ's antes de disparar. |
|
22/12/2009, 11:24
| ||||
| ||||
| Respuesta: como hacer los marcos div?? Cita: Como dije, si usas Internet Explorer no funcionara, pero si usas otro navegador (que esten al dia actualizados) te funciona, hasta en mobiles.
Iniciado por rtr Hola asinox, no se que puede ocurrir , pero no me funciona.. Saludos
__________________ www.dataautos.com |
|
22/12/2009, 19:04
| |||
| |||
| Respuesta: como hacer los marcos div?? Uso Firefox actualizado...y veo estos marcos con div en youtube, y otras muchas webs que lo tienen.. No hay otra forma mas "antigua" que la soporten los navegadores mas antiguos..?? saludos, |
|
22/12/2009, 22:55
| ||||
| ||||
| Respuesta: como hacer los marcos div?? Por favor muestrame como estas poniendo tu codigo... eso funciona sin duda. Saludos
__________________ www.dataautos.com |
|
23/12/2009, 22:18
| |||
| |||
| Respuesta: como hacer los marcos div?? .css Cita: .html.rectangulo{ -webkit-border-bottom-left-radius: 5px 5px; -webkit-border-bottom-right-radius: 5px 5px; -webkit-border-top-left-radius: 5px 5px; -webkit-border-top-right-radius: 5px 5px; } Cita: Exactamente como tu lo tienes..noseque pasa... <div class="rectangulo"> aqui toda tu data </div> |
|
24/12/2009, 12:27
| ||||
| ||||
| Respuesta: como hacer los marcos div?? Cambia webkit por moz, por lo cual solo te va a funcionar con firefox, ya que si pruebas en Opera abriendo la pagina de youtube esta se va a mostrar sin los bordes redondos. Lo que utiliza asinox esta bien escrito solo que es funcional solamente para webKit y Safari. Te dejo este link para que te des una idea mas amplia
__________________ Mejoremos nuestro país, ayudemos al planeta... próximamente. |
|
29/12/2009, 20:47
| |||
| |||
| Respuesta: como hacer los marcos div?? ya me funciona, el problema estaba al colocar el class al div , en vez de "rectangulo" le he puesto "rounded-corners ", muy raro pero ha funcionado. Gracias a todos. |
