Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][CSS]Problem ze stylem
Forum PHP.pl > Forum > Przedszkole
Zielonkawy18
25.10.2012, 19:39:28
Witam

Otóż mój problem polega na formatowaniu tekstu, na sam początek podaję fragment lay'a ( kolorowe tło ) na które wrzucam napisy ( odnośniki do innych stron ):

[PHP] pobierz, plaintext 
  1. php, body
  2. {
  3. background-color: #FFFFFF;
  4. margin: 0;
  5. padding: 0;
  6. background-position:center;
  7. }
  8.  
  9. .zalogowanyKtoZRodziny { background-color: #4F86F7; height: 50px; width: 100%; position: absolute;}
  10.  
  11. #tresc { background-color:#FFFFFF; height:auto; width: auto; position: absolute; margin-top:50px; margin-left:275px ;}
  12.  
  13. #pasek_pionowy { background-color:#4F86F7; height:600; width: 2; position: absolute; margin-top:50px; margin-left:265px ;}
  14.  
  15. .Logo{background: transparent url(Logo.png);position: absolute; margin-left:51px ; margin-top:50px; height:128px; width:128px; background-position: center;}
  16.  
  17. .ProduktyIco{background: transparent url(UstawieniaIco.png);position: absolute; margin-left:51px ; margin-top:180px; height:44; width:150px; background-position: center;}
  18.  
  19. .OpisIco{background: transparent url(PracownicyMini.jpg);position: absolute; margin-left:51px ; margin-top:330px; height:44; width:150px; background-position: center;}
  20.  
  21. #Produkty { background-color:#FFFFFF; height: 100; width:270px; position: absolute; margin-top:225px;}
  22.  
  23. #Opis { background-color:#FF00FF; height: 90; width:270px; position: absolute; margin-top:375px;}
  24.  
[PHP] pobierz, plaintext


to jest plik CSS określający styl index-u ( strony głównej )

Teraz daję plik PHP, który zawiera odnośniki, które mają być umieszone na fragmencie (#ProduktyWLodowce)

[PHP] pobierz, plaintext 
  1. <head>
  2. <?php
  3. // sprawdzenie czy zmienna $add_site istnieje
  4. if(!$add_site) exit;
  5. ?>
  6.     <style type="text/css">
  7.     p.test {
  8.     color: green;
  9.     font-family: Verdana;
  10.     font-style: normal;
  11.     font-size: 2px;
  12.     text-decoration: none;
  13.     text-transform: none;
  14.     text-indent: 0ex;
  15.     }
  16. a {
  17. color: black;
  18.  text-decoration: none;
  19. }
  20.  
  21. a:hover
  22. {
  23. color:blue;
  24. }
  25.     </style>
  26. </head>
  27.         <p class="test"><a href="index.php?show=1">Dodaj produkt</a></p>
  28. 	<p class="test"><a href="index.php?show=2">Usuń produkt</a></p>
  29. 	<p class="test"><a href="index.php?show=3">Pokaż co dzis mogę zjeść</a></p>
  30. 	<p class="test"><a href="index.php?show=4">Zaplanuj obiad na jutro po szkole :)</a></p>
[PHP] pobierz, plaintext


Tak umieszczam to w wyznaczonym fragmencie:

plik: PHP

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


Analitycznie mam zrobione z Opisem ( też osobny plik php z odnośnikami ). Problem polega na tym, że nie mogę manipulować tymi odnośnikami. Nie działa mi to że np. chcę aby po najehaniu w Produktach odnośnik byłby czerwony a w opisie Zielony....

Co robię nie tak??
jaslanin
25.10.2012, 20:35:04
ciężko to zrozumieć, ale to że robisz include jakiegoś elementu ze stylami nie oznacza, że te style działają tylko dla fragmentu który dołączasz. One działają globalnie dla całej strony

Jeżeli chcesz mieć specjalne style tylko dla menu rób CSS w stylu

[PHP] pobierz, plaintext 
  1. p.tekst a:hover { color:red}
[PHP] pobierz, plaintext


a jeszcze lepiej całe menu opakować w jakiegoś diva i do niego odwoływać się w selektorze
Zielonkawy18
25.10.2012, 20:48:53
Tak wygląda mój plik index.php

[PHP] pobierz, plaintext 
  1. <?php
  2. $add_site = true;
  3. include("config.php");
  4. ?>
  5.  
  6. <?php 
  7.  
  8. $nick = $_SESSION['login'];
  9. $haslo = $_SESSION['haslo'];
  10.  
  11. if ((empty($nick)) AND (empty($haslo))) {
  12. echo '<br>Nie byłeś zalogowany albo zostałeś wylogowany<br><a href="logowanie.php">Powróć do strony logowania</a><br>';
  13. exit;
  14. }
  15.  
  16. $user = mysql_query("SELECT * FROM konta_uzytkownikow WHERE login='$nick' AND haslo='$haslo'");
  17.     if (!$user) {
  18. echo $nick;
  19. echo $haslo;
  20. echo '<br>Nieprawidłowe logowanie<br><a href="logowanie.php">Powróć do strony logowania</a><br>';
  21. exit;
  22. } ?>
  23.  
  24. <html>
  25. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
  26. <head>
  27.  
  28.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  29.     <script type="text/javascript">
  30.     $(function(){
  31.     var szerokosc_przegladarki = $(window).width();
  32.     var odejmij = 275;
  33.     var szerokosc = szerokosc_przegladarki - odejmij;
  34.     $('#tresc').width(szerokosc);
  35.     });
  36.     </script>
  37.  
  38. <title>Witaj </title>
  39. <link href="index.css" rel="stylesheet" type="text/css">
  40. </head>
  41. <body>
  42.  
  43. <div id="Produkty">
  44. <?php include "Produkty.php"; ?>
  45. </div>
  46.  
  47.  <div id="Opis">
  48. <?php include "Opis.php"; ?>
  49. </div>
  50.  
  51.  
  52.  
  53.  
  54. <div id="tresc">
  55. <?
  56.  switch($_GET['show']){
  57.  
  58.  case 1:
  59.  include 'FormularzProdukty.php';
  60.  break;
  61.  
  62.  case 2:
  63.  include 'FormularzOpis.php';
  64.  break;
  65.  
  66.  case 3:
  67.  include 'formularzZmienNazweUzytkownika.php';
  68.  break;
  69.  
  70.  }
  71. ?>
  72. </div>
  73.  
  74. <div id="pasek_pionowy">
  75. </div>
  76.  
  77.  
  78.  
  79. <span class = "Logo">
  80. <p style="margin-top:3px"></p>
  81. </span>
  82.  
  83. <span class = "ProduktyWLodowce">
  84. <p style="margin-top:10px"></p>
  85. </span>
  86.  
  87. <span class = "Opis">
  88. <p style="margin-top:40px"></p>
  89. </span>
  90.  
  91. <span class="Zalogowany">
  92.    <p style="margin-top:14px; margin-left:80%; font-family: Verdana; font-size:13px"><font color=#FFFFFF>Jesteś zalogowany jako:  <?= $nick?></font></p>
  93. </span>
  94.  
  95. </body>
  96. </html>
[PHP] pobierz, plaintext


Interesuje mnie to abym Produkty.php ( kod pliku wyżej w poście innym ) manipulował niezależnie od Opisy.php. Np. w pliku Produkty.php zmieniam sobie margin top i one nie wyjdą po za obszar, który jest zdeklarowany w index.cc (#ProduktyWLodowce)

Pozdrawiam.
jaslanin
25.10.2012, 20:54:30
CSS nic nie wie o includowaniu plików, on nie wie że masz kilka plików

jak więc cokolwiek robisz to musisz pamiętać że zadziała to na całym dokumencie, co najwyżej możesz to ograniczyć do jakiegoś fragmentu.

Np cały Produkty.php objemujesz divem unikalnym dla tego pliku i operujesz na CSS tak:

Kod
div.fileClass .otherSelector
Zielonkawy18
25.10.2012, 20:58:48
Dziękuję za odpowiedź, a mógłbyś zrobić coś na moim przykładzie? Wtedy bym zrozumiał i zapamiętał właśnie poprzez example.

Pozdrawiam
jaslanin
25.10.2012, 21:10:54
jeżeli mi ten Twój projekt spakujesz i prześlesz to tak.

Inaczej zajęło by mi to więcej czasu niż planuję na pomoc na forum. I nie będzie to możliwe.
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.