Comunidad PHPeros

Lenguajes => CSS => Mensaje iniciado por: Pc-Admin en 21 de Abril de 2012, 15:23:04 pm

Título: Imagenes con Div?
Publicado por: Pc-Admin en 21 de Abril de 2012, 15:23:04 pm
Buenas, estoy diseñando una web y ya tengo el codigo CSS, aunque me gustaria poner imagenes para los bloques de la web (esquina y tal).
Uso div con tables?
Ando un poco perdido en este tema.
Thanks!
Título: Re:Imagenes con Div?
Publicado por: GerMen en 21 de Abril de 2012, 23:50:06 pm
Esto quizá te ayude:

CSS:
Código: [Seleccionar]
.img1 {
      background: url(imagen1.png) no-repeat;
      height: 100px;
      width: 100px;
}

TABLE:
Código: [Seleccionar]
<table>
      <td style="background: url(imagen1.png);"></td>
</table>

Salu2!
Título: Re:Imagenes con Div?
Publicado por: Mixvice en 22 de Abril de 2012, 00:44:33 am
Esto quizá te ayude:

CSS:
Código: [Seleccionar]
.img1 {
      background: url(imagen1.png) no-repeat;
      height: 100px;
      width: 100px;
}

TABLE:
Código: [Seleccionar]
<table>
      <td style="background: url(imagen1.png);"></td>
</table>

Salu2!

Para que defines un código CSS si no lo vas a usar? :confused:



La mejor forma de hacerlo  es así:
Código: [Seleccionar]
.miestilo{
background: url(link imagen) no-repeat;
height: 100px;
width:700px;
}

Y lo aplicas al div que quieres por ejemplo

Código: [Seleccionar]
<div class="miestilo"> </div>
Título: Re:Imagenes con Div?
Publicado por: Pc-Admin en 22 de Abril de 2012, 18:44:16 pm
Gracias por las respuestas, pero me he explicado mal.
Mi intención es hacer varios menús en la web, los cuales tienen forma redonda, por lo que las esquinas y tal estarán dibujadas con paint o photoshop y serán curvadas.
Por lo que supongo que tendré que usar tablas no?
Título: Re:Imagenes con Div?
Publicado por: Animus en 24 de Abril de 2012, 09:58:54 am
Código: [Seleccionar]
div#men {
      border-radius: 5px 5px 5px 5px;
}

Esto te dará un cuadro "redondeado" .

Y no hace falta hacer tablas, con html5 y usando div's ya no hace falta lo que quieres hacer.

http://www.phperos.net/foro/index.php?topic=8521.0