Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][CSS] Dodawanie stylu css do kodu php
Forum PHP.pl > Forum > Przedszkole
adas007
Mam problem z dodawaniem stylu css do kodu php. Mam kod który zawiera skrypt php pobierający i wyswietlający dane z bazy danych MySQL. Chciałbym nadać pobranym danym wygląd korzystając z arkuszy styli.
Udało mi się to jedynie w jednym miejscu:
  1. <?php
  2. echo "<div class='ramka'><img src=".$wiersz['male_foto']."></div>";
  3. ?>
Ta linia odpowiada za wyświetlenie obrazka którego ścieżkę dostępu pobieram z bazy danych.
Chciałbym również nadać wygląd korzystając z css opisowi obrazka który wyświetlany jest tutaj:
  1. <?php
  2. echo $wiersz['opis'];
  3. ?>


Jednak w żaden sposób nie udaje mi się tego dokonać i nie wiem czy użycie stylu, którym mógłbym dostosować ten tekst jest wtym miejscu wogóle możliwe ?

Gdy robie to w ten sposób:
  1. <?php
  2. echo "<p class='opis'>$wiersz['opis']</p>";
  3. ?>

Otrzymuje błąd: Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE, expecting T_STRING or T_VARIABLE or T_NUM_STRING in C:\wamp\www\test1\oferta.php on line 54

Tutaj zamieszczam pełny kod:
  1. <html>
  2. <head>
  3.  
  4. <link rel="Stylesheet" type="text/css" href="szablon1.css" />
  5.  
  6. <title>Oferta</title>
  7.  
  8.  
  9. </head>
  10.  
  11. <body>
  12.  
  13. <div id="top">
  14. <div id="NAGLOWEK"><img src="grafika/logo.jpg" "></div>
  15. <div id="MENU">
  16. <dl>
  17. <dt>Menu</dt>
  18. <dd><a href="onas.html">O nas</a></dd>
  19. <dd><a href="oferta.php">Oferta</a></dd>
  20. <dd><a href="cennik.html">Cennik</a></dd>
  21. <dd><a href="dojazd.html">Dojazd</a></dd>
  22. <dd><a href="kontakt.html">Kontakt</a></dd>
  23. </dl>
  24.  
  25.  
  26.  
  27. </div>
  28. <div id="TRESC">
  29.  
  30.  Oferta
  31.  
  32.  
  33.  <a href="oferta.html"><img src="grafika/duzyc.jpg" style="margin-left: 5px; margin-top:5; border="0" onmouseover="this.src = 'grafika/duzyj.jpg'" onmouseout="this.src = 'grafika/duzyc.jpg'"></a>
  34.  <a href="oferta.html"><img src="grafika/duzyc.jpg" style="margin-left: 5px; margin-top:5; border="0" onmouseover="this.src = 'grafika/duzyj.jpg'" onmouseout="this.src = 'grafika/duzyc.jpg'"></a>
  35. <?php
  36.  $db = new mysqli('localhost','root','xxx','sklep');
  37.  
  38. if (mysqli_connect_errno())
  39. {
  40.  echo 'Polaczenie z baza nie udane';
  41.  exit;
  42. }
  43. $zapytanie = "select * from zdjecia";
  44. $wynik = $db->query($zapytanie);
  45. $liczba_wierszy = $wynik->num_rows;
  46.  
  47.  
  48.  
  49. for ($i=0;$i<$liczba_wierszy;$i++)
  50. {
  51.  $wiersz=$wynik->fetch_assoc();
  52.  echo "<BR>";
  53.  echo "<p class='opis'>$wiersz['opis']</p>";
  54.  echo "<div class='ramka'><img src=".$wiersz['male_foto']."></div>";
  55.  
  56.  }
  57.  
  58. ?>
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66. </div>
  67. <div id="STOPKA">Created by A.Z.</div>
  68. </div>
  69.  
  70. </body>
  71.  
  72.  
  73.  
  74. </html>
wookieb
Kod
echo '<p class="opis">'.$wiersz['opis'].'</p>';
adas007
Świetnie działa dziękuję bardzo.

Jeszcze jedna sprawa mnie trapi:
  1. <?php
  2. echo '<p class="opis">'.$wiersz['opis'].'</p>';
  3. ?>

Klasa opis formatuje mój tekst

  1. <?php
  2. echo "<div class='ramka'><img src=".$wiersz['male_foto']."></div>";
  3. ?>

Klasa ramka tworzy ramke wokół rysunku

Jak można by to połączyć tzn poprawnie zapisać tak by opis był wewnątrz ramki. Tak żeby znaczmik <p class="opis"> był wewnątrz znacznika <div class='ramka'> ?
ikssde
CODE

echo "<div class='ramka'>";
echo "<img src=".$wiersz['male_foto'].">";
echo '<p class="opis">'.$wiersz['opis'].'</p>';
echo "</div>";


O to chodzilo? ;>
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.