Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Rozwijane pole wyboru-zgranie stylu
Forum PHP.pl > Forum > Przedszkole
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
  1. #contactform { margin:0; padding:5px 10px; }
  2. #contactform * { color:#F00; }
  3. #contactform ol { margin:0; padding:0; list-style:none; }
  4. #contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
  5. #contactform li.buttons { margin:5px 0 5px 0; clear:both; }
  6. #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; }
  7. #contactform label span { color:#F00; }
  8. #contactform input.text { width:450px; border:1px solid #ddd; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:right; }
  9. #contactform textarea { width:450px; border:1px solid #ddd; margin:2px 0; padding:2px; background:#fff; float:right; }
  10. #contactform li.buttons input { padding:3px 0 3px 110px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }

  1. <li>
  2. <label for="company">Miasto</label>
  3. <input id="company" name="company" class="text" />
  4. </li>
  5. <li>
  6. <label for="subject">Temat</label>
  7. <select name="nazwa">
  8. <option value="1">Opcja1</option>
  9. <option value="2">Opcja2</option>
  10. </select>
  11. </li>
  12.  
Sephirus
  1. #contactform input.text, #contactform select { width:450px; border:1px solid #ddd; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:right; }


O to chodziło? smile.gif
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:
  1. #contactform { margin:0; padding:5px 10px; }
  2. #contactform * { color:#F00; }
  3. #contactform ol { margin:0; padding:0; list-style:none; }
  4. #contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
  5. #contactform li.buttons { margin:5px 0 5px 0; clear:both; }
  6. #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; }
  7. #contactform label span { color:#F00; }
  8. #contactform input.text { width:450px; border:1px solid #ddd; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:right; }
  9. #contactform textarea { width:450px; border:1px solid #ddd; margin:2px 0; padding:2px; background:#fff; float:right; }
  10. #contactform li.buttons input { padding:3px 0 3px 110px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
  11. #contactform select { width:456px; border:1px solid #ddd; margin:2px 0; padding:12px 2px; height:16px; background:#fff; float:right; }

  1.  
  2. <li>
  3. <label for="subject">Temat</label>
  4. <select id="nazwa" name="nazwa">
  5. <option value="1">Opcja1</option>
  6. <option value="2">Opcja2</option>
  7. </li>


wacko.gif

?

Ktoś pomoże?

Pomocy !
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.