Forum PHP.pl > Input Type

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Input Type

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

MEXXIO

27.06.2010, 18:02:25

Chciałbym zrobić by w polu tekstowym

[HTML] pobierz, plaintext 
<input type="text" name="nazwa" />
[HTML] pobierz, plaintext

był obrazek lub też tekst "Szukaj"

Przykład:

PS: Nie zawsze mi wychodzi wyszukiwanie w Google

Crozin

27.06.2010, 18:22:46

Robisz sobie zwykły element (np. FIELDSET), który ma białe tło i czarne obramowanie. Wrzucasz do niego INPUT (białe tło, brak obramowania) i przycisk wysyłający formularz.

MEXXIO

27.06.2010, 18:40:30

Zrobiłem coś takiego ale coś nie bardzo mi wyszło przykład na tej stronie: ilokal

Blame

27.06.2010, 20:56:25

Bo zrobiłeś input z tekstem za szeroki, powinien mieć 307px max. Poza tym nie nadałeś mu atrybutu name, więc nie wiem jak się będziesz do niego odwoływał w php -.-

MEXXIO

27.06.2010, 21:33:40

Coś takiego mam:

[HTML] pobierz, plaintext 
<input type="text" name="url" class="url_form" size="40" value="http://">
<input type="submit" class="button" value="">
[HTML] pobierz, plaintext

CSS:

Kod

.url_form
{
    background:url(/inc/img/urlbar.gif) no-repeat;
        width:331px;float:left;
    height:40px;

}
.url_form input
{
border:0px;
    color:#000;
    width:331px;height:40px;padding:6px 0px 0px 8px;
background-color:transparent;font-size:12pt;font-weight:bold;
}

.button
{

display:inline;
    width:62px;height:40px;background:url(/inc/img/urlbutton.gif) no-repeat;
    border:none;
    background-color:transparent;margin-right:-3px;
}

Blame

27.06.2010, 21:40:39

1. Sieczka w kodzie,
2. Używaj poprawnie eneterów i tabów,
3. Czytaj ze zrozumieniem, napisałem ci, że input jest za szeroki, napisałem nawet o ile, więc może wypadałoby zmienić to:

[CSS] pobierz, plaintext 
.url_form input
{
border:0px;
color:#000;
width:331px; /* ten fragment */
height:40px;
padding:6px 0px 0px 8px;
background-color:transparent;
font-size:12pt;
font-weight:bold;
}
[CSS] pobierz, plaintext

na tyle ile podałem i zobaczyć jak działa.

MEXXIO

27.06.2010, 22:52:42

Dzięki za pomoc

Ale zostało jeszcze jedno, kwestia tego "http://" bo część jest poza formą. Jest na to też jakiś sposób?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.