გამარჯობა მეგობრებო, ამ საქმეში დამწყები ვარ,ქვემოთ მოყვანილ კოდიში რაგაც შეცდომამაქ და თუ შეგიძლიათ იქნებ დამეხმაროთ. პრობლემა იმაში მდგომარეობს, რომ <a ...></a> ამ კოდში როცა <img ... />-ს ვწერ ღილაკების მდებარეობა ირევა, როცა არ ვწერ <img ... /> ამას მაშინ ყველაფერი რიგზეა, რაც ვიცოდი ყველა ხერხი ვცადე და ვერ გავასწორე. გმადლობთ წინასწარ)))
body{
background: no-repeat center fixed url(http://artisanironworksllc.com/wp-content/uploads/2013/06/website-background-2.jpg);
background-size: cover;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}
.b li{
background: no-repeat url(but4.png);
background-size: 200px 200px ;
display: inline-block;
cursor: pointer;
}
.b1{
width: 200px;
height: 70px;
}
.b2{
width: 200px;
height: 70px;
}
.b3{
width: 200px;
height: 70px;
}
.b .b1:hover {
background-position: 0px -122px;
}
.b .b2:hover {
background-position: 0px -122px;
}
.b .b3:hover {
background-position: 0px -122px;
}
<!DOCTYPE HTML>
<html>
<head>
<link type="text/css" rel="stylesheet" href="E:\Denwer\home\Site\www\New folder\images\a.css" />
<title>Íåíàçâàííûé 3</title>
</head>
<body>
<ul class="b">
<li class="b1"><a href="http:\\www.google.ge"><img src="Text.png" width="120" height="40" /></a></li>
<li class="b2"></li>
<li class="b3"></li>
</ul>
</body>
</html>
HTML / CSS ჩაინიკური კითხვები
