Autor Zpráva
Petr999
Profil *
Očkával jsem, že obrázek bude posunutý zleva o 100px a bude tedy vidět červená barva. Ale není a opakuje se úplně zleva. Proč?
Obrázek je 3x42 px
Díky

<style>
.menubar {
 background: red url(navcontainer.png) repeat-x 100px 0px;
line-height:40px;
margin:0;
padding:0;
width:100%;
}
//-->
</style>
  </head>
  <body>
<div class="menubar">
Nějaký text
</div>

Moderátor Chamurappi: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
Moderátor Chamurappi: Titulek „Obrázek na pozadí“ nevystihuje podstatu dotazu. Příště zkus prosím vymyslet lepší.
panther
Profil
Petr999:
Očkával jsem, že obrázek bude posunutý zleva o 100px
špatně jsi očekával.

Ale není a opakuje se úplně zleva. Proč?
protože má „repeat-x“.

Levý posun je přebit opakováním, lze opakující se pozadí posunout vertikálně. Analogicky, nelze ypsilonovou pozicí posunout vertikálně se opakující pozadí.


Pokud si nevíš rady, jak konkrétní případ vyřešit, dej sem odkaz, na něco jistě přijdeme.
Chamurappi
Profil
Reaguji na panthera:
Levý posun je přebit opakováním“ … „nelze ypsilonovou pozicí posunout vertikálně se opakující pozadí
To není tak úplně pravda. Pozadí jde posunout, i když se opakuje, problém je, že se opakuje na obě strany od posunutého začátku.

špatně jsi očekával
Explorer 4 by ho kdysi potěšil, ten postupoval tak, jak očekával.
Petr999
Profil *
Díky. Toto se ale na internetu ale ani na jakpsatweb nedočtete. Všude s klidem tvrdí, že to funguje.
panther
Profil
Chamurappi:
Pozadí jde posunout, i když se opakuje
což ve výsledku je jakoby přebito, když jsem to zjednodušil.

Petr999:
Všude s klidem tvrdí, že to funguje.
opravdu? Spíše se o tom nikdo nikde nezmiňuje, ne?
Chamurappi
Profil
Reaguji na panthera:
což ve výsledku je jakoby přebito
Není. Ten posun může být dost znatelný.


Reaguji na Petra999:
Toto se ale na internetu ale ani na jakpsatweb nedočtete.
Kde se píše, že by to mělo fungovat tak, jak jsi očekával?

Všude s klidem tvrdí, že to funguje.
Však ono to funguje.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0