[HTML/CSS] Textarea i Input a tło

[AdMiNeK]

Jak zrobić tło obrazkowe w input i textarea, tak aby się nie przesuwało?? I Jeszcze jedno, jak usunąć scrolle z textarea, ale tak aby działało we wszystkich przeglądarkach? Z góry dzięki za pomoc.

[Asit]

Kod: Zaznacz cały

<textarea style="background: url(obrazek.jpg) fixed; overflow: hidden;"></textarea>

tak samo mozesz zrobic w input:

Kod: Zaznacz cały

<input type="text" style="background: url(obrazek.jpg) fixed;" />

powinno dzialac.. pozdrawiam

[AdMiNeK]

Działa pod IE. Pod FF są przesunięte i głupio wygląda

[Asit]

Pod FF sš przesunięte i głupio wyglšda

co jest przesuniete?

[AdMiNeK]

Tło inputów i textarea.

[cfaniak]

Sprawdzalem pod FF i wszystko dziala, nic nie jest przesuniete. Moze daj linka na strone gdzie to masz i zobaczymy.

[AdMiNeK]

Screen:

[cfaniak]

Nie wiem o co Ci biega, na tym screenie to ja nic nie widze...

[AdMiNeK]

Ehh... Nie widać jak jest tlo przesunięte ? Ma być całe na środku, a nie w kawałkach.

[Stig]

Zapewne najefektywniej będziemy mogli Ci pomóc dopiero wtedy, kiedy zaprezentujesz kod

[AdMiNeK]

Kod: Zaznacz cały

<textarea style="background: url(obrazek.jpg) fixed; overflow: hidden;"></textarea>

tak samo mozesz zrobic w input:

Kod: Zaznacz cały

<input type="text" style="background: url(obrazek.jpg) fixed;" />

(...)

Żywcem skopiowany.

[Stig]

Miałem na myśli kompletny, całościowy kod

[phpIker]

sory, ale po przeczytaniu tych postów..
hah..

@AdMiNeK Podaj pełny kod jaki masz na stronie, powiększ tego screena i opisz dokładniej swój problem bo z tego co napisałeś to nic się nie da wymyslić...

[AdMiNeK]

Cały kod:

Kod: Zaznacz cały

    <form method="post" action="index.php?step=blad">
        <p>
            <table border=0>
                <tr>
                    <td>
                        Twoja ksywka:
                    </td>
                    <td align="right">
                        <input type="text" name="nick" style="border:0; background:url('img-index/input.gif') fixed; color: black;">
                    </td>
                </tr>
                <tr>
                    <td>
                        Typ bledu:
                    </td>
                    <td align="right">
                        <input type="text" name="type" style="border:0; background:url('img-index/input.gif') fixed; color: black;">
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        Opis bledu:
                    </td>
                    <td align="right">
                        <textarea name="error" cols=21 rows=5 style="border:0; background:url('img-index/textarea.gif') fixed; color:black; overflow:hidden; width:132; height:75;"></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td align="right">
                        <input type="hidden" name="submit" value="1">
                        <input type="submit" value="Wyslij">
                    </td>
                </tr>
            </table>
        </p>
    </form>

[Stig]

Podejrzewam, że błąd nie wynika bezpośrodenio z zastosowania elementów input i textarea, a z niepoprawnego zastosowania tabeli do skonstruowania tego formularza - tabela ta nie służy do przekazywania danych tabelarycznych. Całość powinieneś oprzeć o elementy blokowe, takie jak div. Jeśli mimo wszystko chcesz pozostać przy swoim nieodpowiednim rozwiązaniu to spróbuj nadać głównej tabeli atrybuty cellpadding i cellspacing o zerowej wartości - przykład:

Kod: Zaznacz cały

<table border="0" cellpadding="0" cellspacing="0">