Проблема cо ссылкой

fa_t · February 2, 2014

Доброго времени суток друзья! Первый раз взялся что то пытаться сверстать. Естественно сразу проблема.

Вот проблема:

В правом нижнем углу фотографии - ссылка(будущий логотип) EnjoyTrip. Собственно проблема в том, что при нахождении курсора чуть ли ни на моём лице, он уже меняется на ссылку. Т.е. находясь очень далеко от ссылки, он её уже видит.

Вот код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>EnjoyTrip</title>

</head>

<body>

<h2><span>Добро пожаловать на блог Святослава Бойко!</span><br> Всё о самостоятельных бюджетных путешествиях, а так же о мире, дружбе и жвачке!</h2>

<a href="/">EnjoyTrip</a>

</div>

</body>

</html>

@charset "utf-8";

/* CSS Document */

*{

padding:0; margin:0;

}

body{

background:#DFD7B4 url(images/bg-body.jpg) center 50px no-repeat;

}

.main{

width:970px; margin:0 auto;

}

.head{

}

.head h2{

padding:80px 0 0 220px;

font: 16px "Arial"; color: #514C35;

}

.head h2 span{

font-weight:bold;

}

.head a{

display:block;

text-decoration:none;

color:white;

padding:100px 0 0 1090px;

}

.head a:hover{

color:green;

}

Прошу Вас не не судить строго, так как первый раз сел делать что то подобное.

Заранее спасибо за помощь!

Aleksandr.L · February 2, 2014

.head a {    display: block;    text-decoration: none;    color: white;    padding: 100px 0 0 1090px; } .head a:hover {    color: green; }

Скорее всего из-за этого. Во-первых, она блочная (т.е. на всю ширину), во вторых, зачем такой страшный padding? О_о

Edited February 2, 2014 by Aleksandr.L

npofopr · February 3, 2014

Пользуйтесь Инспектором кода/ фаербагом (F12). Там все сразу видно становится.

fa_t · February 3, 2014

Спасибо за отклики! Так как всё таки правильно должно выглядеть?

Aleksandr.L · February 3, 2014

Спасибо за отклики! Так как всё таки правильно должно выглядеть?

Это уж как вы сами решите. Хоть float, хоть position, хоть text-align.

Sign In

Проблема cо ссылкой

Question

fa_t

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Aleksandr.L

Link to comment

Share on other sites

npofopr

Link to comment

Share on other sites

fa_t

Link to comment

Share on other sites

Aleksandr.L

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information