Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][CSS]Problem ze stylem
Zielonkawy18
post
Post #1





Grupa: Zarejestrowani
Postów: 152
Pomógł: 4
Dołączył: 4.10.2012

Ostrzeżenie: (10%)
X----

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??
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
jaslanin
post
Post #2





Grupa: Zarejestrowani
Postów: 511
Pomógł: 143
Dołączył: 13.03.2010
Skąd: Jasło

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

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
Go to the top of the page
+Quote Post
Zielonkawy18
post
Post #3





Grupa: Zarejestrowani
Postów: 152
Pomógł: 4
Dołączył: 4.10.2012

Ostrzeżenie: (10%)
X----

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.
Go to the top of the page
+Quote Post
jaslanin
post
Post #4





Grupa: Zarejestrowani
Postów: 511
Pomógł: 143
Dołączył: 13.03.2010
Skąd: Jasło

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

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
Go to the top of the page
+Quote Post
Zielonkawy18
post
Post #5





Grupa: Zarejestrowani
Postów: 152
Pomógł: 4
Dołączył: 4.10.2012

Ostrzeżenie: (10%)
X----

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
Go to the top of the page
+Quote Post
jaslanin
post
Post #6





Grupa: Zarejestrowani
Postów: 511
Pomógł: 143
Dołączył: 13.03.2010
Skąd: Jasło

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

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.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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 · Linearny+ · Przełącz na: Drzewo

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

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