Вече имам два готови сайта... (Използвам готови и безплатни templates.)Простовати и същевременно сложни и добре изглеждащи. Правя всичко само за практика, нищо няма да правя с тези сайтове. Сега правя трети, обаче срещам проблем, с който до сега не съм се срещал... Изглежда глупав, но досега не ми се е налагало:

Следния текст как мога да го сложа върху navigation изображението и същевременно да раздалечя връзките едно от друго...
Сетих се да използвам "word-spacing:" обаче то раздалечава думите, а не самите ''a'' тагове.
<!DOCTYPE html>
<html>
<head>
<title>Fantasy game</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="header_nav">
<img src="logo.png" class="logo" >
<img src="bg-navigation.png" class="nav">
<div class="buttons">
<a href="#" style="color:white" >HOUSE OF DANAK</a>
<a href="#" style="color:white" >DRAAGAN LORE</a>
<a href="#" style="color:white" >MYTHS OF D'ROGA</a>
<a href="#" style="color:white" >ARCHIVES</a>
</div>
</div>
</body>
</html>
#header_nav {
background-image:url('bg-header.jpg');
height:330px;
width:1190px;
margin:auto;
}
.logo {
display:block;
margin:auto;
margin-top:auto;
}
.nav {
display:block;
margin:auto;
}
.buttons{
margin-left:200px;
width:500px;
color:white;
display:inline;
}