21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
Karsi
Profil *
DObrý den,
mám v odkazu vložený obrázek img s třídou .img-responsive (třída bootstrapu pro responsivitu obrázku).

<div class="container" id="obr">
    <div class="row">
      <div class="col-md-4 col-sm-6"><a href="#"><img src="url" class="img-responsive"></a></div>
      <div class="col-md-4 col-sm-6"><a href="#"><img src="url" class="img-responsive"></a></div>
      <div class="col-md-4 col-sm-6"><a href="#"><img src="url" class="img-responsive"></a></div>
    </div>
  </div>

Problém je, že ten obrázek se sice mění, ale jakoby výška (asi odkazu) zůstává stejná. Takže např na menších xs zařízeních, kde se zobrazí jen jeden obrázek se obrázek zmenší, ale pod ním je velký prázdný prostor a další obrázek je hodně odsazený. Ten prostor je navíc klikatelný, takže asi půjde o odkaz.

Nepomáhá ani nastavení display: block u odkazu.

Jak to napravit?

Děkuji za rady.
Tomáš123
Profil
Karsi:
Jak to napravit?
Myslím, že pomôže zmena rozmerov aj u nadradeného <div>u. Pre bližšiu radu by sa hodila živá ukážka.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0