Colocar texto sobre una imagen con css

Necesitas un consejo, ayuda en tu proyecto web estas en el lugar indicado.
Responder
Avatar de Usuario
gramatiko
Byte
Mensajes: 0
Registrado: Sab Feb 11, 2017 11:52 am

Colocar texto sobre una imagen con css

Mensaje por gramatiko » Sab Feb 11, 2017 11:57 am

Hola necesito colocar un texto sobre una imagen algo así como los textos que pone xvidos o redtube o cualquiera de las tubes que ponen información en sus imágenes. E está intentando con css aplicándoles una clase a un div pero no es en realizada lo que necesito. Lo que necesito es algo parecido a esto.
Imagen

Avatar de Usuario
phpdev
Byte
Mensajes: 0
Registrado: Dom Oct 30, 2016 3:51 am

Re: Colocar texto sobre una imagen con css

Mensaje por phpdev » Lun Feb 13, 2017 12:18 am

Y el código ? sin código dudo mucho que alguien sea adivino para saber qué fue lo que has hecho. Tampoco soy muy experto en css pero encontré un código que talvez te sirva saludos.

Código: Seleccionar todo

<div class="foto">
    <img src="https://foro.handlego.com/download/file.php?avatar=77_1479557330.jpeg" alt="foto" />
    <p>Hola foro handlego = )</p>
</div>

<style type="text/css">
    .galeria{
        max-width:960px;
        margin:0 auto;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        alignt-items:center;
        justify-content:space-between;
    }

    .foto{
        width:31%;
        position:relative;
        margin:.5em;
    }

    .foto img{
        width:100%;
    }

    .foto p{
        position:absolute;
        bottom:-3px;
        width:55%;
        text-align:center;
        color:rgba(248,243,243,.8);
        font-family:Verdana;
        font-size:10px;
        font-style: italic;
        background-color:rgba(0,0,0,.7);
        padding:.5em 0;
    }

    @media screen and (max-width:750px){
        .foto{
            width:46%
        }
    }

    @media screen and (max-width:500px){
        .foto{
            width:100%
        }
    }
</style>
Todo negocio necesita sacrificios sino no es un negocio … !lee

Responder
  • Temas similares
    Respuestas
    Vistas
    Último mensaje

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado