Każdy temat założony w ewidentnie złym dziale będzie usuwany! Proszę czytać opisy działów i regulamin!
![]() ![]() |
19.10.2007 - 09:41
Post
#1
|
|
|
aktywność: ![]() ![]() ![]() Grupa: +Bloger Postów: 57 Nr: 954 |
witam,
mam problem odnośnie przeniesienia select i input w jeden wiersz, foto: ![]() KOD <div id="formularz"> <label for="ftelefon">Telefon *</label> <select name="" class="tel"> <option value="1">tel.</option> <option value="2">kom.</option> <option value="3">tel./fax</option> <option value="4">fax.</option> <option value="5">tel. dom.</option> <option value="6">całodobowy</option> <option value="7">infolinia</option> </select> <input type="text" class="text_nr1" name="fnr1" value="+48" id="fnr1" maxlength="3" /> <input type="text" class="text_nr2" name="fnr2" value="" id="fnr2" maxlength="2" /> <input type="text" class="text_nr3" name="fnr3" value="" id="fnr3" /> </div> a css do tego jest taki: CODE div#formularz {
overflow: hidden; clear: both; margin-bottom: 8px; font: 0.9em tahoma, verdana, helvetica, sans-serif; font-weight: normal; color: #000000; height: 100%; } label { display: block; width: 95px; float: left; text-align: right; margin-right: 10px; } select { width: 194px; font: 1em tahoma, verdana, helvetica, sans-serif; font-weight: normal; color: #000000; border: 1px solid #bbbbbb; background-color: #ffffff; } input, textarea { display: block; float: left; font: 1em tahoma, verdana, helvetica, sans-serif; font-weight: normal; color: #000000; border: 0px; } select.tel { width: 60px; border: 1px solid #bbbbbb; background-color: #ffffff; display: inline; } input.text_nr1 { width: 20px; border: 1px solid #bbbbbb; background-color: #ffffff; margin-left: 10px; display: inline; } input.text_nr2 { width: 15px; border: 1px solid #bbbbbb; background-color: #ffffff; margin-left: 3px; display: inline; } input.text_nr3 { width: 40px; border: 1px solid #bbbbbb; background-color: #ffffff; margin-left: 3px; display: inline; } Ten post edytował Kasia79 19.10.2007 - 13:18
Powód edycji: wstawienie codebox
|
|
|
|
19.10.2007 - 13:17
Post
#2
|
|
![]() aktywność: ![]() ![]() ![]() ![]() ![]() ![]() ![]() Grupa: Redakcja Postów: 836 Nr: 2 641 |
Usunięcie float: left; z selektora input, textarea da efekt, o jaki Ci chodzi.
Niestety nie wiem, jak jest zbudowany CAŁY formularz i czy w zwiąku z tym, nie spowoduje to również przesunięcia innych pól typu input/textarea, które mają być tak, jak są teraz Kasia -------------------- Curiosity killed the cat, but satisfaction brought her back.
|
|
|
|
19.10.2007 - 14:15
Post
#3
|
|
|
aktywność: ![]() ![]() ![]() Grupa: +Bloger Postów: 57 Nr: 954 |
reszta formularza nie ma co sie przejmowac,
niestety po wyrzuceniu float nic sie nie stalo. probowale wielu rzeczy ale juz nie wiem co tam wrzucic mam. albo co wyrzucic dzieki za odpowiedz _________________ ok problem rozwiazany (odpowiedz poprawna dostalem na innym forum) dzieki za chec pomocy do select.tel trzeba dodac float: left; Ten post edytował oloo 19.10.2007 - 16:19 |
|
|
|
![]() ![]() |
| Wersja Lo-Fi | Aktualny czas: 6 09 08 - 19:30 |