Autor Zpráva
unlucky
Profil
Vedle článků mám obrázky. Tyto obrázkou jsou různcýh rozměrů (max šířka je 155px, délka neznámá)

Jak mám udělat, aby se mi zobrazil rámeček okolo obrázků s tím, že pokud přesáhne výška/šířka 155px, tak bude overflow hidden?

teďka tam mám div s fixním height a width, hidden overlfow, rámeček okolo divu. Když je ale obrázek menší, tak než div, tak to vypadá strašně.
Ernie
Profil
Nebylo by lepší nastavit obrázkům max-width těch 155px ?
unlucky
Profil
děkuji, funguje to skvěle :P
unlucky
Profil
maxwidth automaticky sníží velikost obrázku. Já chci, aby velikost zůstala stejná a aby část (viditelná) byla orámovaná
nethor
Profil
Nejsem si jist, jestli přesně to , co chceš jde udělat, ale zkus obalit obrázek divem s pevnou šířkou a overflow:hidden
<div style='width: 155px; overflow:hidden; border: solid 1px #ccc;'><img src='?'></div>
unlucky
Profil
nethor:
a co když má šířku < 155px? :P
jenikkozak
Profil
unlucky:
Moc nevím, o co v tomto případu vlastně jde. (Hodila by se živá ukázka.)
Ale nemohl by ten obrázek být na pozadí toho divu, který má nastavený rámeček a rozměry?
unlucky
Profil
takže obrázek může být libovolné velikosti, bude uvnitř divu, který má maxwidth 155px a maxheight 155px. Pokud bude délka/šířka obrázku větší než 155px, tak se orámuje pouze viditelná část.

Problém je, že když mám v divu overflow hidden,

1) rámeček okolo divu - když bude obrázek třeba menší, rámeček vypadá směšně
2) rámeček okolo obrázku - když obrázek přesáhne div, pak je vidět pouze kousek rámečku

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0