Potreboval by som pomoc, chcem si urobiť web a zatiaľ iba testujem no potreboval by som pomoc. Mam v PHP urobenú hlavnú stránku. index.php a chcel by som vytvoriť podstránky s rovnakým dizajnom ktory mam vytvoreny cez css no rozdielným obsahom v hlavnej casti stranky. Cize ked kliknem na o mne tak sa zobrazi text ked kliknem na kontakt tak zase iny text. Chcem aby bol web staticky pretoze ak by som to robil v html tak ak by som chcel jednu vec zmenit tak by som to musel ment na kazdom a jednom subore a to nechcem. Pripajam sem aj zdrojove kody. Zatial sa mi to podarilo iba tak ze mi vypisalo text s pozadim ale header menu obsah a peta sa stratila uz som v koncom a neviem si rady.
Tu je index.php
Kód: Vybrat vše
<html>
<head>
<title>Stranka PHP</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="navigation">
<?php include('navigation.php'); ?>
</div>
<div id="content">
<?php include('content.php'); ?>
</div>
<div id="footer">
<?php include('footer.php'); ?>
</div>
</div>
</body>
</html>
A tu je CSS
Kód: Vybrat vše
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #434343;
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#header {
color: white;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #0084ff;
height: 80px;
margin: 10px 0px 5px 0px;
background-image:url('./images/hlavicka2.jpg');
}
#navigation {
color: white;
border: 1px solid #0084ff;
background: #434343;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 350px;
width: 195px;
float: left;
background-image:url('./images/menu2.jpg');
}
#content {
float: right;
color: white;
border: 1px solid #0084ff;
background: #434343;
margin: 0px 0px 5px 0px;
padding: 10px;
height: 350px;
width: 678px;
display: inline;
background-image: url('./images/obsah.jpg');
}
#footer {
width: 900px;
clear: both;
color: white;
border: 1px solid #0084ff;
background: #434343;
margin: 0px 0px 10px 0px;
padding: 10px;
background-image:url('./images/peta.jpg');
}
a:link { color: white; }
a:visited { color: white; }
a:active { color: white; }
a:hover { color: white; }