Autor Zpráva
marta
Profil *
#1 · Zasláno: 5. 8. 2005, 09:59:55
Odpovědět Citovat
Ahoj.
Mám menu tvořené pomocí divu , každá položka má obrázkové pozadí.
Zapsáno je to takto:
div {background-image: url("menu.gif"); background-repeat: no-repeat; width:25%; margin:5px; padding:5px}

Div má tedy 25% šířku stránky, to je OK. Jak mám ale nastavit u toho pozadí menu.gif, aby se roztáhlo přesně na velikost toho divu? Nechci používat přímo pixely, aby se to zmenšovalo a zvětšovalo při změně velikosti okna.
Díky moc za radu
Plaváček
Profil
#2 · Zasláno: 5. 8. 2005, 10:14:46
Odpovědět Citovat
Velikost pozadí na pozadí blokového prvku nelze pomocí CSS ovlivnit. Bohužel.
peta
Profil *
#3 · Zasláno: 6. 8. 2005, 16:25:01
Odpovědět Citovat
marta
se to dela dvojimi obrazky
-------------------------------
|.....................................|
-------------------------------

.menu {background:url("") left center]
.menu>div {background:url("") right center]

<div class="menu">
<div>
<a href="#">sss1</a>
<a href="#">sss2</a>
<a href="#">sss3</a>
</div>
</div>

Nebo si muzes pod kazde menu napozicovat obrazek (IMG nebo do divu) a pomoci JS ovlivnovat jeho rozmery. Mozna by to slo i pomoci CSS, ale nevim, jak bys zachovaval pomer rozmeru.
Dalsi moznost je pouzit JS v CSS jako expression.
Zkus pohledat googlem, slova bych volil asi:
dynamic image background example
Časová prodleva: 3 dny
marta
Profil *
#4 · Zasláno: 9. 8. 2005, 08:25:10
Odpovědět Citovat
díky peto, prokousu se tim timto smerem
peta
Profil *
#5 · Zasláno: 9. 8. 2005, 13:43:21
Odpovědět Citovat
marta
zajimave reseni je prestylovat U I B a dat to do A, ktere mas display:block;
.menu a, .menu b, .menu i, .menu u
{display:block; text-decoration:none;font-weigth:normal;font-style:normal}
.menu b {width:20px;background:url(vlevo) ...}
.menu i {width:20px;background:url(vpravo) ...}
.menu u {width:20px;background:url(sirka) ...}
<a href="#"><b></b><u>text</u><i></i></a>
(se tremi obrazky, ale uplne nej je pouzit jeden, pripadne zadnym pouze jeden vlevo, treba //vampierka.wz.cz)
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0