Autor | Zpráva | ||
---|---|---|---|
Tomsssss Profil * |
#1 · Zasláno: 23. 5. 2007, 14:49:12
Zdravím,
Můj problém spočívá v tom ,že pozadí tlačítek na mojí stránce se zmenšuje a zvětšuje s délkou textu.Potřeboval bych poradit jak to zafixovat. Předem děkuji za odpověd'. HTML - <table width="179" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td height="35"><a class="tlac">Cau</a></td> </tr> <tr> <td height="35"><a class="tlac">Zdar</a></td> </tr> <tr> <td height="35"><a class="tlac">Ahoj</a></td> </tr> </table> CSS - a.tlac { left: -301px; padding: 0px 15px 0px 15px; margin: 0px; font-family: "Verdana"; font-weight: 600; font-size: 12pt; color: #ffffff; margin: 0px; background-image: url('../obrazky/tlacitko1.png'); position: relative } a.tlac:hover { background-position: center center; text-decoration: none; background-image: url('../obrazky/tlacitko2.png') } |
||
Miloš Profil |
#2 · Zasláno: 23. 5. 2007, 15:00:52
1) Necpi to do tabulek. Výčet dej do seznamu <ul> nebo <menu> a jednotlivé položky do <li>
2) <li> nastav width, height a display: block; 3) Rozměry udělej dostatečně velké na to, aby při větším zvětšené nelezl text z „tlačítek“. |
||
Tomsssss Profil * |
#3 · Zasláno: 23. 5. 2007, 15:03:01
Díky
|
||
Tomsssss Profil * |
#4 · Zasláno: 23. 5. 2007, 18:29:53
Udělal jsem to takhle:
<ul> <a class="tlac"><li>Cau</li></a> <a class="tlac"><li>Ahoj</li></a> <a class="tlac"><li>Zdar</li></a> </ul> CSS a.tlac { top: -19px; left: 200px; text-align: center; width: 179px; list-style-type: none; height: 36px; margin: 0px; display: block; font-family: "Verdana"; font-weight: 600; font-size: 12pt; color: #ffffff; background-image: url('../obrazky/tlacitko1.png'); position: relative } a.tlac:hover { text-decoration: none; background-image: url('../obrazky/tlacitko2.png') } IE Opera Ale narazil jsem na další problémy: 1, Nevím jak zarovnat text v tlačítku. 2,v IE 7 mně nejede hoover. 3,v Opeře mně hoover jede, ale tlačítka jsou rozházený a jeste tam jsou puntíky. Prosím porad'te. |
||
Tomsssss Profil * |
#5 · Zasláno: 23. 5. 2007, 18:33:39
Obrázek u IE je špatný. Tohle je správný IE
|
||
Miloš Profil |
#6 · Zasláno: 23. 5. 2007, 19:02:24
Chyba by mohla být v tom, že <a> patří dovnitř <li>, ne naopak.
|
||
Tomsssss Profil * |
#7 · Zasláno: 23. 5. 2007, 19:18:50
Děkuji, u Opery to pomohlo, ale v IE 7 se zobrazily černé tečky u levého okraje stránky.
|
||
Miloš Profil |
#8 · Zasláno: 23. 5. 2007, 19:23:40
Oprav si list-style-type: none – máš to pro a.tlac, ale ne pro vlastní li.
|
||
Tomsssss Profil * |
#9 · Zasláno: 23. 5. 2007, 19:30:05
Děkuji
|
||
Tomsssss Profil * |
#10 · Zasláno: 23. 5. 2007, 20:04:43
Kdyby někdo přišel na to jak vycentrovat text v tlačítku a chtělo se mu to napsat do diskuse, budu rád :-)
|
||
Miloš Profil |
#11 · Zasláno: 23. 5. 2007, 20:11:04
li {text-align: center;}
|
||
Miloš Profil |
#12 · Zasláno: 23. 5. 2007, 20:18:12
Jo aha, ty asi myslíš svisle (vodorovné centrování není moc hezké).
napadají mě dvě řešení: pokud máš explorer ve standardu (viz režimy prohlížečů, můžeš použít pro li padding-top o poloviční výšce li (Opera a FF to vezmou i v quirku). Pokud máš explorer v quirku, pak pomůže relativní pozicování pro li a (včetně link, hover, visited a active). |
||
Tomsssss Profil * |
#13 · Zasláno: 23. 5. 2007, 21:09:56
To znamená, že pomocí doctype můžu řídit chování stránky v prohlížeči ?
|
||
Tomsssss Profil * |
#14 · Zasláno: 23. 5. 2007, 21:27:13
Děkuji za rady, vše funguje.
|
||
Petr Tichý Profil |
#15 · Zasláno: 23. 5. 2007, 21:29:58 · Upravil/a: Petr Tichý
Miloš
Nešlo by to pomocí line-height: rovno výšce/minimální výšce <a>? Pro svislé centrování jednořádkových prvků je to ideál. |
||
Miloš Profil |
#16 · Zasláno: 23. 5. 2007, 21:37:11
Petr Tichý
Ano, a je to lepší řešení (není to závislé na režimu vykreslování), ale line-height = celá výška elementu (teď jesm odzkoušel IE6, FF i Operu) |
||
Petr Tichý Profil |
#17 · Zasláno: 23. 5. 2007, 21:49:26
Miloš
No přesně tak. Tu minimální pouze pro případ zvětšení písma. V navigacích to používám zcela běžně. |
||
Tomsssss Profil * |
#18 · Zasláno: 23. 5. 2007, 21:52:33
Děkuju, šikovný způsob.
|
||
Tomsssss Profil * |
#19 · Zasláno: 23. 5. 2007, 23:04:57
Mohl bych zvlášt´ označit pravidla pro Operu, FF a IE
|
||
Tomsssss Profil * |
#20 · Zasláno: 23. 5. 2007, 23:05:32
?
|
||
Miloš Profil |
#21 · Zasláno: 23. 5. 2007, 23:28:44
Podmíněné komentáře:
<!--[if IE]> Pouze pro explorer <![endif]--> <!--[if !IE]> -->Pouze pro ostatní prohlížeče<!-- <![endif]--> Neodlišíš tak sice od sebe Operu a FF, ale snad se to hodí. |
||
Tomsssss Profil * |
#22 · Zasláno: 24. 5. 2007, 12:13:56
díky
|
||
Tomsssss Profil * |
#23 · Zasláno: 24. 5. 2007, 19:39:16
A prosimvás nevíte co by mohlo blokovat ten hoover v IE7 (nevím jestli se to děje i v jiných IE).
|
||
Mastodont Profil |
#24 · Zasláno: 24. 5. 2007, 20:00:51
Kteého Hoovera myslíš, Herberta nebo Johna Edgara? Když jsem to viděl v nadpisu, považoval jsem to za náhodný překlep. Píše se to "hover".
|
||
Miloš Profil |
#25 · Zasláno: 24. 5. 2007, 20:26:11
jirda
koleduješ si |
||
Tomsssss Profil * |
#26 · Zasláno: 24. 5. 2007, 20:38:17
Co to má být za odkaz ?
|
||
Miloš Profil |
#27 · Zasláno: 24. 5. 2007, 20:43:19
Tomsssss
jirda si koleduje – pokud by to bylo klikací a někdo oprávněný by na to kliknul, smazal by tento thread (oprávněným je admin, moderátor a registrovaný autor). |
||
Tomsssss Profil * |
#28 · Zasláno: 24. 5. 2007, 20:45:50
Aha,
Ješte že nejsem registrovaný. :o) |
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0