WordPress

Witaj Gościu ( Zaloguj | Rejestruj )

Każdy temat założony w ewidentnie złym dziale będzie usuwany! Proszę czytać opisy działów i regulamin!

 
Closed TopicStart new topic
> formularz w css, select i input w jednym wierszu
oloo
post 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
Go to the top of the page
 
+Quote Post
Kasia79
post 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 wink.gif

Kasia


--------------------
Curiosity killed the cat, but satisfaction brought her back.
Go to the top of the page
 
+Quote Post
oloo
post 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
Go to the top of the page
 
+Quote Post

Closed TopicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



Wersja Lo-Fi Aktualny czas: 6 09 08 - 19:30
Polski Blogger | Forum Komputerowe | Spotkania blogerów