> Zdravim, videl jsem nekde na webu takovy hezky udelany formular kdy "list"
> toho formulare byl s pomoci stinovani malicko jakoby nad pozadim. To by
> problem nebyl ale ty vstupni policka mely vevnitr taky jemny stin nahore
> a vlevo takze to vypadalo jako by byly proriznute do toho listu a psalo se
> jakoby na podklad. Nevite jak se to da udelat aby vstupni policka mely na
> svem pozadi obrazek toho stinovani? Vim ze asi s CSS ale nevim jak.
> Diky za rady, Ivanek.
<!--
.tbox{
background-image:url(shading.gif);
border:none;
padding-left:5px;
width:250px;
}
.abox{
background-image:url(shading.gif);
border:none;
padding-left:5px;
width:250px;
overflow:hidden;
clip:auto;
}
.........
.........
<input class=tbox id=ida name=tb type=text><br><br>
<textarea class=abox id=idb name=ta rows=5 wrap=virtual></textarea>
-->
Delal jsem to ale JEN pro IE, kde to v pohode funguje pro input
i textarea, pro jine browsery nutno vyzkouset a evtl. predelat.
NN4.79 to u inputu ignoruje a zobrazi ho klasicky, textareu ale
neprekousne a proste ji nezobrazi. Vadi mu jednak ten obrazek a to
vzdy. Za druhe mu taky vadi border:none;. border:none 0px; kupodivu
vezme a textareu zobrazi, nicmene cely styl zase kompletne ignoruje =:-o
A jeste: overflow:hidden;clip:auto; odstrani z textarea scroller
(esteticke duvody :)), scrollovat mozno sipkami.
shading.gif je prazdny obrazek (barva 'spodniho' pozadi) se stinem
vlevo a nahore. Jeho velikost by mela byt v obou osach vetsi, nez je
nejvetsi delka, resp. vyska tvych texboxu - je-li prvek mensi, zobrazi
se jenom levy horni roh obrazku, cimz je dosazeno kyzeneho efektu
a nemusi tak byt ruzne obrazky pro ruzne textboxy.
pako Paco.
______________________________________________________________________
Reklama:
Nenechte si ujit novy film Woodyho Allena "Hollywood Ending" - blaznivou
komedii o tom, jak se ve tme strefit do cerneho. V kinech od 3.9.2002.
Sledujte http://www.hce.cz
This archive was generated by hypermail 2.1.2 : 20. 10. 2002, 14:12 CEST