Diskuze: Vložení obrázku do divu

HTML a CSS HTML a CSS Vložení obrázku do divu American English version English version

Avatar
tbartolen
Člen
Avatar
tbartolen:

Takže uplná změna otázky, jak obrázku nastavit velikost, aby se vyobrazil v dané velikosti v divu?

#foto1{
        background: url('images/DSC_0044.jpg') ;
        width: 31.5%;
        float: left;
        margin: 2% 0% 2% 0%;
        border-radius: 2px;
        text-align: center;
        /*background-color: #ffffff;*/
        box-shadow: 0 0 10px 0px rgba(12, 3, 25, 0.8);
        height: 320px;
        /*background: #ffffff;*/
        }
<div id="foto1">
                      <img src="images/DSC_0044.jpg">
                  </div>

Nevíte jak?? Web www.stansekeltem.cz

Díky za radu

Editováno 11. dubna 21:52
Odpovědět 11. dubna 21:50
Navštiv www.fb.com/skkelticz
Avatar
tbartolen
Člen
Avatar
tbartolen:

Vyřešeno, jde o

background-size: cover;

Pokud by někdo hledal v budoucnosti:
http://www.kutac.cz/…tu-obrazkem/

Akceptované řešení
+5 Zkušeností
Řešení problému
Nahoru Odpovědět 11. dubna 22:11
Navštiv www.fb.com/skkelticz
Avatar
acerik97
Člen
Avatar
Odpovídá na tbartolen
acerik97:

Zkus obrázku nastavit width a height 100%.

 
Nahoru Odpovědět 11. dubna 22:12
Avatar
Tomáš123
Člen
Avatar
Odpovídá na tbartolen
Tomáš123:

Vhodnejšie by mohlo byť background-size: contain (kde sa do prvku vždy vojde celý obrázok). http://www.jakpsatweb.cz/…nd-size.html

Nahoru Odpovědět 12. dubna 16:36
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.