Witam
Oto mój styl layota:
php, body
{
background-color: #FFFFFF;
margin: 0;
padding: 0;
}
.zalogowany { background-color: #4F86F7; height: 50px; width: 100%; position: absolute;}
#tresc { background-color:#FF00FF; height:auto; width: auto; position: absolute; margin-top:50px; margin-left:275px ;}
#pasek_pionowy { background-color:#4F86F7; height:600; width: 2; position: absolute; margin-top:50px; margin-left:265px ;}
#Logo{background: transparent url(Logo.png);position: absolute; margin-left:51px ; margin-top:50px; height:128px; width:128px; background-position: center;}
.Ustawienia{background: transparent url(UstawieniaMini.png);position: absolute; margin-left:51px ; margin-top:195px; height:44; width:150px; background-position: center;}
#MenuUstawienia { background-color:#FF00FF; height: 70; width:270px; position: absolute; margin-top:225px;}
#MenuInne { background-color:#FF00FF; height: 100; width:270px; position: absolute; margin-top:600px;}
Menu w php:
<html>
<head>
<?php
?>
<style type="text/css">
p{
margin: 0;
padding: 0;
}
</style>
<style type="text/css">
p.menu {
color: black;
font-family: Verdana;
font-style: normal;
font-size: 12px;
letter-spacing: normal;
text-decoration: none;
text-align: center;
}
a {
color: black;
text-decoration: none;
}
a:hover
{
color:red;
}
</style>
</head>
<p class="menu"><a href="index.php?show=1">Dodaj użytkownika</a></p>
<p class="menu"><a href="index.php?show=2">Usuń użytkownika</a></p>
<p class="menu"><a href="index.php?show=3">Twój profil</a></p>
</html>
Ładuję to, do diva w index.php:
<div id="MenuUstawienia">
<?php include 'MenuUstawienia.php'; ?>
</div>
I wychodzi taka lipa:
(IMG:http://www.picshot.pl/pthumbs/small/244991/div.jpg)
Ten margines górny mnie dobija (IMG:
style_emoticons/default/sad.gif)