[HTML][CSS]Rozwijane pole wyboru-zgranie stylu Opcje

[senior.pol]

Witam
Mam problem polegający na tym, że nie wiem jak zgrać jednym stylem pole wyboru i zwykłe pole do wpisywania tekstu. Nie chcę mieć różnych kolorów ramek ,ani różnych wielkości. Kombinowałem na różne sposoby ,ale nie wiele mi to dało. Z góry dziękuję za odpowiedź
Fragment kodu .css ,bez dodanych stylów do pola wyboru

[XML] pobierz, plaintext 
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:10px 0; color:#575757; font:bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:450px; border:1px solid #ddd; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:right; }
#contactform textarea { width:450px; border:1px solid #ddd; margin:2px 0; padding:2px; background:#fff; float:right; }
#contactform li.buttons input { padding:3px 0 3px 110px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
[XML] pobierz, plaintext 

[HTML] pobierz, plaintext 
                 <li>
                  <label for="company">Miasto</label>
                  <input id="company" name="company" class="text" />
                </li>
                <li>
                  <label for="subject">Temat</label>
                      <select name="nazwa">
    <option value="1">Opcja1</option>
    <option value="2">Opcja2</option>
                      </select>
                </li>
 
[HTML] pobierz, plaintext 

[Sephirus]

[CSS] pobierz, plaintext 
#contactform input.text, #contactform select { width:450px; border:1px solid #ddd; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:right; }
[CSS] pobierz, plaintext 

O to chodziło?

[senior.pol]

Małe poprawki wprowadziłem i by było wszystko ok ,ale po wybraniu obojętnie której opcji nie wyświetla się ona w oknie. Poniżej przedstawiam to na obrazkach:
1. Wybieram opcje
http://imageshack.us/photo/my-images/196/34743380.png
2. I po wybraniu nic nie mam w oknie
http://imageshack.us/photo/my-images/402/96565551.png

Teraz mam tak:

[CSS] pobierz, plaintext 
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:10px 0; color:#575757; font:bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:450px; border:1px solid #ddd; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:right; }
#contactform textarea { width:450px; border:1px solid #ddd; margin:2px 0; padding:2px; background:#fff; float:right; }
#contactform li.buttons input { padding:3px 0 3px 110px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
#contactform select { width:456px; border:1px solid #ddd; margin:2px 0; padding:12px 2px; height:16px; background:#fff; float:right; }
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
 
<li>              
<label for="subject">Temat</label>
<select id="nazwa" name="nazwa">
<option value="1">Opcja1</option>
<option value="2">Opcja2</option>
</select>
</li>
[HTML] pobierz, plaintext 

?

Ktoś pomoże?

Pomocy !

Ten post edytował senior.pol 25.10.2011, 13:40:22