obrázek na pozadí skrytého textu

1. Návštěvník C247CC1E 30. 8. 2004 22:18

   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.

2. Návštěvník 5EC50CBD 30. 8. 2004 22:31

   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.

3. Návštěvník C247CC1E 30. 8. 2004 22:35

   Jo takhle! Vyzkoušim to, ale myslim že ten span by tam měl pomoct... Snad to bude ten zakopanej pes:) Díky!

4. Návštěvník 3D0C4F02 30. 8. 2004 22:42

   Tyy jo ale todle sem vedel dokoncei JA :DDDDD

5. Návštěvník C247CC1E 30. 8. 2004 23:13

   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

6. Návštěvník C247CC1E 30. 8. 2004 23:14

   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:)

7. Návštěvník 5EC50CBD 30. 8. 2004 23:53

   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

8. Návštěvník C247CC1E 31. 8. 2004 00:06

   Děkuju, už to jede přesně jak má:)

9. Návštěvník 3D0C4F02 31. 8. 2004 11:51

   Elis: myslis ze ja ne :)? Sem se s CSS praktikou setkal porpvy predevcriem rano nebo kdy to bylo :)

← Zpět na všechna témata