Меню проблем...

Gh057

Registered
Значи бях си копнал 1 меню и изменил малко. Реших да го махна, но в последствие пак да го сложа(НО линка от който го бях копнал беше премахнат) и ето какво съм наиписал в CSS-а:
Код:
a.menu, a.menu:link, a.menu:visited {
	display: block;
	width: 130px;
	height: 20px;
text-decoration:none;
	font-family: verdana, arial, sans-serif;
	font-size: 15px;
	padding-left: 10px;
	background:url(pic/b3.gif);
}
a.menu:hover {
       background:url(pic/b4.gif);
       color:#0000FF;
}
И в html-a:
Код:
	<div class="menu">
	<a href="index.html">link 1</a><br />
	<a href="index.html">link 2</a><br />
	<a href="index.html">link 3</a><br />
	<a href="index.html">link 4</a><br />
	<a href="index.html">link 5</a><br />
	</div>

Меню-то не излиза. Сигурен съм, че е нещо просто, но уви... Къде ми е грешката? или липсващия ред
 
В html кода има грешка сложи ли най отгоре
<link rel="stylesheet" type="text/css" href="ime.css" >
?
 
Не е от това. :)
Ето при мен така ФЪРКА. :twisted:
Ся с цветовете не съм си играл много с тях ама ти ще си ги барнеш.И да не забравиш да си преименуваш картинките. :D

HTML
Код:
<div class="menu"> 
   <a href="indsdsdex.html">link 1</a>
   <a href="123123.html">link 2</a>
   <a href="i4tdsf.html">link 3</a>
   <a href="isdfer5t.html">link 4</a> 
   <a href="insdfsdf.html">link 5</a>
</div>

CSS
Код:
.menu a:link
{
	display: block; 
	width: 130px; 
	height: 20px; 
	text-decoration: none; 
	font-family: verdana, arial, sans-serif; 
	font-size: 15px; 
	padding-left: 10px; 
	background-image: url('b.png'); 
}
.menu a:visited 
{
	display: block; 
	width: 130px; 
	height: 20px; 
	text-decoration: none; 
	font-family: verdana, arial, sans-serif; 
	font-size: 15px; 
	padding-left: 10px; 
	background-image: url('b.png'); 
}
.menu a:hover 
{ 
	background: url('v.png'); 
	color: #ffff00; 
}
 
Връзката с CSS я бях направил много ясно...

Ins1de мерси много...промених малко това, това което беше написал и си стана перфектно. +1
 

Back
Горе