Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
jakub.matousek23:31.1.2015 12:08

Zdravím mám obrázek velikosti 1680x301.Mám ho umístěný nad hlavickou v body.Problém je že v mém rozlišení 1680x1050 se zobrazuje správně ale když rozlišení změním , tak obrázek je vidět sice přes celou šířku ale ořízne se takže nápis na obrázku není vidět celý.Mám takový pocit že to nefunguje stylem že se velikost automaticky mění v závislosti na rozlišení uživatele , ale že těch obrázků má být více a funkcí se má udělat :
když má uživatel toto rozlišení vyber tento obrázek.
Sem samouk tak se nezlobte jestli je můj dotaz useless.

<body>

    <div id="nadpis"></div>

    <header>


    </header>

    <article>


        <section>

        </section>

    </article>

</body>

CSS

background : url('images/nadpis3.png')no-repeat;
    background-position : center top;
    min-width : 960px;
    height: 300px;
 
Odpovědět
31.1.2015 12:08
Avatar
Aleš Lulák
Člen
Avatar
Aleš Lulák:31.1.2015 17:23

Doufám, že jsem to pochopil správně.

Použij ještě vlastnost background-size.

Například http://jsfiddle.net/6v2oduo2/
Vice zde na http://www.itnetwork.cz/…cesky-manual

Akceptované řešení
+20 Zkušeností
Řešení problému
Nahoru Odpovědět
31.1.2015 17:23
"I disapprove of what you say, but I will defend to the death your right to say it" - Evelyn Beatrice Hall
Avatar
Odpovídá na Aleš Lulák
jakub.matousek23:31.1.2015 19:07

Vyřešil jsem to celkovým zmenšením obrázku , takže se teď obrázek zobrazuje správně od rozlišení 1024x768 a dál.Každopádně děkuji za pomoc a určitě se mi to bude hodit do budoucna i ta stránka http://jsfiddle.net =)

 
Nahoru Odpovědět
31.1.2015 19:07
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 3 zpráv z 3.