Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Ignorowanie kodu htm/php
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Jespers
1.04.2012, 13:40:13
Witam, mam pewien problem.. Niedawno zaczalem bawic sie stronami w css i html.
Aktualnie posiadam dosc dziwny problem, po zamknieciu jednego z divow ignorowane sa wszelkie komendy html/php.. Sprawdzalem kazdy szczegol kodu, jednak niestety nie znalazlem bledu. Moze wy zauwazycie dlaczego tak sie dzieje ?

Adres strony :
http://jespers.cba.pl/test/index.php

Ponizej daje kod html i css:
index.php:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2.    "http://www.w3.org/TR/html4/strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
  6. <link href="CSS/template.css" type="text/css" rel="stylesheet" />
  7. <title>DIV</title>
  8. </head>
  9.  
  10. <body>
  11.     <div id="logo">
  12.         <img src="images/logo.png">
  13.             <div id="formbox">
  14.                 <form method="POST" action="index.php">
  15.                     <input id="button" type="submit" value="Zaloguj się" size="13">
  16.                     <input id="loginbox" type="text" value="login" name="login" size="13">
  17.                     <input id="passwordbox" type="password" value="haslo" name="haslo" size="13">
  18.                 </form>
  19.                 To sie dobrze wyswietli
  20.             </div>
  21.             Tego juz nie wyswietli...
  22.     </div>
  23. Tego tez nie wyswietli...
  24.  
  25. </body>
  26. </html>
  27.  
  28.  
[HTML] pobierz, plaintext


I template.css :


[CSS] pobierz, plaintext 
  1. body{
  2. background-color: yellow;
  3. text-align: center;
  4.  margin: 0;
  5.  padding:0;
  6. }
  7.  
  8. #logo {
  9. text-align: left;
  10. margin: 0 auto 0 auto;
  11. border: 1px solid #2D2D2D;
  12. height: auto;
  13. width: 800px;
  14. }
  15.  
  16. #logo img{
  17. text-align: left;
  18. position: absolute;
  19.  
  20. }
  21.  
  22. #formbox{
  23. text-align: left;
  24. position: relative;
  25. top:180px;
  26. height: 80px;
  27. margin-left:480px;
  28. width: 300px;
  29. }
  30.  
  31. #loginbox
  32. {
  33. text-align: left;
  34. border: 0;
  35. background: transparent;
  36. margin-top: 17px;
  37. margin-left: 168px;
  38. }
  39.  
  40. #passwordbox
  41. {
  42. text-align: left;
  43. border: 0;
  44. background: transparent;
  45. margin-left: 168px;
  46. margin-top: 7px;
  47. }
  48.  
  49. #button
  50. {
  51.  
  52. position: absolute;
  53. top: 25px;
  54. left: 40px;
  55.  background: #9cf;
  56.  
  57. }
  58.  
[CSS] pobierz, plaintext

 

Z gory dzieki za pomoc smile.gif
Damiankossek
1.04.2012, 14:28:49
CSS linia 18 jest przyczyna wink.gif
Jespers
1.04.2012, 14:37:06
Rzeczywiscie...

Macie moze jakis inny sposob, aby loginboxa wrzucic do tego obrazka, aby byl zalezny od polozenia div logo ? Musze niestety tak zrobic przez reklamy, ktore u gory zmieniaja swoja wielkosc.

PS. Czy ujemne pixele w pozycjonowaniu sa obslugiwane przez wiekszosc przegladarek i czy warto tak to rozwiazac?: )
grz3s
4.04.2012, 13:07:19
A nie lepiej Ci to logo wstawić jako tło diva i na takim układzie operować?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.