formatowanie przycisku

[AO]

Witam!

Dlaczego łatwo uzyskać formatowanie przycisku SUBMIT, a gorzej z

Kod: Zaznacz cały

<INPUT TYPE="FILE" NAME="myfile">

?

Nie mam pojęcia, gdzie dodac znaczniki stylu, żeby zadziałało!

SUBMIT mam przykładowo tak:

Kod: Zaznacz cały

<input type="submit" value="prześlij plik" style="color:white; font-weight: bold; background: navy; border: 1px solid white;">

Chciałabym ujednolicić formularz, nadając podobne formatowanie przyciskowi PRZEGLĄDAJ...

proszę o pomoc...

Ania

[raf2001]

Ja dokładnie niepamiętam wszystkich regułek ale powiem ci jak ja to stosuje (proste formatowanie przycisków). Przykładowo kawałek mojego styla:

Kod: Zaznacz cały

inne { font-family: Verdana; font-size: 11px; color: #000000; border-left: #000000 1px solid; border-right: #000000 1px solid; border-bottom: #000000 1px solid; border-top: #000000 1px solid; background-color: #D0D8E0;
}

Teraz opisze:
font-family: Verdana; - chyba wiadomo czcionka
font-size: 11px; color: #000000; -wielkośc i kolor czcionki
border-left: #000000 1px solid; border-right: #000000 1px solid; border-bottom: #000000 1px solid; border-top: #000000 1px solid; - obramowanie buttonka
background-color: #D0D8E0; - kolor tła
Chyba oto ci chodziło? Pozdrawiam

[AO]

Niezupełnie o to...
Bo widzisz, wstawienie tego stylu między tagi przycisku <INPUT TYPE="FILE" NAME="plik">
spowoduje sformatowanie ...pola, a nie samego przycisku!!!!
No i własnie to jest ciekawe...

[KaRoL]

Nie wiem czy chodzi wam o formatowanie butonu, ale u mnie to wygląda tak:

Kod: Zaznacz cały

<input name="submit" type="SUBMIT" value="Wyślij propozycję" style="font-family: Fixedsys; background-color: #008000; color: #00FF00; border: 1 dotted #00FF00">
<input name="Reset" type="RESET" value=" Usuń " style="font-family: Fixedsys; background-color: #008000; color: #00FF00; border: 1 dotted #00FF00">

Przyciski wyglądają bardzo efektownie na czarnej stronie.
Tak samo jest z innymi. Jeśli nie wiesz jak to zrobić posłuż się FrontPage'em.

Jeśli chodzi wam o Text Boxy to u mnie wygląda to tak:

Kod: Zaznacz cały

<font color="#33CC33">Adres do pliku<br>
<input type="text" name="adres" size="30" style="font-family: Fixedsys; background-color: #CCFFCC; color: #008000; border: 1 dotted #00FF00" value="http://"></font>

Jest to pole wykorzystywane do wpisania adresu www, dlatego w kodzie jest value="http://". Nie przejmuj się tym, to tekst w polu.

[AO]

Wszystkie buttony - tak.
Ale spróbuj to zrobić z buttonem PRZEGLĄDAJ...
hm?

[KaRoL]

To nie jest zbyt trudne. Znam rozwiązanie. Proszę bardzo, w head wklejasz

Kod: Zaznacz cały

<script language="JavaScript" type="text/javascript">
<!--
	if(!(document.layers)) {
		document.write('<style type="text/css">\
		.bt{color:#080F59;background-color:#DEE4FC;border: 1px solid #080F59;}\
		.bt1{color:#FFFFFF;background-color:#4D5096;border : 1px solid #FFFFFF;font-weight:bold;}\
		.bt2{color:#000000;background-color:#DBE9F9;border: 1px solid #000000;}\
		.it{color:#000000;background-color:#DBE9F9;border: 1px solid #7C7B7B;}\
		</style>');
	}
//-->
</script>

Są to pewnego rodzaju style w javaskrypcie. Potraktuj to jak normalne style.

A tak wygląda Text Box:

Kod: Zaznacz cały

<input name="ufile[0]" type="file" size="20" class="it" style="width:287px">

Ma podany rozmiar i odwołanie do klasy IT, w której jest opisany. Proste.

[AO]

muszę spróbować!
dzięki!