Ahoj, mám jeden docela lamerský dotaz:
Měla jsem obrázkovou navigaci, ale tady někde jsem se dočetla, že je lepší mít navigaci textovou, text skrýt a ten obrázek dát v css na pozadí. Pokouším se tedy o to, ale když nastavím odkazu visibility: hidden, tak se mi skryje i obrázek... Jak to tedy udělat? Děkuju za rady.
                                 
                                 
                               
               
                              
                                 
                                      asi nejak takhle:
text odkazu dej do span. tedy <a href=""><span>Odkaz</span></a>
potom v css:
a {display:block; width:xx; height:xx; background: url('obrazek.gif') no-repeat center center}
a span {display:none}
melo by to fungovat. snad jsem to sem opsal vsechno.
                                 
                                 
                               
               
                              
                                 
                                      Jo takhle! Vyzkoušim to, ale myslim že ten span by tam měl pomoct...  Snad to bude ten zakopanej pes:) Díky!
                                 
                                 
                               
               
                              
                                 
                                      Tyy jo ale todle sem vedel dokoncei JA :DDDDD
                                 
                                 
                               
               
                              
                                 
                                      Tak už mi to skoro funguje, až na to že v mozille a v opeře se ten odkaz nevycentruje doprostřed divu jak by měl... v IE je to ok. Ten kód je tady:
span.odkaz {
	display: none;
	text-align: center;
}
a#news {
	display: block;
	background-image: url(menu/news.gif);
	background-repeat: no-repeat;
	width: 50px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	background-position: center middle;
}
ten div ve kterým to všechno je má taky text-align: center
                                 
                                 
                               
               
                              
                                 
                                      Poisoner: z toho zas takovou radost mít nemusíš, já sem v css začátečník:) ale jsem ráda, že jsem tě potěšila:)
                                 
                                 
                               
               
                              
                                 
                                      tak jdeme na to. trosku ti poupravime zdrojacek ;-)
span.odkaz => .menu span (v html pak nemusis k tem spanum psat class)
.menu span {display:none} - vic neni potreba, protoze to stejne nebude videt
a #news - zde bude jen nastaveni obrazku pozadi
.menu a - zde bude ten zbytek, takze to nemusis psat pro kazdy odkaz zvlast (ale v css bych to dal pred to a #news a podobne)
.menu a - dopln / oprav: width:100%; background-position: center center
tamtez smaz ty -aligny - jsou na nic
pripadne potrebne mezery mezi odkazama udelej marginem v #menu a
tot snad vse
jo, jeste div.menu {display:block} - vsechny divy jsou block, takze klidne muzes smazat
                                 
                                 
                               
               
                              
                                 
                                      Děkuju, už to jede přesně jak má:)
                                 
                                 
                               
               
                              
                                 
                                      Elis: myslis ze ja ne :)? Sem se s CSS praktikou setkal porpvy predevcriem rano nebo kdy to bylo :)