daniel_sun
Erfahrenes Mitglied
Hallo,
ich weis nicht ob mein Problem im PHP oder im CSS liegt. Ich hatte eine Homepage erstellt und mein CSS funktionierte darin perfekt.
Nun arbeite ich mit der Template Engine nach diesem Tutorial:
http://php-coding-standard.de/php_template_engine.php
PHP-Technisch klappt das auch. Es wird alles so angezeigt wie ich es gern hätte nur seit der Umstellung "zickt" das CSS. Abstände werden z.B super dargestellt. Aber die schrift größe versagt völlig. jemand ne Idee?
Die Style.CSS
Hier mein Template (tpl_news.tpl)
Zu kompletterung noch die PHP-Datei
Ich hoffe einer kann helfen. Ich rauf mir hier die Haare ^^.
Danke im Vorraus.
Gruß
daniel_sun
ich weis nicht ob mein Problem im PHP oder im CSS liegt. Ich hatte eine Homepage erstellt und mein CSS funktionierte darin perfekt.
Nun arbeite ich mit der Template Engine nach diesem Tutorial:
http://php-coding-standard.de/php_template_engine.php
PHP-Technisch klappt das auch. Es wird alles so angezeigt wie ich es gern hätte nur seit der Umstellung "zickt" das CSS. Abstände werden z.B super dargestellt. Aber die schrift größe versagt völlig. jemand ne Idee?
Die Style.CSS
PHP:
body {
background-color: #C0C0C0;
font-size: 9pt;
font-family: Verdana;
}
img {
border: none;
}
a {
text-align: center;
color: #000000;
}
a:link { text-decoration:underline; font-weight: normal; color:#000000; }
a:visited { text-decoration:underline; font-weight:normal; color:#000000; }
a:hover { text-decoration:underline; font-weight: bold;}
a:active { text-decoration:underline; font-weight:bold; }
a:focus { text-decoration:underline; font-weight:normal; }
.willkommen {margin-left: 30px; font-weight: bold; text-align: left;}
.rand {margin-left: 20px;}
.navi {margin-left: 5px; }
.navitexttitel {text-align: center; margin-top: 10px; font-weight: bold;}
.navitext {margin-left: 28px;}
.newstexttitel {margin-left: 29px; margin-bottom: 3px; font-weight: bold; text-align: left;}
.newstext {margin-left: 30px; text-align: left;}
.newstextbottom {margin-left: 29px; font-size: 7.5pt; font-style: italic; text-align: left;}
.footer {vertical-align: middle;}
.righttitel {margin-left: 27px; margin-bottom: 3px; font-weight: bold; text-align: center;}
.righttext {margin-left: 27px; margin-top: 3px; text-align: center;}
Hier mein Template (tpl_news.tpl)
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="Daniel Klinger" content="">
<title><?=$titel?></title>
</head>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td background="gfx/header.png" width="1000" height="129"> </td>
</tr>
<tr>
<td background="gfx/welcome.png" width="1000" height="40"><div class="willkommen"><?=$welcome?></div></td>
</tr>
<tr>
<td background="gfx/bg.png" width="1000">
<br>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="160">
<!--Tabelle Navigation--!>
<div class="navi">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="gfx/nav_top.png" width="160" height="55"><div class="navitexttitel">Aktuell</div></td>
</tr>
<tr>
<td background="gfx/nav.png" width="160">
<div class="navitext">
<a href="index.php">Home</a><br>
<a href="vorstand.php?id=2">Vorstand</a><br>
<a href="kontakt.php">Kontakt</a><br>
<a href="impressum.php?id=1">Impressum</a>
</div>
</td>
</tr>
<tr>
<td background="gfx/nav_bottom.png" width="160" height="41"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="gfx/nav_top.png" width="160" height="55"><div class="navitexttitel">Herren</div></td>
</tr>
<tr>
<td background="gfx/nav.png" width="160">
<div class="navitext">
<a href="mannschaften.php?id=10">Herren I</a><br>
<a href="mannschaften.php?id=11">Herren II</a><br>
</div>
</td>
</tr>
<tr>
<td background="gfx/nav_bottom.png" width="160" height="41"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="gfx/nav_top.png" width="160" height="55"><div class="navitexttitel">A-Jugend</div></td>
</tr>
<tr>
<td background="gfx/nav.png" width="160">
<div class="navitext">
<b>männl.:</b><br>
<a href="mannschaften.php?id=1">A-Jugend</a><br>
</div>
</td>
</tr>
<tr>
<td background="gfx/nav_bottom.png" width="160" height="41"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="gfx/nav_top.png" width="160" height="55"><div class="navitexttitel">C-Jugend</div></td>
</tr>
<tr>
<td background="gfx/nav.png" width="160">
<div class="navitext">
<b>männl.:</b><br>
<a href="mannschaften.php?id=2">C-Jugend I</a><br>
<a href="mannschaften.php?id=3">C-Jugend II</a><br><br>
<b>weibl.:</b><br>
<a href="mannschaften.php?id=4">C-Jugend I</a><br>
<a href="mannschaften.php?id=5">C-Jugend II</a><br>
</div>
</td>
</tr>
<tr>
<td background="gfx/nav_bottom.png" width="160" height="41"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="gfx/nav_top.png" width="160" height="55"><div class="navitexttitel">D-Jugend</div></td>
</tr>
<tr>
<td background="gfx/nav.png" width="160">
<div class="navitext">
<b>männl.:</b><br>
<a href="mannschaften.php?id=6">D-Jugend</a><br>
</div>
</td>
</tr>
<tr>
<td background="gfx/nav_bottom.png" width="160" height="41"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="gfx/nav_top.png" width="160" height="55"><div class="navitexttitel">E-Jugend</div></td>
</tr>
<tr>
<td background="gfx/nav.png" width="160">
<div class="navitext">
<b>männl.:</b><br>
<a href="mannschaften.php?id=7">E-Jugend</a><br><br>
<b>weibl.:</b><br>
<a href="mannschaften.php?id=8">E-Jugend</a><br>
</div>
</td>
</tr>
<tr>
<td background="gfx/nav_bottom.png" width="160" height="41"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="gfx/nav_top.png" width="160" height="55"><div class="navitexttitel">Minis</div></td>
</tr>
<tr>
<td background="gfx/nav.png" width="160">
<div class="navitext">
<b>gemischt:</b><br>
<a href="mannschaften.php?id=9">Minis</a><br>
</div>
</td>
</tr>
<tr>
<td background="gfx/nav_bottom.png" width="160" height="41"> </td>
</tr>
</table>
<br>
</div>
</td>
<td valign="top" width="635">
<?php foreach ($table_data as $td_row): ?>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="gfx/con_top.png" valign="bottom" width="640" height="31">
<div class="newstexttitel"><?=$td_row['titel']?></div>
</td>
</tr>
<tr>
<td background="gfx/con_bg.png" valign="top" width="640">
<div class="newstext">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="580">
<?=$td_row['text']?>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td background="gfx/con_bottom.png" width="640" height="31">
<div class="newstextbottom">Geschrieben von <b><?=$td_row['autor']?></b> am <b><?=$td_row['datum']?></b> um <b><?=$td_row['zeit']?></b>.</div>
</td>
</tr>
</table>
<?php endforeach; ?>
</td>
<td width="198" valign="top">
<table border="0" width="198" valign="top">
<tr>
<td>
<table border = "0" cellspacing = "0" cellpadding="0" align="left" >
<tr>
<td background="gfx/right_start_2.png" width="198" height="32"> <b>Statistiken:</b></td>
</tr>
<tr>
<td background="gfx/right_middel_2.png" width="198">
Besucher insgesamt:<br>
<?=$ZAHL?><br><br>
Besucher gerade online: <br>
<?=$user_online?>
</td>
</tr>
<tr>
<td background="gfx/right_bottom_2.png" width="198" height="32" ></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border = "0" cellspacing = "0" cellpadding="0" align="left" >
<tr>
<td background="gfx/right_start_2.png" width="198" height="32"> <b>Verein:</b></td>
</tr>
<tr>
<td background="gfx/right_middel_2.png" width="198">
<center>
<a href="http://www.tvolpe.de" target="_blank">
<img src="gfx/logo_tvolpe.gif" width="147" height="128" alt="logo_tvolpe">
</a>
</center>
</td>
</tr>
<tr>
<td background="gfx/right_bottom_2.png" width="198" height="32" ></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border = "0" cellspacing = "0" cellpadding="0" align="left" >
<tr>
<td background="gfx/right_start_2.png" width="198" height="32"> <b>Sponsoren:</b></td>
</tr>
<tr>
<td background="gfx/right_middel_2.png" width="198"><center></center></td>
</tr>
<tr>
<td background="gfx/right_bottom_2.png" width="198" height="32" ></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--ENDE Tabelle Navi und Concent trennen--!>
</td>
</tr>
<tr>
<td background="gfx/finish.png" width="1000" height="29"><div class="footer"><center><b><?=$copyright?></b></center></div></td>
</tr>
</table>
</body>
</html>
Zu kompletterung noch die PHP-Datei
PHP:
<?php
## Modul: index.php
## Version: 1.00
## Datum: 17.11.2008
include('inc/config.php');
##Modulinfo
$sql2 = 'UPDATE tvoh_modulinfo SET modulart = "PHP-Datei", modul = "/index.php", modulversion = "1.00", moduldatum = "17.11.2008" WHERE modulid = "1"';
mysql_query($sql2);
##NEWS-ABFRAGE
$sql = "SELECT * FROM tvoh_news ORDER BY news_id DESC";
$result = mysql_query($sql);
$table_data = array();
while ($row = mysql_fetch_assoc($result))
{
array_push(
$table_data,
array(
'titel' => $row['news_titel'],
'text' => $row['news_text'],
'autor' => $row['news_autor'],
'zeit' => date("H:i", $row['news_datum']),
'datum' => date("d.m.y", $row['news_datum'])
)
);
}
include('right_con.php');
echo gettemplate("tpl_right_finish",$Content);
require_once "tpl/tpl_news.tpl";
?>
Ich hoffe einer kann helfen. Ich rauf mir hier die Haare ^^.
Danke im Vorraus.
Gruß
daniel_sun
Zuletzt bearbeitet: