| Autor | Zpráva | ||
|---|---|---|---|
| Karsi Profil * |
#1 · Zasláno: 10. 3. 2015, 22:21:47
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 |
#2 · Zasláno: 11. 3. 2015, 17:04:43
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.
|
||
|
Časová prodleva: 9 let
|
|||
0