Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][CSS] Problem z wypozycjonowaniem elementów na stronie
nighttrain
post
Post #1





Grupa: Zarejestrowani
Postów: 79
Pomógł: 0
Dołączył: 2.06.2010

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

Witam

Mam mały problemik, otóż chciałbym, aby inputy oraz submity znalazły się na obrazku, wychodzi mi tak, że obrazek jest na środku, a inputy i submit układa się po lewej stronie...
Czy mógłby ktoś zobaczyć i pomóc?
Oto zdjęcie jak to wygląda:
(IMG:http://images49.fotosik.pl/800/b1b6b09aa7337236med.jpg)

oto kawałek kodu z index php:
[PHP] pobierz, plaintext 
  1. <div id="login_form">
  2. <h1>Login</h1>
  3. <?php
  4. function ShowLogin($komunikat=""){
  5. 	echo "$komunikat<br>";
  6. 	echo "<form action='index.php' method=post>";
  7. 	echo "<input type=text name=login><br>";
  8. 	echo "<input type=password name=haslo><br>";
  9. 	echo "<input type=submit value='Zaloguj!'>";
  10. 	echo "</form>";
  11. 	echo "Jeśli nie jesteś zarejestrowany, <a href='rejestruj.php'>tu znajdziesz formularz</a>";
  12. }
  13. ?>
  14. </div>
[PHP] pobierz, plaintext


a to plik .css:
[PHP] pobierz, plaintext 
  1. body {
  2. background-color: #f0f0f0;
  3. margin: 0;
  4. padding: 0;
  5. font-family: arial;
  6. }
  7.  
  8. #login_form {
  9.     width:300px;
  10.     height: 200px;
  11.     background: #f0f0f0 url(graphics/login_bg.jpg) repeat-x;
  12.     border: 1px solid white;
  13.     margin: 250px auto 0;
  14.     padding: 1em;
  15.     -moz-border-radius: 3px;
  16.     -webkit-border-radius: 3px;
  17.     padding: 7px  5px  0  5px;
  18. }
  19.  
  20. h1,h2,h3,h4,h5 {
  21.     margin-top: 0;
  22.     font-family: sans-serif;
  23.     text-align: center;
  24. }
  25.  
  26. input[type=text], input[type=password] {
  27.   display:block;
  28.   margin: 0 0 1em 0;
  29.   width: 280px;
  30.   border: 5px;
  31.   -moz-border-radius: 1px;
  32.   -webkit-border-radius: 1px;
  33.   padding: 1em;
  34. }
  35.  
  36. input[type=submit], forma a {
  37.   border: none;
  38.   margin-right: 1em;
  39.   padding: 6px;
  40.   border: 5px;
  41.   text-decoration: none;
  42.   font-size: 20px;
  43.     -moz-border-radius: 4px;
  44.     -webkit-border-radius: 4px;
  45.   background: #348075;
  46.   color: white;
  47.   box-shadow: 0 1px 0 white;
  48.     -moz-box-shadow: 0 1px 0 white;
  49.     -webkit-box-shadow: 0 1px 0 white;
  50. }
  51.  
  52. /* podświetlenie przycisku po najechaniu na niego */
  53. input[type=submit]:hover {
  54.     background: #287368;
  55.     cursor: pointer;
  56. }
[PHP] pobierz, plaintext


Szczerze to kodzik css skopiowałem z jakieś stronki...
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
nighttrain
post
Post #2





Grupa: Zarejestrowani
Postów: 79
Pomógł: 0
Dołączył: 2.06.2010

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

a mógłbyś pokazać jak by to wyglądało "bez ubierania w PHP"?

tak wyglada caly plik:
[PHP] pobierz, plaintext 
  1. <?php
  2. session_start();
  3. session_register("zalogowany");
  4. if(empty($_SESSION["zalogowany"]))$_SESSION["zalogowany"]=0;
  5.  
  6. mysql_connect("localhost", "root", "qazwsx12")or die("Nie można nawiązać połączenia z bazą");
  7. mysql_select_db("users")or die("Wystąpił błąd podczas wybierania bazy danych");
  8. ?>        
  9. <!DOCTYPE html 
  10. 	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  11. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  13. <head>
  14.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  15.         <link href="logowanie.css" rel="stylesheet" type="text/css" />
  16. </head>
  17. <body>
  18. <div id="login_form">
  19. <h1>Login</h1>
  20. <?php
  21. function ShowLogin($komunikat=""){
  22. 	echo "$komunikat<br>";
  23. 	echo "<form action='index.php' method=post>";
  24. 	echo "<input type=text name=login><br>";
  25. 	echo "<input type=password name=haslo><br>";
  26. 	echo "<input type=submit value='Zaloguj!'>";
  27. 	echo "</form>";
  28. 	echo "Jeśli nie jesteś zarejestrowany, <a href='rejestruj.php'>tu znajdziesz formularz</a>";
  29. }
  30. ?>
  31. </div>
  32. <?php
  33. if($_GET["wyloguj"]=="tak")
  34.     {
  35.     $_SESSION["zalogowany"]=0;
  36.     echo "Zostałeś wylogowany z serwisu";
  37.     }
  38.  
  39. if($_SESSION["zalogowany"]!=1){
  40. 	if(!empty($_POST["login"]) && !empty($_POST["haslo"])){
  41. 		if(mysql_num_rows(mysql_query("select * from users where user_login = '".htmlspecialchars($_POST["login"])."' AND user_haslo = '".htmlspecialchars($_POST["haslo"])."'"))){
  42. 			echo "Zalogowano poprawnie. <a href='mainbaza.php'>Przejdź na stronę główną</a>";
  43. 			$_SESSION["zalogowany"]=1;
  44. 			}
  45. 		else echo ShowLogin("Podano złe dane!!!");
  46. 		}
  47. 	else ShowLogin();
  48. }
  49. else{
  50. ?>
  51. Gratulacje! Zalogowałeś się pomyślnie! Możesz przejśc teraz do innych podstron, np. do <a href="mainbaza.php">tej</a>
  52. <br><a href='index.php?wyloguj=tak'>wyloguj się</a>
  53. <?php
  54. }
  55. ?>
  56. </body>
  57. </html>
  58. <?php mysql_close(); ?>
[PHP] pobierz, plaintext


Ten post edytował nighttrain 13.04.2011, 12:26:32
Go to the top of the page
+Quote Post

Posty w temacie
- nighttrain   [PHP][CSS] Problem z wypozycjonowaniem elementów na stronie   13.04.2011, 12:03:11
- - askone   Hej Cytat[PHP] pobierz, plaintext <div id=...   13.04.2011, 12:20:45
- - nighttrain   a mógłbyś pokazać jak by to wyglądało "bez ub...   13.04.2011, 12:22:53
- - askone   A więc tak: w linii 45 masz błąd - W jakim celu ro...   13.04.2011, 12:42:51
- - nighttrain   ok, działa, ale powiedz mi jeszcze jak wyrównać pr...   13.04.2011, 12:57:06
- - askone   Jedynym "winowajcą" może być ustawienie ...   13.04.2011, 13:06:21
- - nighttrain   ok, troszkę musiałem nagimnastykować się, ale zrob...   14.04.2011, 08:38:16
- - askone   Div login_form musiałby mieć ustawiony styl: [CSS]...   14.04.2011, 08:52:30
- - nighttrain   Teraz wyszło tak, że obrazek mam w rogu po lewej, ...   14.04.2011, 09:08:58
- - askone   Popatrz na ten prosty przykład i postaraj się usta...   14.04.2011, 10:14:52

« Następny starszy · CSS · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

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