Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][HTML]Tło i tekst, Problem z rozmieszczeniem tekstu.
melonito
post
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 13.10.2008

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

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

Ten post edytował melonito 13.10.2008, 13:57:58
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
nexis
post
Post #2





Grupa: Zarejestrowani
Postów: 1 012
Pomógł: 109
Dołączył: 26.09.2003
Skąd: nexis.pl

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

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


Ten post edytował nexis 13.10.2008, 12:15:18
Go to the top of the page
+Quote Post
drzalek
post
Post #3





Grupa: Zarejestrowani
Postów: 170
Pomógł: 18
Dołączył: 6.03.2007

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

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ć (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

He he chyba się trochę spóźniłem (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
melonito
post
Post #4





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 13.10.2008

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

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.

Ten post edytował melonito 13.10.2008, 13:58:59
Go to the top of the page
+Quote Post
drzalek
post
Post #5





Grupa: Zarejestrowani
Postów: 170
Pomógł: 18
Dołączył: 6.03.2007

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

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





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 13.10.2008

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

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 ?
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: 22.08.2025 - 19:52
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn