NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
tbartolen
Člen
Avatar
tbartolen:11.4.2016 21:50

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.4.2016 21:52
Odpovědět
11.4.2016 21:50
Navštiv www.fb.com/skkelticz
Avatar
tbartolen
Člen
Avatar
tbartolen:11.4.2016 22:11

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.4.2016 22:11
Navštiv www.fb.com/skkelticz
Avatar
acerik97
Člen
Avatar
Odpovídá na tbartolen
acerik97:11.4.2016 22:12

Zkus obrázku nastavit width a height 100%.

 
Nahoru Odpovědět
11.4.2016 22:12
Avatar
Tomáš123
Člen
Avatar
Odpovídá na tbartolen
Tomáš123:12.4.2016 16:36

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.4.2016 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.