Autor Tema: Imagenes con Div?  (Leído 815 veces)

Desconectado Pc-Admin

  • PHPer@ Fijo
  • ***
  • Mensajes: 118
  • Karma: 3
  • Sexo: Masculino
    • Ver Perfil
Imagenes con Div?
« 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!
Todo en esta vida, es practicar.

Comunidad PHPeros

Imagenes con Div?
« en: 21 de Abril de 2012, 15:23:04 pm »

Desconectado GerMen

  • PHPerit@
  • *
  • Mensajes: 6
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Imagenes con Div?
« Respuesta #1 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!
« Última modificación: 21 de Abril de 2012, 23:54:45 pm por GerMen »

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:Imagenes con Div?
« Respuesta #2 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>

Desconectado Pc-Admin

  • PHPer@ Fijo
  • ***
  • Mensajes: 118
  • Karma: 3
  • Sexo: Masculino
    • Ver Perfil
Re:Imagenes con Div?
« Respuesta #3 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?
Todo en esta vida, es practicar.

Desconectado Animus

  • PHPero Avanzado
  • ****
  • Mensajes: 273
  • Karma: 1
  • Sexo: Masculino
  • Aprende a aprender, el resto vendrá solo.
    • Ver Perfil
Re:Imagenes con Div?
« Respuesta #4 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
« Última modificación: 24 de Abril de 2012, 10:08:02 am por Animus »


La red social de tus sueños.