Autor Zpráva
mantisa
Profil
http://www.mantisa.cz/ukazky/orez.jpg

Ukázka jedné z Nuvio šablon (tudíž nedělal to patlal)...

Toto se stane, pokud zmenším šířku okna zhruba na 500px a menu je přitom širší.
Zde je naštěstí položka stále čitelná, ale co když musím pro body mít nastavenou barvu pozadí bílou a položky menu mám také bílé? Pozadí položkám nemohu nastavit, jelikož by překryly obrázkové pozadí menu boxu. Je to v tomto případě prostě pech?

Nebo jen něco nevím?

Vím, že se většinou jedná o extremní případy, ale někdy se to může vyskytnout.

Děkuji za odpověď.
Plaváček
Profil
mantisa

Tak nastavíš barvu pozadí pro obrázkové pozadí menu boxu (ne položkám), ne?
mantisa
Profil
Plaváček

To mě samozřejmě napadlo, ale nejspíš blbnu, protože mám za to, že se pozadí menu (pokud to není body) roztáhne jen na 100 % (to jest viditelnou šířku okna), to co je schované "za posuvníkem" už nebude mít tu barvu pozadí menu boxu, ale body.
Plaváček
Profil
mantisa

To se bohužel z takhle ořezaného obrázku a bez znalosti zdrojového kódu říci nedá.
mantisa
Profil
Plaváček

Obecně, pokud něčemu nastavím pozadí (ne body) a nechám ho opakovat po ose-x (výšku neuvažujme), tak se mi pěkně roztáhne přes celou šířku okna. Pokud okno zmenším tak, že se objeví horizontální posuvník, zajedu s posuvníkem za okraj, to pozadí už "za tím okrajem" vykreslené nebude. Pletu se?
Plaváček
Profil
mantisa

Proč by nemělo?
mantisa
Profil
Plaváček

Zkoušel jste to? Aspoň já mám takovou zkušenost (neříkám však, že se nějak nepletu).
Plaváček
Profil
mantisa

Tyhle teoretické úvahy nikam nevedou, ukaž nějaký konkrétní příklad a pak můžeme dumat, kde tesař udělal chybu :)
mantisa
Profil
Plaváček

Za chvíli něco vytvořím a pošlu link...

EDIT:

http://www.mantisa.cz/ukazky/orez/orez.html



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ořez</title>

<style type="text/css">

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}

#footer {
background: gray url('footer-bg.gif') repeat-x 0 0;
height: 92px;
}

h1 { width: 950px; } /* Zmensi sirku okna pod 950 px a pak se mrkni co se stane s patickou, pokud budes hybat posuvnikem */

p {
color: white;
font-weight: bold;
font-size: 1.2em;
line-height: 300%;
}
</style>
</head>

<body>
<h1>Oříznuté pozadí</h1><br /><br />

<div id="footer"><p>Text v patičce</p></div>

</body>
</html>

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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