potrzebna pomoc z utworzeniem poprawnie buttona - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › potrzebna pomoc z utworzeniem poprawnie buttona

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 7

1. Data: 2010-01-26 08:08:00
Temat: potrzebna pomoc z utworzeniem poprawnie buttona
Od: gregor <g...@s...pl>

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

[ pokaż wiadomość z nagłówkami ]

do góry
2. Data: 2010-01-26 09:08:50
Temat: Re: potrzebna pomoc z utworzeniem poprawnie buttona
Od: Krzysztof Warunek <k...@t...pl>

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

[ pokaż wiadomość z nagłówkami ]

do góry
3. Data: 2010-01-26 10:06:16
Temat: Re: potrzebna pomoc z utworzeniem poprawnie buttona
Od: gregor <g...@s...pl>

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

[ pokaż wiadomość z nagłówkami ]

do góry
4. Data: 2010-01-26 11:21:22
Temat: Re: potrzebna pomoc z utworzeniem poprawnie buttona
Od: Paweł Piskorz <n...@p...nie?>

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-10-css-buttons-t
utorial-list

[ pokaż wiadomość z nagłówkami ]

do góry
5. Data: 2010-01-26 12:05:56
Temat: Re: potrzebna pomoc z utworzeniem poprawnie buttona
Od: gregor <g...@s...pl>

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-10-css-buttons-t
utorial-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

[ pokaż wiadomość z nagłówkami ]

do góry
6. Data: 2010-01-26 12:16:06
Temat: Re: potrzebna pomoc z utworzeniem poprawnie buttona
Od: Paweł Piskorz <n...@p...nie?>

On 2010-01-26 13:05, gregor wrote:
> W dniu 2010-01-26 12:21, Paweł Piskorz pisze:
>> http://www.catswhocode.com/blog/top-10-css-buttons-t
utorial-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.

[ pokaż wiadomość z nagłówkami ]

do góry
7. Data: 2010-01-26 12:44:28
Temat: Re: potrzebna pomoc z utworzeniem poprawnie buttona
Od: gregor <g...@s...pl>

W dniu 2010-01-26 13:16, Paweł Piskorz pisze:
> On 2010-01-26 13:05, gregor wrote:
>> W dniu 2010-01-26 12:21, Paweł Piskorz pisze:
>>> http://www.catswhocode.com/blog/top-10-css-buttons-t
utorial-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.
>

1 nie bede mogl wrzucic obrazka w srodek przycisku a w 2 pod IE totalne dno

gregor

[ pokaż wiadomość z nagłówkami ]

do góry