Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Ignorowanie kodu htm/php
Jespers
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 1.04.2012

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


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:
  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. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
  5. <link href="CSS/template.css" type="text/css" rel="stylesheet" />
  6. <title>DIV</title>
  7. </head>
  8.  
  9.     <div id="logo">
  10.         <img src="images/logo.png">
  11.             <div id="formbox">
  12.                 <form method="POST" action="index.php">
  13.                     <input id="button" type="submit" value="Zaloguj się" size="13">
  14.                     <input id="loginbox" type="text" value="login" name="login" size="13">
  15.                     <input id="passwordbox" type="password" value="haslo" name="haslo" size="13">
  16.                 </form>
  17.                 To sie dobrze wyswietli
  18.             </div>
  19.             Tego juz nie wyswietli...
  20.     </div>
  21. Tego tez nie wyswietli...
  22.  
  23. </body>
  24. </html>
  25.  
  26.  


I template.css :


  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.  

 

Z gory dzieki za pomoc smile.gif

Ten post edytował Jespers 1.04.2012, 13:43:02
Go to the top of the page
+Quote Post
Damiankossek
post
Post #2





Grupa: Zarejestrowani
Postów: 118
Pomógł: 8
Dołączył: 10.12.2009

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


CSS linia 18 jest przyczyna wink.gif
Go to the top of the page
+Quote Post
Jespers
post
Post #3





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 1.04.2012

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


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?: )

Ten post edytował Jespers 1.04.2012, 14:54:38
Go to the top of the page
+Quote Post
grz3s
post
Post #4





Grupa: Zarejestrowani
Postów: 41
Pomógł: 10
Dołączył: 13.01.2009
Skąd: Kraków

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


A nie lepiej Ci to logo wstawić jako tło diva i na takim układzie operować?
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 19.08.2025 - 22:52