Pekný formulár
CSS:
form {border: 1px dashed #ccc; width: 500px; padding: 10px; margin: 10px;}
form label {margin: 5px; text-align: right; width: 50px;}
form input {margin: 5px 0; width: 120px;}
form input[type="submit"] { background-color: #fff; width: 50px; margin: 10px 0 0 60px;}
form input, textarea {border: 1px solid #008000;}
form, label, input, textarea {float: left;}
form span {display: none; padding: 3px 0 3px 10px; float: left;}
form p:hover span {display:block; float: left; font-weight: bold; color: #008000; width: 100px; text-align: left;}
form p {clear:both;}
form label {margin: 5px; text-align: right; width: 50px;}
form input {margin: 5px 0; width: 120px;}
form input[type="submit"] { background-color: #fff; width: 50px; margin: 10px 0 0 60px;}
form input, textarea {border: 1px solid #008000;}
form, label, input, textarea {float: left;}
form span {display: none; padding: 3px 0 3px 10px; float: left;}
form p:hover span {display:block; float: left; font-weight: bold; color: #008000; width: 100px; text-align: left;}
form p {clear:both;}
Podobné články:
chyba nepise sa ale
s pozdravom aughostino
Kedze som v CSS a HTML uplny zaciatocnik, pacilo sa mi akou formou je tento priklad pisany, ale na druhej strane ak uz nieco vystavujes, tak by si mal byt presnejsi.
1. Formatovanie tlacitka tu nefunguje
- toto som este dokazal rozchodit:
riadok z CSS
form input[type="submit"] { background-color: #fff; width: 50px; margin: 10px 0 0 60px;}
som nahradil
form #mysubmit { background-color: #fff; width: 50px; margin: 10px 0 0 60px;}
a riadok z HTML
som nahradil
2. Povinné v ukazke funguje cez hover span, ale v kode nie. Toto som akosi nerozchodil a potesilo by ma keby mi niekto poradil
Snad to teraz prejde:
a riadok z HTML
“”
som nahradil
“”