Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Formatowanie formularzy
gizmo1985
post
Post #1





Grupa: Zarejestrowani
Postów: 48
Pomógł: 1
Dołączył: 19.01.2010

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


Witam
Może to głupie pytanie, ale nie mam dużego doświadczenia z CSS (IMG:style_emoticons/default/biggrin.gif)
Muszę sformatować formularz, ale nie wiem jak to zrobić poprawnie (IMG:style_emoticons/default/biggrin.gif)

Załóżmy, że mamy formularz:

  1. <form action="login.php" method="post">
  2.  
  3. Login: <input type="text" name="login" >
  4. Hasło: <input type="password" name="haslo">
  5.  


No i tu wiadomo jakoś da się to układać, ale jak mam różne długości tekstu, to już nie jest tak fajnie ...

  1. border:1px dashed #3399CC;
  2. background:#DDF1FB;
  3. width:200px;
  4. font-size:12px;
  5. font-weight:bold;
  6. padding:5px;


To mi formatuje sam input...Ale nie wiem jak poustawiać te divy, żeby np. inputy były w jednej linii , tekst w drugiej..., żeby to miało ręce i nogi ...

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
nitek
post
Post #2





Grupa: Zarejestrowani
Postów: 209
Pomógł: 37
Dołączył: 27.02.2008
Skąd: Kwidzyn

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


nie wiem czemu się nie dostosowuje - pisałem z ręki bez sprawdzania.
bardziej elegancko możesz tez spróbować w ten sposób:

Kod
<html>
<head>
<title></title>
<style>
ul {list-style:none;}
ul li {width:500px;}
label {float:left;}
input {float:right;width:100px;clear;both;}
</style>
</head>
<body>

<ul>
        <li> <label>bla bla bla</label> <input type="text" value="1"> </li>
        <li> <label style="clear:both;">bla bla bla bla bla</label> <input type="text"> </li>
</ul>

</body>
</html>
Go to the top of the page
+Quote Post

Posty w temacie


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: 14.10.2025 - 21:27