potrzebna pomoc z utworzeniem poprawnie buttona
gregor - 29-01-2010 14:31
potrzebna pomoc z utworzeniem poprawnie buttona
Witam
Mam aktualnie kod, ktory dziala swietnie pod wszystkimi przegladarkami
(ie6,7,ff,o,safari,chrom)niestety IE8 psuje nieco wyglad, postanowilem
wiec zmienic i go troche naprawic, udalo mi sie nawet stworzyc "ideal",
ktory dziala pod wszystkimi przegladarkami, niestety jak zmienie rozmiar
czcionki nawet o 1px to sie znowu rozwala a button.
o to fragment buttona, oraz link http://szu.pl/button
(jest tez w nim maly blad koncepcji otoz, link jest w srodku i znacznik
<a> nie uwzglednia lewego i prawego elementu przycisku)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div style="">
<span
style="
background: url('./img/button/s_left.gif');
background-repeat: no-repeat;
background-position: left center;
line-height: 26px;
padding: 6px 0;
">
</span>
<a href="http://szu.pl/button"
style="
background-image: url('./img/button/s_center.gif');
background-repeat: repeat-x;
background-position: 0 90%;
font: 12px Verdana, Arial, sans-serif;
color: #172;
margin: 0 -2px;
padding: 6px 0;
cursor: pointer;
">
<img src="s_add.gif"/> Dodaj now± sprawê
</a>
<span
style="
background: url('./img/button/s_right.gif') 100% 50%;
background-repeat: no-repeat;
background-position: right center;
line-height: 26px;
padding: 6px 0px;
">
</span>
</div>
</body>
</html>
dzieki
gregor
Krzysztof Warunek - 29-01-2010 14:31
Dnia Tue, 26 Jan 2010 09:08:00 +0100, gregor napisa³(a):
> Mam aktualnie kod, ktory dziala swietnie pod wszystkimi przegladarkami
> (ie6,7,ff,o,safari,chrom)niestety IE8 psuje nieco wyglad, postanowilem
si³y nie mam teraz i czasu na kod, wiec podam najgorsze z mozliwych
rozwi±zañ:) - ustawiæ X-UA-Compatible IE=EmulateIE7
powinno dzia³aæ choæ nie jest to wskazane, na pewno jest wyj¶cie w css
--
Krzysztof Warunek
http://tocheckserver.pl
gregor - 29-01-2010 14:31
W dniu 2010-01-26 10:08, Krzysztof Warunek pisze:
> X-UA-Compatible IE=EmulateIE7
nic nie pomaga moj kod pod ie7 dziala OK a jak wlaczam ie8 nawet w
trybie zgodnosci z 7 to nadal to samo (mam virtual PC dla wszystkich
przegladarek)
gregor
=?UTF-8?B?UGF3ZcWCIFBpc2tvcno=?= - 29-01-2010 14:31
On 2010-01-26 09:08, gregor wrote:
> Mam aktualnie kod, ktory dziala swietnie pod wszystkimi przegladarkami
> (ie6,7,ff,o,safari,chrom)niestety IE8 psuje nieco wyglad, postanowilem
> wiec zmienic i go troche naprawic, udalo mi sie nawet stworzyc "ideal",
> ktory dziala pod wszystkimi przegladarkami, niestety jak zmienie rozmiar
> czcionki nawet o 1px to sie znowu rozwala a button.
http://www.catswhocode.com/blog/top-...-tutorial-list
gregor - 29-01-2010 14:31
W dniu 2010-01-26 12:21, Pawe³ Piskorz pisze:
> On 2010-01-26 09:08, gregor wrote:
>> Mam aktualnie kod, ktory dziala swietnie pod wszystkimi przegladarkami
>> (ie6,7,ff,o,safari,chrom)niestety IE8 psuje nieco wyglad, postanowilem
>> wiec zmienic i go troche naprawic, udalo mi sie nawet stworzyc "ideal",
>> ktory dziala pod wszystkimi przegladarkami, niestety jak zmienie rozmiar
>> czcionki nawet o 1px to sie znowu rozwala a button.
>
> http://www.catswhocode.com/blog/top-...-tutorial-list
Patrzylem, jest tam 1 bardzo podobny ale ma ustalona szerokosc, jak dam
wiekszy napis to sie rozjedzie ten moj button jest elastyczny a tamte nie
gregor
=?UTF-8?B?UGF3ZcWCIFBpc2tvcno=?= - 29-01-2010 14:31
On 2010-01-26 13:05, gregor wrote:
> W dniu 2010-01-26 12:21, Pawe³ Piskorz pisze:
>> http://www.catswhocode.com/blog/top-...-tutorial-list
>
> Patrzylem, jest tam 1 bardzo podobny ale ma ustalona szerokosc, jak dam
> wiekszy napis to sie rozjedzie ten moj button jest elastyczny a tamte nie
To popatrz jeszcze raz, pierwsze dwa przyk³ady siê skaluj±, w tym drugi
nawet w pionie.