Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] Formularz
kajzur
post 17.04.2009, 16:52:06
Post #1





Grupa: Zarejestrowani
Postów: 385
Pomógł: 26
Dołączył: 22.03.2008
Skąd: TM

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Dokument bez tytułu</title>
  6. <style type="text/css">
  7. div {
  8.  
  9.  margin: 0 auto 0 auto; /* można zapisać krócej: margin: 0 auto; */
  10.  vertical-align: middle;
  11.  text-align:center;
  12.  border:none;
  13.  valign:middle;
  14. }
  15. </style>
  16. </head>
  17. <body style="background-image:url(images/tlo.jpg); width: 100%; height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; vertical-align: middle;">
  18.  
  19. <div>
  20.  
  21. <center>
  22. <table width="324" border="0" cellspacing="0" cellpadding="0">
  23.   <tr>
  24.     <td width="324"><img src="images/Panellogowania_03.jpg" /></td>
  25.   </tr>
  26.   <tr>
  27.     <td><table width="324" align="left" border="0" cellspacing="0" cellpadding="0">
  28.   <tr>
  29.     <td width="89"><img src="images/Panellogowania_05.jpg" /></td>
  30.     <td width="235" style=" padding-left:20px; background:no-repeat; background-image:url(images/Panellogowania_06.jpg); text-align:left">
  31.  
  32.    haslo
  33.  
  34.  
  35.        </td>
  36.   </tr>
  37. </table>
  38. </td>
  39.   </tr>
  40.   <tr>
  41.     <td><table width="324" align="left" border="0" cellspacing="0" cellpadding="0">
  42.   <tr>
  43.     <td width="89"><img src="images/Panellogowania_07.jpg" /></td>
  44.     <td width="235" style="padding-left:20px; padding-top:6px; background:no-repeat; background-image:url(images/Panellogowania_08.jpg); text-align:left">
  45.     *******    </td>
  46.   </tr>
  47. </table></td>
  48.   </tr>
  49.   <tr valign="top">
  50.     <td valign="top"><table width="324" aling="center" border="0" cellspacing="0" cellpadding="0">
  51.   <tr valign="top">
  52.     <td><img src="images/Panellogowania_09.jpg" /></td>
  53.     <td><a href="adres ok buton"><img src="images/Panellogowania_10.jpg" width="79" height="40" hspace="0" vspace="0" border="0" align="top" /></a></td>
  54.   </tr>
  55. </table>
  56. </td>
  57.   </tr>
  58. </table>
  59. </center>
  60. </div>
  61. </body>
  62. </html>
[HTML] pobierz, plaintext


Jak powinienem napisać css'a dla formularza? Ten kod html wygląda tak:

http://image.mmazur.info/images/379905Clipboard01.jpg

Pliki odpowiedzialne za
przycisk to: Panellogowania_10.jpg
pole login to: Panellogowania_06.jpg
pole hasło to: Panellogowania_08.jpg

Prosił bym o pomoc ;> Napisałem coś takiego:
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. div {
  3.  
  4.  margin: 0 auto 0 auto; /* można zapisać krócej: margin: 0 auto; */
  5.  vertical-align: middle;
  6.  text-align:center;
  7.  border:none;
  8.  valign:middle;
  9.  }
  10. .login {
  11. background-image:url('images/Panellogowania_06.jpg');
  12. padding-left:20px; padding-top:6px; background:no-repeat;
  13. } 
  14.  
  15. .haslo {
  16. background-image:url('images/Panellogowania_08.jpg');
  17. padding-left:20px; padding-top:6px; background:no-repeat;
  18. } 
  19.  
  20. </style>
[HTML] pobierz, plaintext


i użyłem tak: 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Dokument bez tytułu</title>
  6. <style type="text/css">
  7. div {
  8.  
  9.  margin: 0 auto 0 auto; /* można zapisać krócej: margin: 0 auto; */
  10.  vertical-align: middle;
  11.  text-align:center;
  12.  border:none;
  13.  valign:middle;
  14.  }
  15. .login {
  16. background-image:url('images/Panellogowania_06.jpg');
  17. padding-left:20px; padding-top:6px; background:no-repeat;
  18. } 
  19.  
  20. .haslo {
  21. background-image:url('images/Panellogowania_08.jpg');
  22. padding-left:20px; padding-top:6px; background:no-repeat;
  23. } 
  24.  
  25. </style>
  26. </head>
  27. <body style="background-image:url(images/tlo.jpg); width: 100%; height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; vertical-align: middle;">
  28.  
  29. <div>
  30.  
  31. <center>
  32. <table width="324" border="0" cellspacing="0" cellpadding="0">
  33.   <tr>
  34.     <td width="324"><img src="images/Panellogowania_03.jpg" /></td>
  35.   </tr>
  36.   <tr>
  37.     <td><table width="324" align="left" border="0" cellspacing="0" cellpadding="0">
  38.   <tr>
  39.     <td width="89"><img src="images/Panellogowania_05.jpg" /></td>
  40.     <td width="235" >
  41.  
  42. <form action="" method="POST">
  43.     <input type="text" name="" value="" class="login">
  44.  
  45.        </td>
  46.   </tr>
  47. </table>
  48. </td>
  49.   </tr>
  50.   <tr>
  51.     <td><table width="324" align="left" border="0" cellspacing="0" cellpadding="0">
  52.   <tr>
  53.     <td width="89"><img src="images/Panellogowania_07.jpg" /></td>
  54.     <td width="235" >
  55.     <input type="text" name="" value="" class="haslo">   </td>
  56.   </tr>
  57. </table></td>
  58.   </tr>
  59.   <tr valign="top">
  60.     <td valign="top"><table width="324" aling="center" border="0" cellspacing="0" cellpadding="0">
  61.   <tr valign="top">
  62.     <td><img src="images/Panellogowania_09.jpg" /></td>
  63.     <td>
  64. 	<input type="image" src="images/Panellogowania_10.jpg" alt="Kontynuuj">
  65. 	</td>
  66.  
  67.  
  68. </form>
  69.   </tr>
  70. </table>
  71. </td>
  72.   </tr>
  73. </table>
  74. </center>
  75. </div>
  76. </body>
  77. </html>
[HTML] pobierz, plaintext


Co daje mi: http://image.mmazur.info/images/87929Clipboard01.jpg

Proszę o pomoc smile.gif


--------------------
Zapraszam na mojego bloga. Dowiedz się jak uzyskać darmowy, zaufany certyfikat albo jak rozpoznawać głos ;)
Go to the top of the page
+Quote Post
erix
post 17.04.2009, 17:04:37
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
http://osiolki.net/tabelki

Cytat
Jak powinienem napisać css'a dla formularza?

Klasy stosuje się dla grup elementów. U Ciebie potrzebne są identyfikatory.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 19.07.2025 - 18:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn