Diseño Web /

[CSS] Caja De Contenido

Participa en el tema [CSS] Caja De Contenido en el foro Diseño Web.
Hola chicos que tal.... Realice un box caja de contenido en Photoshop en tamaño normal...bien ...

Buscar en este tema:
 
  •  
    #1 [CSS] Caja De Contenido
    Hola chicos que tal....
    Realice un box caja de contenido en Photoshop en tamaño normal...bien bonita....ahora
    Como hago para que al colocarla en la hoja de estilos pueda escribir sobre ella.....sera algo con repeat en la hoja de estilos??

    Gracias
    +
     
    0
    Me gusta
     
    http://www.psicofxp.com/forums/diseno-web.210/833526-css-caja-de-contenido.html
    | Más
  • #2 Re: Caja De Contenido

    Enlace o ejemplo, por favor...
    Me gusta este mensaje
  • #3 Re: Caja De Contenido

    Hola que tal,,,
    Mira este seria el archivo..pero para explicarme mejor...
    Esta imagen la quiero usar en css para colocar texto adentro, y he visto en las hojas de estilo que las imagenes son pequeñas
    Quisiera saber si eso se hace en una medida estandar o como es....
    Imágenes adjuntas
    Tipo de archivo: png box copia.png (5.3 KB, 13 vistas)
    Me gusta este mensaje
  • #4 Re: Caja De Contenido

    Fácil, ponlo como imagen de fondo y acomoda el texto en una caja sobre él. Es sencillo.
    Me gusta este mensaje
  • #5 Re: Caja De Contenido

    Si pero viste que no se pone la imagen en su tamaño original...la ponen mas pequeña eso es lo que quiero saber cual es la medida que se achica la imagen para ponerla como fondo....????????????
    Me gusta este mensaje
  • #6 Re: Caja De Contenido

    Hola Ceci, como estas?
    Para cargar una imágen de fondo en CSS, el comando que podes usar es
    "background:"

    por ejemplo, para cargar una imagen llamada bot_vin.png, en la carpeta img el código es:
    background:url("img/bot_vin.png");

    Respecto al tamaño, definilo poniendole al div, el tamaño de tu caja. Supongamos que tu caja es de 30 de ancho x 50 de alto
    en ese caso, debes escribir como parámetros del div donde estás poniendo esa imágen de fondo
    height: 50px;
    width: 30px;

    ahí vas a tener div, con esa imágen de fondo, y vas a poder escribir texto sobre ella.
    viendo que tu caja tiene bordes, vas a tener que ponerle margenes al parrafo, para que cuando escribas el texto, no te quede sobre ellos. Para esto, en la hoja de estilos tenés que poner
    p{
    margin-top: (la altura que quieras dejar sobre el texto)px;
    margin-bottom: (la altura que quieras dejar sobre el texto)px;
    margin-left: (la altura que quieras dejar sobre el texto)px;
    margin-right: (la altura que quieras dejar sobre el texto)px;
    }

    espero haberte ayudado! cualquier cosa que no haya sido claro avisame.

    Suerte!
    Me gusta este mensaje
  • #7 Re: Caja De Contenido

    Hola!!!
    Gracias por responderme..... estube probando y funciono... Gracias....
    Ahora si es esa imagen como la que adjunte aqui pongo no-repeat cierto? ya que sino me repite la misma imagen....el repeat se utilizaria cuando es una imagen con un color uniforme???


    Mira ahora tengo otro problema
    tengo una imagen con el texto.....
    y coloco el margin, o ya probe con padding.. y se corre...
    Osea el texto aparece al lado de la imagen...
    La propiedad se estoy dando al texto esta bien?
    Imágenes adjuntas
    Tipo de archivo: jpg texto.JPG (10.9 KB, 5 vistas)
    Me gusta este mensaje


Estadísticas del tema
  • 6 RESPUESTAS
  • 636 VISTAS
  • 3 USUARIOS RESPONDIERON
 
Ir arriba
Contacto | Acerca de | Ayuda | Términos Legales | privacidad | Pautas de convivencia | Mapa de los foros | TrabajÁ con nosotros
©2008 Psicofxp.com S.A. - Todos los derechos reservados
Certifica IAB