Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Centrowanie inputa
zomfire
post
Post #1





Grupa: Zarejestrowani
Postów: 33
Pomógł: 0
Dołączył: 3.12.2013

Ostrzeżenie: (0%)
-----


Witam, mam nastepujący problem, mój input z wyszukiwaniem nie chce się centrować w pionie:
HTML:
  1. <div class="panel_nawigacyjny">
  2. <div class="pn_kontener">
  3. <div class="pn_lewo">
  4. <div class="pn_text">Kategorie</div><a class="button3"></a>
  5. </div>
  6. <div class="pn_prawo">
  7. <div class="pn_text">Wyszukaj:<input type="text" value="Szukaj..." class="pn_wyszukiwarka" autofocus="autofocus" onclick=""></input></div><a class="button4"></a>
  8. </div>
  9. </div>
  10. </div>



CSS:
  1. .panel_nawigacyjny{
  2. width:100%;
  3. background-color:#313131;
  4. min-height:30px;
  5. border-radius:6px;
  6. box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.3);
  7. }
  8. .pn_kontener{
  9. width:80%;
  10. margin:0px auto;
  11. }
  12. .pn_lewo{
  13. float:left;
  14. display:inline-block;
  15. }
  16. .pn_prawo{
  17. float:right;
  18. display:inline-block;
  19. }
  20. input[type="text"] {
  21. line-height:30px;
  22. border-radius:3px;
  23. }
  24. .pn_text{
  25. line-height:30px;
  26. text-align: center;
  27. font-size:18px;
  28. color:#B0AFAE;
  29. }


Tekst po lewej jest w na środku, natomiast input na górze.
Go to the top of the page
+Quote Post

Posty w temacie
- zomfire   [CSS][HTML]Centrowanie inputa   17.01.2015, 18:14:45
- - trueblue   Usuń line-height dla input.   17.01.2015, 18:35:04
- - zomfire   To nic nie zmienia.   17.01.2015, 19:06:43
- - Daimos   [CSS] pobierz, plaintext div.pn_text{ disp...   17.01.2015, 19:58:09
- - zomfire   Teraz to wygląda tak: http://ifotos.pl/zobacz/erro...   17.01.2015, 21:19:03


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.12.2025 - 10:12