Сдвиг + ссылка

Всем привет!

Я сверстал картинку на сайт,кароче всё сделал,добавил текст с ссылкой,при навидении мышкой на картинку ПО ВСЕХ КАРТИНКЕ та ссылка,что указана в тексте....
Как сделать,чтобы только при навидении на текст можно было перейти на указанную ссылку,а не при навидении на картинку , где указан этот текст с ссылкой.

Если кто знает,просьба сообщите как это сделать....

CSS:

.title{

 margin:0px;

 padding:0px;

 padding-top:8px;

 padding-left:22px;

 font-family:Verdana, Geneva, sans-serif;

 font-size:13px;

 /*background-color:#FFF;*/

}


.title a {

color: #ffffff;


}

.title li {

 float:left; margin:0 10px 0 10px;

}

.title ul {

 list-style:none;

}


.title a{

 font:13px normal Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; display:block;line-height:20px;


}

Цитата ("Grep"):

padding:0px;
padding-top:8px;
padding-left:22px;

Зачем :?:

padding: 8px 0 0 22px;

Grep изучите вконце концов основы html + CSS хотябы почитайте сайт посилання и используйте ее у себя как настольную книгу.

Цитата ("nehovaysyatopol"):

Цитата ("Grep"):

padding:0px;
padding-top:8px;
padding-left:22px;

Зачем :?:

padding: 8px 0 0 22px;

Разницы в этом я не вижу,это уже как кому удобнее прописывать ( На мой взгляд ).

Цитата ("Zi"):

Grep изучите вконце концов основы html + CSS хотябы почитайте сайт посилання и используйте ее у себя как настольную книгу.

Я там был и не смог найти...Поэтому и написал сюда....
Скажите,пожалуйста,что это за код.

А то не красиво всё смотрится из-за этого....

Цитата ("Grep"):

сверстал картинку на сайт

что, простите, вы сделали с картинкой?

вы бы хоть ссылку на вашу верстку кидали, а то по описанию, мягко говоря, сложно понять, в чем заключается проблема

Цитата ("duracella"):

Цитата ("Grep"):

сверстал картинку на сайт

что, простите, вы сделали с картинкой?

вы бы хоть ссылку на вашу верстку кидали, а то по описанию, мягко говоря, сложно понять, в чем заключается проблема

Вот картинка:
посилання

Там есть такой "беленький текст...." , я не могу сделать так , чтобы ТОЛЬКО при навидении на этот "беленький текст" можно было перейти на указанную ссылку.У меня так , что при навидении на "САМУ КАРТИНКУ" , где указан этот "беленький текст" распространена эта ссылка...

Ещё раз код:

.title a {

color: #ffffff;


}

.title li {

 float:left; margin:0 10px 0 10px;

}

.title ul {

 list-style:none;

}


.title a{

 font:13px normal Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; display:block;line-height:20px;


}

Мне нужно , чтобы только навидя на этот "Беленький текст" можно было перейти на ссылку.

Цитата ("Grep"):

.title li {
float:left; margin:0 10px 0 10px;
}
.title ul {
list-style:none;
}

зачем список? у вас же одна ссылка, а не меню
убрали бы
и

display:block

у ссылки мне непонятен. а так не соображу, что еще может мешать исполнению вашей воли