Autor Zpráva
Ernie
Profil *
Dobrý den,
mám na svých stránkách grafické menu.
Je lepší použít jeden obrázek a image mapu anebo obrázek rozsekat a jednotlivé obrázky udělat jako odkazy?
Image mapy označují některé "validátory" za nevhodné, na druhé straně načítání více obrázků znamená více připojení k serveru...
Děkuji za odpověď.
Petr Wudi
Profil
Nejlepší je j udělat to normálně přes text. Pokud to nejde jinak, použij raději samostatné obrázky. Každému obrázku pak můžeš nastavit atribut »alt« (to by u mapy nešlo) a menu uvidí i lidé, kteří mají obrázky vypnuté.
Ernie
Profil *
A je to skutečně lepší těch 7 připojení k serveru navíc?
Opravdu nevím, proto se ptám.
panther
Profil
Ernie:
bez konkrétní ukázky lze jen hádat, co by bylo lepší nebo horší. Ukaž a dostaneš radu.
Ernie
Profil *
Dobrá, ale prosím nehaňte, dělám to pro zábavu.
http://speeeder.php5.cz/
Meníčko je myslím dobře viditelné :-)
Ernie
Profil *
(používám tam image mapu a váhám, jestli to místo toho rozřezat, abych tedy mohl použít alty a tím zpřístupnit web i bez obrázků apod.)
panther
Profil
Ernie:
použij vícero obrázků. Obecně obrázkové menu má tu nevýhodu, že na něm nelze :hoverovat - nevím, na kterém odkazu zrovna jsem, když jsem u hrany obrázků (ano, jde, ale...)
Ernie
Profil *
Udělám to tak, díky za radu a za čas.
Petr Wudi
Profil
Ernie:
Toto menu vypadá docela jednoduše, takže použij víc obrázků. A možná by nebylo ani tak těžké udělat všechno textem a tomu pak nastavit speciální písmo (zkoušel jsem někde najít to tvoje ale našel jsem jen jiné, podobné).
jenikkozak
Profil
Ernie:
Na tom menu nevidím nic tak vzácného, aby nemohlo být tvořeno pouze textem a jedním obrázkem na pozadí celé hlavičky. (Ale možná je použité písmo neobvyklé, v písmech se moc nevyznám.)
Pozor dej ale na dvě věci: na kontrast písma s pozadím a na to, že ne všem při tomto vzhledu musí dojít, že se jedná o menu.
Ernie
Profil *
Petr Wudi:
Ale jak nastavit takové písmo? Ono to jde, aby to fungovalo ve všech prohlížečích ?

jenikkozak:
S tím kontrastem je to pravda,
a co se týče rozpoznání menu jako takového - co přesně máte na mysli?

Asi nejjistější variantou se mi jeví něco jako
<a href="/stranka.html">
<img src="/stranka.png" alt="Stránka">
</a>

přičemž půjde nastavit :hover a bude možné zvýraznit aktuální (otevřenou) položku
Bubák
Profil
Ernie:
Ale jak nastavit takové písmo? Ono to jde, aby to fungovalo ve všech prohlížečích ?
Před otazníkem se nedělá mezera.
Ve všech prohlížečích to nepůjde, ale můžeš očekávat zhruba 98% podporu (zdroj: Změřte si reálnou podporu HTML5). Ostatním by se zobrazilo obyčejné písmo, což bych neviděl jako podstatný nedostatek.

Můžeš se kouknout na http://wellstyled.com/css-replace-text-by-image.html, Kompatibilnější řešení.
Pro zajímavost můžeš kouknout na http://teststranek.kvalitne.cz/menu3/, ale dělal jsem to "kdysi", nechce se mi to předělávat a vím, že by to šlo udělat lépe, slovy výše odkázaného článku "kompatibilněji".
Ernie
Profil *
Bubák:
Před otazníkem se nedělá mezera.
Někteří (např. Francouzi) ji tam dělají, já ji tam občas nechtěně napíšu také.

A děkuji za odpověď.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0