[SOLUCIONADO] Marquesina con imagenes y texto, espacio entre imagenes

[danieljorge435]

Hola amigos del foro..mi problema es el espacio entre imagenes que no lo puedo corregir...es la unica manera que encontre de ponerle texto o titulo a las imagenes.



CSS

Código:

.marquee{
  
 width: 100%;

 }

.marquee img{ 
 
width: 170px;
  
}

.title {

  font-size: 18pt;
  position: relative;
  right: -140px;
 
  }

Código:

<div class="marquee"><marquee behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()">

 <a class="title">NOMBRE</a><a href="image2.html"><img src="http://www2.pic-upload.de/img/32476838/AZUL.jpg"/></a> 

 <a class="title">NOMBRE</a><a href="image2.html"><img src="http://www2.pic-upload.de/img/32476838/AZUL.jpg"/></a>

 <a class="title">NOMBRE</a><a href="image2.html"><img src="http://www2.pic-upload.de/img/32476838/AZUL.jpg"/></a>

 <a class="title">NOMBRE</a><a href="image2.html"><img src="http://www2.pic-upload.de/img/32476838/AZUL.jpg"/></a>

 <a class="title">NOMBRE</a><a href="image2.html"><img src="http://www2.pic-upload.de/img/32476838/AZUL.jpg"/></a>
  

  
 </marquee>

Saludos!!

[AngelKrak]

metelas en un contenedor ;)

https://codepen.io/anon/pen/KaMPYd?editors=1100

Código HTML:

<div class="marquee">
  <marquee behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()">
    <div class="cont">
      <a class="title">NOMBRE</a>
      <a href="image2.html"><img src="http://www2.pic-upload.de/img/32476838/AZUL.jpg" /></a>
    </div>
    <div class="cont">
      <a class="title">NOMBRE</a>
      <a href="image2.html"><img src="http://www2.pic-upload.de/img/32476838/AZUL.jpg" /></a>
    </div>
    <div class="cont">
      <a class="title">NOMBRE</a>
      <a href="image2.html"><img src="http://www2.pic-upload.de/img/32476838/AZUL.jpg" /></a>
    </div>
    <div class="cont">
      <a class="title">NOMBRE</a>
      <a href="image2.html"><img src="http://www2.pic-upload.de/img/32476838/AZUL.jpg" /></a>
    </div>
    <div class="cont">
      <a class="title">NOMBRE</a>
      <a href="image2.html"><img src="http://www2.pic-upload.de/img/32476838/AZUL.jpg" /></a>
    </div>
 
 
  </marquee>
</div>
 

Código CSS:

.marquee {
  width: 100%;
}
 
.marquee img {
  width: 170px;
}
 
.title {
  font-size: 18pt;
  position: absolute;
  bottom: 0;
  left: 30px
}
.cont {
  position: relative;
  display: inline-block;
}
 

[danieljorge435]

Gracias..que lindo es saber...estuve toda una tarde para solo agregar texto a las imagenes ja ja ja.. pero no sabia como corregir el espacio entre ellas !