Input Type Opcje

[MEXXIO]

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]

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]

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

[Blame]

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]

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]

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.

Ten post edytował Blame 27.06.2010, 21:42:36

[MEXXIO]

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