Некъв проблем с меню

GaTio2

Registered
Здравейте имам 1 проблем мъча се да направя 1 меню но като напиша текст се появява картинка само зад текста ако не ме разбирате ще ви обясня по подробно ето кода

Код:
body {
background-color:#000000;
font-family:verdana,sans-serif;
font-size:12px;
color:#FFFFFF;
margin:0 auto 0 auto;
text-align:center;
}

.navigation a {
width:74px;
height:34px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-image:url(menu.gif);
}

.navigation a:hover {
width:74px;
height:34px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-image:url(menu.gif);
}

.header {
background-image:url(header.gif);
margin:0pt auto;
width:1024px;
height:160px;
}

.menu {
margin:0 auto 0 auto;
width:500px;
height:36px;
padding-left: 0px;
padding-top: 30px; 
}


Код:
<html>
<head>
<title>Untitled Document</title>
<link rel="stylesheet" href="style1.css" type="text/css" media="screen" />
</head>

<body>

<div class="header">

<div class="menu">
<div class="navigation">
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
</div>

</div>

</div>

</body>

</html>
 
По добра идея е, да качиш примерно някъде това, за да може да видим какво имаш в предвид!
 
Аве приятел не може да те разберем.Кажи с две думи, че искаш тази картинка да е зад всеки бутон, ТАКА ЛИ?
 
Код:
 .navigation a {
width:74px;
height:34px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-image:url(menu.gif);
}
става на
Код:
.navigation a {
width:74px;
height:34px;
display:block;
float:left;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-image:url(menu.gif);
}
 
Вие дадохте една точка за support на raiden .
Натиснете тук за да се върнете в темата.
готово ама ся тряа видя как да го изцентря ^^ мерси лек ден :D
 
С линкове като блокчета не можеш да го центрираш, освен да ги сложиш в 1 див с фиксирана ширина който да центрираш, иначе трябва да използваш списък с <ul> и <li>
dashe ти даде и този вариант
 

Back
Горе