Witam!
Moje linki w menu są przesunięte trochę w prawo:
(IMG:http://tinypic.pl/i/00037/bovg4chisdzs_t.jpg)
Co źle zrobiłem?
Menu:
<!-- Menu -->
<div class="nawigacja_div"> <li><a href="index.php" class="nawigacja">Strona Główna
</a></li>
<div class="nawigacja_div"> <li><a href="wyborprezentu.php" class="nawigacja">Wysyłanie prezentu
</a></li>
<div class="nawigacja_div"> <li><a href="szukanieprezentu.php" class="nawigacja">Szukaj prezentu
</a></li>
<div class="nawigacja_div"> <li><a href="kontakt.php" class="nawigacja">Kontakt z Nami
</a></li>
<!-- Koniec Menu -->
/* Menu */
div#menu_tabela {
background-image: url('tlo_menu.png');
height: 5%;
width: 75%;
margin: auto;
border: 5px ridge;
border-color: #99BF33;
}
ul.menu li
{
font-size: 100%;
font-weight: bold;
color: blue;
display: inline-block;
text-decoration: none;
}
a.nawigacja
{
text-decoration: none;
}
div.nawigacja_div
{
display: inline-block;
}
/* Koniec Menu */
I jeszcze CSS nadrzędnych elementów:
body
{
background-image: url(tlo.png);
background-attachment: fixed;
background-repeat: repeat-x;
height: 100%;
width: 100%;
text-align: center;
overflow-x: hidden;
}
div.strona
{
background-color: #F1F6B9;
border: 5px ridge;
border-color: #000000;
margin: auto;
width: 60%;
height: 100%;
}