Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: Pozicovaní obrázku

HTML a CSS HTML a CSS Pozicovaní obrázku American English version English version

Aktivity (1)
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  +1 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.