Autor Zpráva
silverback
Profil
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
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
Ten div je tam naprosto k ničemu, proč tam nemáš jen ten link?
silverback
Profil
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
Ú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
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
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
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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