Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] formatowanie inputów
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Caw
siedze i kombinuje i nie wiedziałem że są az takei problemy żeby sformatować kilka imputów i submit :| w każdej przeglądarce wygląda to inaczej co bym nie robił:




HTML
Kod
       <div id="wyszukaj">
            <form class="forma">
                <img src="zd/wyszukaj.jpg" class="wyszukaj" alt="wyszukaj" />
                
                  <input class="biale" type="text" name="sercz" />
                  <input class="biale" type="text" name="sercz" />
                    
                  <input class="szczaw" type="radio" name="podaj" />
                <label>na mapie</label>
                  <input class="szczaw" type="radio" name="podaj" />
            <label>lista firm</label>
                
                
                  <input class="submit" type="submit" value="" />
                  <input class="submit_zaw" type="submit" value="" />
                
            </form>        
        </div>




CSS
Kod
form.forma {
    background:red;
    position:relative;
    height:20px;
}

input.biale {  
     border:0px;
     width:190px;
     height:20px;
}
input.submit {
     border:0px;
     width:69px;
     height:17px;
     background:url(zd/szukaj.jpg) no-repeat;    
}
input.submit_zaw {
     border:0px;
     width:177px;
     height:15px;
     background:url(zd/zawansowane.jpg) no-repeat;    
}




Jak sie do tego zabrać ? próbowałem to już wsadzić każdy element w diva dałem float left display:inline ale to nic nie zmienia elelemnty wychodzą poza diva i tyle.

albo jak sformatować te napisy koło RADIO skoro wszedzie wyglądają inaczej nawet position absolite nie ma jak użyć :|
Shili
Radio i labele przy nich można ustawić floatami (wiem, bo kiedyś sama się z nimi męczyłam), pozycjonowaniem absolutnym też się powinno dać. Przy ustawieniu szerokości i wysokości w miarę powinno pójść.

Nie rozumiem o elementach wychodzących poza diva. Jeśli chodzi o wychodzenie po ustawieniu opływania (float) to dodaj do diva overflow: hidden; jeśli nie, to nie wiem o co chodzi.
ShadowD
A więc

1 Daj obrazki spakowane (link)
2 Czy używasz doctype, jak tak to jakiego??

Czekam na odpowiedz...

PS jak napiszesz odpowiedz na to pytanie możesz na PW mi przypomnieć o tym temacie... ;p
Caw
problem rozwiązałem szkoda ze az tyle godzin trzeba było poświecić winksmiley.jpg temat zamkniety winksmiley.jpg
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.