Wyśrodkowuję tekst względem diva id=przycisk.
Wklejam całość:
Wklejam całość:
Kod:
* {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
body
{
background-image : url("images/tlo.jpg");
background-repeat : repeat-x;
}
div#glowny
{
border:0px solid black;
width:1000px;
margin: 0 auto;
}
div#head
{
border:0;
width:1000px;
height:327px;
margin: 0 auto;
background-image : url("images/head.jpg") ;
}
div#baner
{
position: relative;
top: 55px;
left: 0px;
width:1000px;
height:242px;
}
div#tresc
{
border:0;
width:1000px;
height:200px;
background-color: white;
}
div#stopka
{
border:0;
width:1000px;
height:118px;
background-image : url("images/stopka.jpg") ;
}
div#menu
{
margin: 0px 0px 0px 50px;
}
div.przycisk
{
width: 161px;
height: 49px;
background-image: url(images/p_menu.jpg);
float: left;
display: block;
text-align:center;
display: block;
}
p.menu
{
padding-top: 50%px;
text-align: center;
font-family: Times New Roman;
font-weight: bold;
font-size: 15px;
color: #222222;
}
a.menu
{
text-decoration: none;
color: #222222;
}
span
{
}
/* ]]> */
</style>
</head>
<body>
<div id="glowny">
<div id="head">
<div id="baner"></div>
</div>
<div id="tresc">
<div id="menu">
<div class="przycisk"><p class="menu"><a class="menu" href=""><span>O MNIE</span></a></p></div></div>
<div class="przycisk"><p class="menu"><a class="menu" href="">GALERIA I MULTIMEDIA</a></p></div>
<div class="przycisk"><p class="menu"><a class="menu" href="">BIURO<br />POSELSKIE</a></p></div>
</div>
</div>
<div id="stopka"></div>
</div>
</body>