Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]divy i ładowanie do nich zawartości php
Forum PHP.pl > Forum > Przedszkole
Zielonkawy18
1.11.2012, 23:30:07
Witam

Oto mój styl layota:

[PHP] pobierz, plaintext 
  1. php, body
  2. {
  3. background-color: #FFFFFF;
  4. margin: 0;
  5. padding: 0;
  6. }
  7.  
  8. .zalogowany { background-color: #4F86F7; height: 50px; width: 100%; position: absolute;}
  9.  
  10. #tresc { background-color:#FF00FF; height:auto; width: auto; position: absolute; margin-top:50px; margin-left:275px ;}
  11.  
  12. #pasek_pionowy { background-color:#4F86F7; height:600; width: 2; position: absolute; margin-top:50px; margin-left:265px ;}
  13.  
  14. #Logo{background: transparent url(Logo.png);position: absolute; margin-left:51px ; margin-top:50px; height:128px; width:128px; background-position: center;}
  15.  
  16. .Ustawienia{background: transparent url(UstawieniaMini.png);position: absolute; margin-left:51px ; margin-top:195px; height:44; width:150px; background-position: center;}
  17.  
  18.  
  19. #MenuUstawienia { background-color:#FF00FF; height: 70; width:270px; position: absolute; margin-top:225px;}
  20.  
  21. #MenuInne { background-color:#FF00FF; height: 100; width:270px; position: absolute; margin-top:600px;}
[PHP] pobierz, plaintext


Menu w php:

[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <?php
  4. if(!$add_site) exit;
  5. ?>
  6. <style type="text/css">
  7. p{
  8.   margin: 0;
  9.   padding: 0;
  10. }
  11. </style>
  12.     <style type="text/css">
  13.     p.menu {
  14.     color: black;
  15.     font-family: Verdana;
  16.     font-style: normal;
  17.     font-size: 12px;
  18.     letter-spacing: normal;
  19.     text-decoration: none;
  20.     text-align: center;
  21.     }
  22.  
  23. a {
  24. color: black;
  25.  text-decoration: none;
  26. }
  27.  
  28. a:hover
  29. {
  30. color:red;
  31. }
  32.     </style>
  33. </head>
  34.     <p class="menu"><a href="index.php?show=1">Dodaj użytkownika</a></p>
  35. 	<p class="menu"><a href="index.php?show=2">Usuń użytkownika</a></p>
  36. 	<p class="menu"><a href="index.php?show=3">Twój profil</a></p>
  37. </html>
[PHP] pobierz, plaintext


Ładuję to, do diva w index.php:

[PHP] pobierz, plaintext 
  1. <div id="MenuUstawienia">
  2. <?php include 'MenuUstawienia.php'; ?>
  3. </div>
[PHP] pobierz, plaintext


I wychodzi taka lipa:



Ten margines górny mnie dobija sad.gif
Damonsson
1.11.2012, 23:39:25
Gdzie <body> w html? Wgraj resetcss. "php, body"? Raczej "html, body"

Ogólnie puść to przez validator, jak będzie na zielono i będzie źle, to wtedy myśl.
Zielonkawy18
2.11.2012, 00:02:07
Poprawiłem pierwsze twoje zdanie, ale dalej lipton.

Nie zrozumiałem o tym validatorze, ściągnąłem dodatek do Firefoxa HTML Validator, o to Ci chodziło? A styl wydaje mi się, że zresetowałem.

Dodam, że contenty do #treść wczytują mi się dobrze.
Damonsson
2.11.2012, 00:15:39
Skopiuj całe źródło wynikowe strony wejdź na jsfiddle wklej i daj link.
Zielonkawy18
2.11.2012, 00:22:10 
[PHP] pobierz, plaintext 
  1.  
  2.  
  3. <html>
  4. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
  5. <head>
  6.  
  7.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  8.     <script type="text/javascript">
  9.     $(function(){
  10.     var szerokosc_przegladarki = $(window).width();
  11.     var odejmij = 275;
  12.     var szerokosc = szerokosc_przegladarki - odejmij;
  13.     $('#tresc').width(szerokosc);
  14.     });
  15.     </script>
  16.  
  17. <title>Warzywniak :-)</title>
  18. <link href="panelDriver.css" rel="stylesheet" type="text/css">
  19. <!--]>--><link rel="stylesheet" type="text/css" href="http://a.cba.pl/cba.css"/></head>
  20. <body>
  21.  
  22. <div id="Menu">
  23. &#65279;<html>
  24. <head>
  25. <style type="text/css">
  26. p{
  27.   margin: 0;
  28.   padding: 0;
  29. }
  30. </style>
  31.     <style type="text/css">
  32.     p.menu {
  33.     color: black;
  34.     font-family: Verdana;
  35.     font-style: normal;
  36.     font-variant: normal;
  37.     font-weight: normal;
  38.     font-size: 12px;
  39.     line-height: 100%;
  40.     word-spacing: normal;
  41.     letter-spacing: normal;
  42.     text-decoration: none;
  43.     text-transform: none;
  44.     text-align: center;
  45.     }
  46.  
  47. a {
  48. color: black;
  49.  text-decoration: none;
  50. }
  51.  
  52. a:hover
  53. {
  54. color:red;
  55. }
  56.     </style>
  57. </head>
  58. <body>
  59.     <p class="menu"><a href="panelDriver.php?show=1">Pokaż osiągnięcia</a></p>
  60. 	<p class="menu"><a href="panelDriver.php?show=2">Pokaż zamknięte okresy</a></p>
  61. 	<p class="menu"><a href="panelDriver.php?show=3">Twój profil</a></p>
  62. 	<p class="menu"><a href="panelDriver.php?show=4">O nauce mojej</a></p>
  63. 	<p class="menu"><a href="panelDriver.php?show=5">Wyloguj</a></p>
  64. 	<!--]>--><div style="text-align:center;font-size:11px" class="cbalink"><a href="http://www.cba.pl/" title="darmowy hosting">Darmowy Hosting</a> CBA.PL<br/><br/></div>
  65. <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
  66. <script type="text/javascript">
  67. _uacct = "UA-2289508-3";
  68. urchinTracker();
  69. </script>
  70. <!-- (C) 2000-2009 Gemius SA - gemiusAudience / ver 11.1 / pp.cba.pl / podstrony-->
  71. <script type="text/javascript">
  72.  <!--//--><![CDATA[//><!--
  73. var pp_gemius_identifier ="p9.lpfe6LVht.FvD5q6cb8Pc7Mq_YOxZNwdcvPdYR1n.u7";
  74. //--><!]]>
  75. </script>
  76. <script type="text/javascript" src="http://gapl.hit.gemius.pl/xgemius.js"></script>
  77. <script type="text/javascript" src="http://a.cba.pl/r1.js"></script>
  78. <script type="text/javascript" charset="utf-8" src="http://go.evolutionmedia.bbelements.com/bb/bb_one2n.js"></script>
  79. <script type="text/javascript">/* <![CDATA[ */ 
  80. if (ok) bmone2n.addPosition("17490.1.1.1","");
  81. if (ok) bmone2n.getAd("go.evolutionmedia.bbelements.com","",""+(typeof(bburlparam)=="string"?"&"+bburlparam:""),"utf-8");
  82. /* ]]> */</script>
  83. <div id="bmone2t-17490.1.1.1" style="display:none"><script type="text/javascript">/* <![CDATA[ */ if (ok) bmone2n.makeAd("17490.1.1.1"); /* ]]> */</script></div>
  84. <script type="text/javascript">/* <![CDATA[ */ if (ok) bmone2n.moveAd(); /* ]]> */</script>
  85. </body>
  86. </html></div>
  87.  
  88. <div id="tresc">
  89. Nie ma takiej strony</div>
  90.  
  91. <div id="pasek_pionowy">
  92. </div>
  93.  
  94.  
  95.  
  96. <div id="Logo">
  97. </div>
  98.  
  99.  
  100. <span class="Zalogowany">
  101.    <p style="margin-top:14px; margin-left:80%; font-family: Verdana; font-size:13px"><font color=#FFFFFF>Jesteś zalogowany jako:  #003</font></p>
  102. </span>
  103.  
  104. </body>
  105. </html><!-- cba </body><!-- -->
[PHP] pobierz, plaintext


Oto źródło wynikowe.
Damonsson
2.11.2012, 00:26:50
http://validator.w3.org/#validate_by_input

wklejasz walidujesz i poprawiasz błędy.
Zielonkawy18
2.11.2012, 00:29:52
No dobrze, ale nawet jak wkleje wasz kod wynikowy z forum to są błędy, a myślę że te forum było pisane przzez profesjonalistów smile.gif
Damonsson
2.11.2012, 00:49:45
W sumie masz rację, jest 30 stopni mrozu, a Kazimierz się pomylił i założył czarną skarpetkę razem z białą skarpetkę, ale oprócz tego, że trochę głupio wygląda, to jest mu nadal ciepło w nogi. Zygmunt natomiast tak samo jak Kazimierz pomylił się, lecz ubrał zamiast kozaków i skarpet, tylko sandały. Też wygląda śmiesznie, zupełnie tak samo jak Kazimierz? Ja tam myślę, że mu odmarzły nogi, ale mogę się mylić ohmy.gif
Zielonkawy18
2.11.2012, 00:52:50
W sumie to nie czytałem Twojej wypowiedzi do końca, ale dziękuje za chęci i myślę, że sobie z tym poradzę :-)
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.