| Autor | Zpráva | ||
|---|---|---|---|
| silverback Profil |
#1 · Zasláno: 26. 3. 2009, 14:04:44
Mám takový problém - dělám webovou kolekci oblečení - náhledovou stránku můžete zkouknout zde: náhled. Různé barvy u výrobků mám udělané tak, že mám definovaný div
.barva {
height:10px;
width:10px;
float:left;
margin:0;
padding:0;
margin-right:2px;
}
v kódu mám potom normálně: <a href="file.html"><div class=".barva" style="background-color:#000;"></div></a> ve FF a Opeře se vše zobrazuje správně, ale v IE link sice funguje, ale nezmění se kurzor na ručičku, takže vůbec není jasné, že se jedná o kontakt. Zkoušel jsem to pořešit text indentem a overflow hide, ale nějak mi to nejde. Poradí někdo, co s tím? Nebo budu muset použít obrázky :( |
||
| silverback Profil |
#2 · Zasláno: 26. 3. 2009, 14:23:58
Tak už jsem to pořešil, jen jsem na něco zapomněl a výsledný css je:
.barva {
height:10px;
width:10px;
float:left;
margin-right:2px;
overflow:hidden;
}
.barva a:link, .barva a:hover, .barva a:visited, .barva a:active{
text-decoration:none;
display:block;
width:10px;
height:10px;
text-indent:-1000000px;
}a v HTML: <div class="barva" style="background-color:#000;"> <a href="/_pages/_kolekce/man/cyklodresy/team/_kr_rukav.html" title="černá">černá</a> </div> |
||
| habendorf Profil |
#3 · Zasláno: 26. 3. 2009, 15:09:33
Ten div je tam naprosto k ničemu, proč tam nemáš jen ten link?
|
||
| silverback Profil |
#4 · Zasláno: 26. 3. 2009, 16:57:40 · Upravil/a: silverback
to habendorf no a můžeš mi příkladně říct, jak by to mělo podle tebe vypadat? Kdybych tam měl jenom link, jak bych potom dosáhl kýženého efektu??
|
||
| habendorf Profil |
#5 · Zasláno: 26. 3. 2009, 17:05:41
Úplně stejně, ne?
a {
height:10px;
width:10px;
float:left;
margin-right:2px;
overflow:hidden;
text-decoration:none;
text-indent:-1000000px;
}
a.green {background:green;}
a.red{background:red;}
... |
||
| silverback Profil |
#6 · Zasláno: 26. 3. 2009, 17:47:50
aha - no, mám poměrně obsáhlý .css a takhle je to pro mě přehlednější. Myslím, že ty dva zápisy jsou skoro totožné, takže bych to neřešil ;) Ale asi máš pravdu ...
|
||
| panther Profil |
#7 · Zasláno: 26. 3. 2009, 18:25:38
silverback
„Myslím, že ty dva zápisy jsou skoro totožné“ nejsou, ty tam rveš zbytečné „divy“ navíc, kde nemají co dělat. |
||
| silverback Profil |
#8 · Zasláno: 26. 3. 2009, 19:44:03
„silverback“
„„Myslím, že ty dva zápisy jsou skoro totožné““ „nejsou, ty tam rveš zbytečné „divy“ navíc, kde nemají co dělat.“ ok, beru to a pro příště to udělám elegantněji ;) je pravda, že se v tom občas trochu motám, ale nějak se začít musí. Osobně si myslím, že můj zdrojový kód takových zbytečností bude obsahovat více. Díky za korekci téhle části. |
||
|
Časová prodleva: 15 let
|
|||
0