21-06-2009, 00:00
Witam. Można powiedzieć, że jestem początkującym webmasterem chociaż od 1,5 roku prowadzę stronę opartą na PHP Fusion. Przeczytałem też kilka książek o html i php. Zapoznałem się również z kursem dostępnym na http://kurshtml.boo.pl. PHP Fusion już mi nie wystarcza i chciałbym sam stworzyć stronę od początku do końca. Napisałem szablon strony oparty na tabeli. Po wyświetleniu tego szablonu na localhoście jak również na serwerze założonym na prv.pl wygląd strony nie prezentuje się jak powinien. Chyba coś jest źle z atrybutem width ale nie jestem pewien. Może też być tak, że nie domknąłem gdzieś jakiegoś znacznika choć to jest mało prawdopodobne bo sprawdzałem kod kilkanaście razy. Drugim nurtującym mnie problemem jest to, jakie właściwości (w arkuszu stylów) należy nadać blokowi all (div id="all") aby automatycznie dopasowywał się do zawartości, czyli chodzi mi o taką sytuację aby nie trzeba mu było z góry nadawać określonego "height". Poniżej przedstawiam kod pliku z szablonem jak również skromnego jak narazie pliku style.css. Bardzo proszę o pomoc.
plik z szablonem
arkusz stylów
plik z szablonem
Kod:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title> </title>
<meta name="description" content=" " />
<meta name="keywords" content="" />
<link rel="stylesheet" href="style.css" type="text/css">
<?php include ('dolaczenia/kolornajechanychodsylaczy.php') ; ?>
</head>
<body>
<div id="all">
<table width="100%" margin-top="5%" border="1">
<tr><td width="100%" height="25%">
<?php
include ('dolaczenia/baner.php') ;
?>
</td></tr>
<tr><td width="100%" height="15%">
<?php
include ('dolaczenia/gornemenu.php');
?>
</td></tr>
<tr><td width="15%"><?php include ('dolaczenia/lewakolumna.php'); ?></td>
<td width="70%"><?php include ('dolaczenia/srodkowakolumna.php'); ?>
<div id="tytulstrony"><font color="white"><center><p id="tytulstrony">Aktualności</p></center></font></div>
</td>
<td width="15%" valign="top"><?php include ('dolaczenia/prawakolumna.php'); ?></td>
</tr>
<tr><td width="100%"><?php include ('dolaczenia/stopka.php') ; ?></td></tr>
<tr><td width="100%"><?php include ('dolaczenia/reklama.php') ; ?></td></tr>
</table>
</div>
</body>
</html>
arkusz stylów
Kod:
a
{
color: red ;
text-decoration: none ;
font-weight: bold ;
}
div#all
{
height: 200% ;
background-image: url(../pliki/grafika/tlo.jpg) ;
}
div#tytulstrony
{
background-color: blue ;
width :100% ;
}
p#tytulstrony
{
font-size: 20px ;
}