| Autor | Zpráva | ||
|---|---|---|---|
| řeznik Profil * |
Dobrý den,
na svých stránkách zabijacka.net se snažím zarovnat položky v hlavním menu do prava. Ale stále se mi to nedaří zarovnat do prava.. |
||
| Miloš Profil |
#2 · Zasláno: 1. 9. 2010, 10:05:12
.artmenu {float: right;}
|
||
| pavuk Profil |
#3 · Zasláno: 1. 9. 2010, 10:13:00 · Upravil/a: pavuk
Musíš ale počítat s tím, že v současným stavu ti položky <li> zakryjí přesahující cibuli
|
||
| řeznik Profil * |
#4 · Zasláno: 2. 9. 2010, 08:11:35
Jo vidím to. Potřeboval bych to udělat tak, aby se mi zobrazovalo obrázkové pozadí u položek menu pouze když najedu na odkaz kurzorem myší. Šlo by to takto udělat? Můžete mi poradit, jak na to? Děkuji
|
||
| panther Profil |
#5 · Zasláno: 2. 9. 2010, 09:11:53
řeznik:
„jak na to?“ přesně tak, jak jsi to napsal. Odkaz (a) pozadí mít nebude, a:hover ano. |
||
| řeznik Profil * |
#6 · Zasláno: 2. 9. 2010, 10:11:03
To mě napadlo. Jenže mám jeden obrázek a pozadí obrázku zobrazuji posunutím pozice obrázku, viz kod. Jde to nějak udělat, anichž bych musel radikálně zasahovat do kodu?
.artmenu a
{
background-image: url('images/item-left.png');
background-position: left top;
background-repeat: no-repeat;
}
.artmenu a span
{
background-image: url('images/item-right.png');
background-position: right top;
background-repeat: no-repeat;
}
.artmenu a span span
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 18px;
color: #FFDD8F;
padding: 0 12px;
margin: 0 11px;
line-height: 32px;
text-align: center;
background-image: url('images/item-center.png');
background-position: left top;
background-repeat: repeat-x;
}
.artmenu a:hover
{
background-position: left -32px;
}
.artmenu li:hover>a
{
background-position: left -32px;
}
.artmenu li:hover a span
{
background-position: right -32px;
}
.artmenu a:hover span
{
background-position: right -32px;
}
.artmenu a:hover span span
{
color: #F0E175;
background-position: left -32px;
}
.artmenu li:hover a span span
{
color: #F0E175;
background-position: left -32px;
}
.artmenu a.active
{
background-position: left -64px;
}
.artmenu a.active span
{
background-position: right -64px;
}
.artmenu a.active span span
{
color: #E9D435;
background-position: left -64px;
}
|
||
| panther Profil |
#7 · Zasláno: 2. 9. 2010, 10:16:08 · Upravil/a: panther
řeznik:
Udělej si obrázek jen pro hover stav, pro klidový stav jen zbytečně překresluješ obrázek nav.png. .artmenu a zůstane bez pozadí, a:hover si obrázek přidá. |
||
| řezník Profil * |
#8 · Zasláno: 2. 9. 2010, 19:20:20
Udělal jsem si pozadí jen pro hover. Jenže stále se mi nezobrazují správně obrázky na pozadí. Mám to nějak přeházené. Tohle je kod, který tam momentálně mám:
.artmenu a:hover
{
background-position: left -32px;
}
.artmenu li:hover>a
{
background-position: left -32px;
}
.artmenu li:hover a span
{
background-position: right -32px;
}
.artmenu a:hover span
{
background-image: url('images/item-right.png');
}
.artmenu a:hover span span
{
color: #F0E175;
background-image: url('images/item-lef.png');
}
.artmenu li:hover a span span
{
color: #F0E175;
background-image: url('images/item-center.png');
}Něco mám špatně, ale nevidím kde? |
||
| tiso Profil |
#9 · Zasláno: 2. 9. 2010, 19:34:07
řezník:
background-image: url('images/item-left.png');
|
||
| řezník Profil * |
#10 · Zasláno: 2. 9. 2010, 19:50:17
Tím to není, to byl jen překlep. |Opravil jsem to, a výsledek je stále špatný, tak nevím.
|
||
| hancs Profil * |
#11 · Zasláno: 3. 9. 2010, 11:28:25
Poradíte mi, co mám špatně? Jak docílím požadovaného stavu. Děkuji
|
||
| řezník Profil * |
Stále se mi nedaří. Mohl byste mi stím někdo pohnout? Děkuji
Moderátor Chamurappi: Přesunuto z Nastavení pozadí u hoveru.
Dobrý den, na svém budoucím webu zabijacka.netse marně snažím nastavit pozadí hoveru u hlavního menu. Mohl bys te mi stím někdo pomoci? Budu vděčný za každou radu. Děkuji |
||
| Tori Profil |
Moderátor Chamurappi: Přesunuto z Nastavení pozadí u hoveru.
Bohužel nejde použít jednoduché .artmenu a:hover {
background: pozadi_hoveru;
}protože by to pozadí zčásti překrývalo cibuli. Zkusila bych z obrázku nav.png, co dělá pozadí div.nav, odstranit cibule. A potom za ul.artmenu přidat div nebo obrázek, který by to menu překrýval a tvořily by ho jen ty dvě chybějící části cibule na průsvitném pozadí. Ale připadá mi to trochu komplikované, snad někdo jiný ještě poradí vhodnější řešení. |
||
| řeznik Profil * |
Moderátor Chamurappi: Přesunuto z Nastavení pozadí u hoveru.
Nebudemi vadit když pozadí v hoveru mi překryje část cibule. Jak byste to udělali Vy? |
||
| panther Profil |
Moderátor Chamurappi: Přesunuto z Nastavení pozadí u hoveru.
řezník: jak ten hover má vypadat? Nějaký jsi tam už měl, teď chceš jiný? Jaký? Cibule bude pod nebo nad ním? Kde není otázka s problémem, nemůže být odpověď s radou. |
||
| jenikkozak Profil |
Moderátor Chamurappi: Přesunuto z Nastavení pozadí u hoveru. Díky za upozornění.
řezník: Důvod, proč vám nikdo kloudně neodpovídá, je ten, že uvedený zdrojový kód Drupalu je poměrně nepřehledný. Na druhou stranu obdivuji člověka, který dokáže pracovat s deseti css soubory a takovýmhle mořem <div>ů. |
||
| panther Profil |
Moderátor Chamurappi: Přesunuto z Nastavení pozadí u hoveru.
jenikkozak: „Na druhou stranu obdivuji člověka, který dokáže pracovat s deseti css soubory a takovýmhle mořem <div>ů.“ kdybys uměl zacházet s Firebugem nebo něčím podobným, bylo by ti jedno, kolik těch stylopisů a divů na stránce je. |
||
| jenikkozak Profil |
Moderátor Chamurappi: Přesunuto z Nastavení pozadí u hoveru.
panther: Obdiv jsem složil tomu, kdo stránku vyvíjí, ne těm, kteří na webu hledají chybu pomocí nástrojů v prohlížečích. Pak je určitě lepší (pro toho autora) mít jeden stylopis a v tom se vyznat, než jich mít milion, přičemž hodnoty jednotlivých vlastností se nesčetněkrát přepisují. |
||
| Tori Profil |
Moderátor Chamurappi: Přesunuto z Nastavení pozadí u hoveru.
Aha, zapomněla jsem, že se to tu už řešilo. Mám dotaz na zkušenější: když by si řezník udělal obrázek s kouskem cibule jako pozadí pro hover, nebude se to rozsypávat při zvětšení písma, když je to poslední položka menu? (totiž z toho důvodu jsem radila to překrytí). |
||
| panther Profil |
#20 · Zasláno: 7. 9. 2010, 19:09:56
Tori:
„Mám dotaz na zkušenější: [...]“ je vhodnější dostat cibuli nad hover, ne si kvůli ní přidělávat speciální obrázek. |
||
| řezník Profil * |
#21 · Zasláno: 7. 9. 2010, 19:44:46
|
||
| habendorf Profil |
#22 · Zasláno: 7. 9. 2010, 20:22:00
řezník:
Umíš poslat 5 jitrnic na Plzeňsko tak, aby dorazily v poživatelném stavu? ;o) |
||
| řeznik Profil * |
#23 · Zasláno: 8. 9. 2010, 13:53:02
panther:
Tohle by měl být obrázek na pozadí hoveru: 
Nevím jak to mám udělat. Pomůžete mio s tím? |
||
| řeznik Profil * |
#24 · Zasláno: 8. 9. 2010, 13:55:06
Tady je Odkaz na obrázek hoveru.
|
||
| řeznik Profil * |
#25 · Zasláno: 9. 9. 2010, 08:36:18
Opravdu mi nedokáže nikdo poradit? Nemohu se pohnout z místa.
|
||
| Petr ZZZ Profil |
#26 · Zasláno: 9. 9. 2010, 09:26:49
řeznik:
Něco mi říká, že habendorf ti píše s komerčním podtextem, možná by v této výjimečné situaci jeho návrh přesto stál za úvahu. Jinak na téma hover s obrázkem najdeš něco ve vlákně Stylování-pozicování seznamu (rozdíly prohlížečů); je-li ti to moc dlouhé, mrkni aspoň na č. 18. Nepomůže-li to, tak už asi pomůžou jenom ty jitrnice. |
||
|
Časová prodleva: 14 let
|
|||
0