Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 24, 2013 at 12:58 pm #180218
    ridcon

    hi, best support team ever.
    I have a question regarding picture with links and the titles.

    I want to have 5 pictures (80 x 80 px) in one row. The title of the picture should be below the pictures.
    Picture and Title should have a link to a page.

    Which element of the layout builder would be the best for me?
    Or would it bebetter to take a plugin e.g

    thanks ridcon

    October 25, 2013 at 12:07 am #180426
    Josue

    Hi ridcon!

    You could use plain HTML, please take a look at this:

    List structure:

    <ul class="my-custom-list">
  <li>
    <a href="#"><img src="IMG_URL" />
    <span>Title 1</span></a>
  </li>
  <li>
    <a href="#"><img src="IMG_URL" />
    <span>Title 2</span></a>
  </li>
  <li>
    <a href="#"><img src="IMG_URL" />
    <span>Title 3</span></a>
  </li>
  <li>
    <a href="#"><img src="IMG_URL" />
    <span>Title 4</span></a>
  </li>
  <li>
    <a href="#"><img src="IMG_URL" />
    <span>Title 5</span></a>
  </li>
</ul>

    CSS:

    .my-custom-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.my-custom-list li{
  float: left;
  width: 80px;
  text-align: center;
}

    Demo:
    http://codepen.io/josueochoa/pen/hKEfy

    Cheers!
    Josue

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘several pictures in one row’ is closed to new replies.