| Autor | Zpráva | ||
|---|---|---|---|
| lucas Profil |
Zdravím
Chci se zeptat na pixiho zlepšovám, který jsem udělal přesně podle tohoto http://stuff.1-webdesign.cz/text-indent.html Bohužel mi to funguje jen v exploreru i když předchozí odkaz funguje všude. můj kod vypadá takto: <div id="menuhome">
<a href="index.html">
<img src="images/menu/home.gif" width="300" height="45" alt="" background-repeat: no-repeat" /></a>
</div> CSS: #menuhome {position: absolute; left: 200px; top: 156px;
a {display:block; width:150px; height:45px; overflow:hidden;}
a:hover {text-indent:-150px;}
a img {border:none;}
}Vidíte někdo důvod proč to jde pouze v exploreru? web: www.villon.funsite.cz/test.html Moderátor Davex: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na
 ). |
||
| Bubák Profil |
#2 · Zasláno: 22. 1. 2011, 20:12:09
Ano vidím, v CSS máš
habendorf není Pixy. |
||
| lucas Profil |
#3 · Zasláno: 22. 1. 2011, 20:15:08
Když ten stylopis napíšu do hlavičky tak to sice funguje (minimálně v chrome), ale zase se to vztahuje na všechny odkazy a ne pouze na obrázkové, což nechci.
|
||
| lucas Profil |
#4 · Zasláno: 22. 1. 2011, 20:23:31
Bubák:
Tak jsem opravil bordel, kterýmu jsem rozumněl, téhle chybě nerozumím: Chyba při analýza a {display:block; width:150px; height:45px; overflow:hidden;} a:hover {text-indent:-150px;} a img {border:none;} |
||
| xmark Profil |
#5 · Zasláno: 22. 1. 2011, 20:31:47
lucas:
Tvůj styl psaní css je mimořádně nepřehledný, doporučoval bych to učesat, mohl by to zvládnout pspad. V css musí být styl každého identifikátoru nebo třídy uzavřen do složených závorek. Poradil bych konkrétněji, ale z toho souboru jsem nepochopil, o co se snažíš. Rozhodně je ale špatně dělat menu jako sloupec absolutně pozicovaných divů. |
||
| Bubák Profil |
#6 · Zasláno: 22. 1. 2011, 20:31:57 · Upravil/a: Bubák
Máš tam ukončovací závorky } navíc.
Tyhle deklarace pochopitelně fungují v celém dokumentu, protože to tak máš napsané: a {display:block; width:150px; height:45px; overflow:hidden;}
a:hover {text-indent:-150px;}
a img {border:none;} Dodatek: změnil jsem [pre] na [precss], aby se "chytilo" barvení kódu. |
||
| lucas Profil |
#7 · Zasláno: 22. 1. 2011, 20:45:29
O absolutním pozicování už jsem se dověděl že je na ho**o, to ještě později nějak vyřeším. ...... co se týče css tak jsem smazal ty složené závorky co tam byli navíc a výsledek je ostrašující, každopádně teď se každej prvek chová jinak a ani jeden správně, tak musím najít kde v tom jsou rozdíli.
pro: xmark: snažím se o normální menu tvořené obrázkama, po přejetí myší aby se obrázek(odkaz) změnil. |
||
| xmark Profil |
#8 · Zasláno: 22. 1. 2011, 20:56:16 · Upravil/a: xmark
lucas:
Později to nevyřešíš. Ještěs ani pořádně nezačal, tak máš příležitost. Doporučuju to přepsat do podoby <menu> <li><a href="něco">sdfsdf</a></li> <li><a href="něco">sdfsdf</a></li> </menu> a pak to nastylovat v css. Obejdeš se bez absolutního pozicování, navíc to budeš mít sémanticky v pořádku a ještě ti přibydou klíčová slova na důležitých pozicích. |
||
| lucas Profil |
#9 · Zasláno: 22. 1. 2011, 20:59:14
pokusím se ještě jednou napsat otázku.
tento kod: <precss> <style type="text/css"> a {display:block; width:493px; height:109px; overflow:hidden;} a:hover {text-indent:-493px;} a img {border:none;} </style> </precss> Tenhle kod funguje pouze ve hlavičce stránky a já bych ho potřeboval přepsat do souboru .css tak aby fungoval stejně. Když je v hlavičce tak se vztahuje na všechny odkazy na stránce a to já nechci. BTW: ještě před měsícem jsem neměl o tvorbě webu vůbec ponětí jak se dělá, tak ještě Vám zkušeným tolik nerozumím. :-) PS: nevím jak mám napsat to precss, nebo co to nahoře psal davex. |
||
| lucas Profil |
#10 · Zasláno: 22. 1. 2011, 21:01:01
xmark:
díky, vyzkouším to. :-) |
||
| lucas Profil |
#11 · Zasláno: 22. 1. 2011, 22:09:12
Problém vyřešen, je tonaprosto jednoduchý, pokud jako já chcete aby se Pixiho zlepšovák vztahoval pouze na konkrétní obrázek, tak kod zní takto:
<html>
<head>
<style type="text/css">
.menu1 a {display:block; width:150px; height:45px; overflow:hidden;}
.menu1 a:hover {text-indent:-150px;}
.menu1 a img {border:none;}
</style>
</head>
<body>
<div class="menu1">
<a href=index.html>
<img src="domu.jpg" width="300" height="45" alt=""/></a>
</div>
</body>
díky za pomoc |
||
| habendorf Profil |
#12 · Zasláno: 23. 1. 2011, 12:24:52
lucas:
„Chci se zeptat na pixiho zlepšovám“ Bubák: „habendorf není Pixy.“ lucas: „pokud jako já chcete aby se Pixiho zlepšovák“ Ale já fakt nejsem Pixy :o) |
||
|
Časová prodleva: 13 let
|
|||
0