Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]Formularz zgodny ze standardami
Wolfie
post
Post #1





Grupa: Zarejestrowani
Postów: 686
Pomógł: 0
Dołączył: 10.11.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----

Witam

robie formularz i chcialbym zeby byl zgodny ze standardami.
Problem polega na tym ze nie wiem jak odsunac od siebie label i input w jednym div-ie na taka sama odleglosc jak w div-ie ponizej.

Przedstawiam moj kodzik :
[PHP] pobierz, plaintext 
  1. <?php
  2. <html>
  3. <head>
  4. <title>Dodawanie i wyszukiwanie wpisów</title>
  5. <style type="text/css">
  6. td {color:#353535; font-family:verdana;}
  7. th {color:#FFFFFF; font-family:verdana; background-color:#336699;}
  8. label {margin-right:100;}
  9. </style>
  10. </head>
  11. <body>
  12. <form action="formprocess3.php" method="post">
  13.     <fieldset>
  14.         <legend>Dodawanie i wyszukiwanie wpisów</legend>
  15.             <div>
  16.                 <label>Name</label>
  17.                 <input class="text" type="text" name="Name">
  18.             </div>
  19.             <div>
  20.                 <label>Gatunek filmu</label>
  21.                 <select name="MovieType">
  22.                     <option value="" selected>Wubierz gatunek filmu...</option>
  23.                     <option value="Akcja">Akcja</option>
  24.                     <option value="Dramat">Dramat</option>
  25.                     <option value="Komedia">Komedia</option>
  26.                     <option value="Science-fiction">Science-fiction</option>
  27.                     <option value="Wojenny">Wojenny</option>
  28.                     <option value="Inny">Inny...</option>
  29.                 </select>
  30.             </div>
  31.     </fieldset>
  32. </form>
  33. </body>
  34. </html>
  35. ?>
[PHP] pobierz, plaintext


Jak mam zmodyfikowac style zeby bylo dobrze dla kazdego nowo dodanego diva ?
Go to the top of the page
+Quote Post
trike
post
Post #2





Grupa: Zarejestrowani
Postów: 82
Pomógł: 9
Dołączył: 9.01.2008

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

nie wiem czy o to ci chodzi, ale dodaj sobie w css dla label (wtedy label jest ladnie oddalone w tej samej odleglosci od pol)
Kod
display:block;
float:left;
width: 150px; //szerokosc na label
padding-right: 10px; //to mi odsuwa od prawej krawedzi o 10px
text-align: right;

a dla divov daje
Kod
clear: left;
text-align: left;
Go to the top of the page
+Quote Post
Wolfie
post
Post #3





Grupa: Zarejestrowani
Postów: 686
Pomógł: 0
Dołączył: 10.11.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----

Dokladnie o to chodzilo tylko jak dodaje to dla div-a i tak nic sie nie dzieje......ale dla label bardzo pomocne i o to mi wlasnie chodzilo.
Go to the top of the page
+Quote Post
InosU31
post
Post #4





Grupa: Zarejestrowani
Postów: 221
Pomógł: 14
Dołączył: 11.03.2009
Skąd: Lubaczów

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

hmmm

to zrob tak jak moj poprzednik napisal ale w <div> nadrzednym rob cos takiego :

<div name="nazwa">

a w css :

nazwa{tutaj jakies polecenia tylu text-align: left;}

a jak nie pojdzie to daj przed "nazwa" albo kropke albo # ;-)

wtedy powinienes miec diva ustawionego tak jak bedziesz chcial ;-)
Go to the top of the page
+Quote Post
trike
post
Post #5





Grupa: Zarejestrowani
Postów: 82
Pomógł: 9
Dołączył: 9.01.2008

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

jesli style masz w osbonym pliku lub na poczatku pliku to w div musisz dac <div class=....>
Go to the top of the page
+Quote Post
InosU31
post
Post #6





Grupa: Zarejestrowani
Postów: 221
Pomógł: 14
Dołączył: 11.03.2009
Skąd: Lubaczów

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

Cytat(trike @ 1.04.2009, 20:13:40 ) *
jesli style masz w osbonym pliku lub na poczatku pliku to w div musisz dac <div class=....>


oj przepraszam mialo byc tak jak trike napisal;-) sory za pomylke - za duzo siedze przy tych formularzach;/
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 24.08.2025 - 21:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn