Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML]Tło i tekst
Forum PHP.pl > Forum > Przedszkole
melonito
13.10.2008, 12:00:46
Witam

Wykonałem tabelke z tłem i tekstem. W tabelce znajdują się dwie komórki KLIK. W jednej komórce będa się znajdowały nagłówki newsów, a w drugiej data. W komórkach tekst nie rozkłada się prawidłowo względem tła KLIK. Co zrobić aby tekst był dopasowany do pól na tle ?

Kod html tabelki:
Kod
<td width="268" height="90" border="0" cellpadding="0" cellspacing="0"><table width="268" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/lastnews1.gif" width="197" height="90" valign="top">dfdfddsfddssffsd<br>fdhnhfvf<br>12345<br>eloeloelo<br>elo  eloeleo<br>hejehj</td>
<td background="images/lastnews2.gif" width="71" valign="top">ddfdfdffdfdf<br>ffggdfggffgf</td></tr></table></td>


Pliki tła:
1
2
nexis
13.10.2008, 12:14:57
Obrazki są zupełnie zbędne:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>  
  3.    <head>  
  4.       <meta http-equiv="content-type" content="text/html; charset=utf-8">  
  5.       <title>melonito</title>
  6.       <style type="text/css">
  7.          table {
  8.             font-family: Arial;
  9.             color: #000000;
  10.             font-size: 11px;
  11.             border-collapse: collapse;
  12.          }
  13.          table tr td {
  14.             padding: 5px;
  15.             border: 1px dashed #c6c6c6;
  16.          } 
  17.          table .a {
  18.             background-color: #f4f4f4;
  19.          }
  20.          table .b {
  21.             background-color: #ebebeb;
  22.          }
  23.       </style>  
  24.    </head>  
  25.    <body>
  26.       <div id="container">
  27.          <table>
  28.             <tr class="a">
  29.                <td>abc</td>
  30.                <td>2008-10-13 10:00:00</td>
  31.             </tr>
  32.             <tr class="b">
  33.                <td>def</td>
  34.                <td>2008-10-13 11:00:00</td>
  35.             </tr>
  36.             <tr class="a">
  37.                <td>ghi</td>
  38.                <td>2008-10-13 12:00:00</td>
  39.             </tr>
  40.             <tr class="b">
  41.                <td>jkl</td>
  42.                <td>2008-10-13 13:00:00</td>
  43.             </tr>
  44.          </table>
  45.       </div>  
  46.    </body>
  47. </html>
[HTML] pobierz, plaintext
drzalek
13.10.2008, 12:21:05
Moim zdaniem to wszystko jest do wymiany.
Jesli dobrze rozumiem te przerywane szare kreski oddzielają poszczególne komórki. Jesli tak jest to wystarczy odpowiednim komórką nadać tło i obramowanie przerywane koloru szarego:

[HTML] pobierz, plaintext 
  1. <table>
  2. <tr>
  3. <td style="background-color: #jakiskolor; border-bottom: dashed 1px #jakiskolor; border-right:  dashed 1px #jakiskolor;">Tytuł newsa</td>
  4. <td style="background-color: #jakiskolor; border-bottom: dashed 1px #jakiskolor;">Data</td>
  5. </tr>
  6. <tr>
  7. <td style="background-color: #jakiskolor; border-bottom: dashed 1px #jakiskolor; border-right:  dashed 1px #jakiskolor;">Tytuł newsa</td>
  8. <td style="background-color: #jakiskolor; border-bottom: dashed 1px #jakiskolor;">Data</td>
  9. </tr>
  10.  
  11. </table>
[HTML] pobierz, plaintext


W ten sposób nie musisz wykorzystywać plików do zrobienia tła, efekt będzie taki sam, no a przynajmniej podobny i wszystko będzie się ładnie układać smile.gif

He he chyba się trochę spóźniłem smile.gif
melonito
13.10.2008, 13:55:08
A jeśli chciałbym wstawić tam część skryptu PHP odpowiadającą za nagłówek newsa i date ? Powiedzmy wrzucę dwie zmienne $headline i $data. Komórka może by się powielała ale kolor by miała ten sam, a ja chce uzyskać efekt taki jak pokazałem.
drzalek
13.10.2008, 21:46:17
Niekoniecznie, możesz pokombinować np: jeżeli pobierasz tytul newsa i date z bazy to:

[PHP] pobierz, plaintext 
  1. <?php
  2. $i=1;
  3. while($row=mysql_fetch_array($query)) //oczywiście tylko przykład
  4. {
  5.  
  6. if($i%2==0)
  7.    { 
  8.     echo '<tr><td class="kolor1">'.$tytul.'</td><td class="kolor1">'.$data.'</td>';  //tu masz np jaśniejszy kolor
  9.     }
  10. else
  11.    {
  12.     echo '<td class="kolor2">'.$tytul.'</td><td class="kolor2">'.$data.'</td></tr>'; //tu ciemniejszy
  13.     }
  14. }
  15. ?>
[PHP] pobierz, plaintext


Oczywiście przed pętlą i po reszta tabeli. Jak zrobisz coś takiego, to będziesz miał na przemian kolory, które ustalisz sobie w klasie .kolor2 i kolor1.
Można oczywiście zamiast class=kolor1/2 wpisać w tym miejscy cały styl.
melonito
18.10.2008, 11:30:13
Dwa pliki odpowiadają za wygląd nagłówków np. ostatnie mecze.

CODE
/*
<?php
/*
########################################################################
# #
# Version 4 / / / #
# -----------__---/__---__------__----__---/---/- #
# | /| / /___) / ) (_ ` / ) /___) / / #
# _|/_|/__(___ _(___/_(__)___/___/_(___ _/___/___ #
# Free Content / Management System #
# / #
# #
# #
# Copyright 2005-2006 by webspell.org #
# #
# visit webSPELL.org, webspell.info to get webSPELL for free #
# - Script runs under the GNU GENERAL PUBLIC LICENSE #
# - It's NOT allowed to remove this copyright-tag #
# -- http://www.fsf.org/licensing/licenses/gpl.html #
# #
# Code based on WebSPELL Clanpackage (Michael Gruber - webspell.at), #
# Far Development by Development Team - webspell.org #
# #
# visit webspell.org #
# #
########################################################################
*/

$ergebnis=safe_query("SELECT * FROM ".PREFIX."clanwars ORDER BY date DESC LIMIT 0,$maxresults");
echo'';
while($ds=mysql_fetch_array($ergebnis)) {

$date=date("d.m", $ds[date]);
$homescr=array_sum(explode("||", $ds[homescore]));
$oppscr=array_sum(explode("||", $ds[oppscore]));

if($homescr>$oppscr) $result=''.$homescr.':'.$oppscr.'';
elseif($homescr<$oppscr) $result=''.$homescr.':'.$oppscr.'';
else $result=''.$homescr.':'.$oppscr.'';

$resultID=$ds[cwID];
$gameicon="images/games/";
if(file_exists($gameicon.$ds[game].".gif")) $gameicon = $gameicon.$ds[game].".gif"; else $gameicon = $gameicon.$ds[game].".jpg";

eval ("\$results = \"".gettemplate("results")."\";");
echo $results;
}
echo'';
?>


i templates (plik html)
CODE
<tr>
<td>
<img src="$gameicon" border="0" width="13" height="13"> <a href="index.php?site=clanwars_details&cwID=$resultID">$date: $ds[opptag] - <b>$result</b></a>
</td>
</tr>


Ten ostatni post wydaje mi się że byłby rozwiązaniem mojego problemu. Który plik edytować? Czy może ktoś podać gotowe rozwiązanie ?
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.