LINUX.ORG.RU

Вопрос по HTML вёртске.


0

1

Код:

<div id="toppanel" class="toppanel">
<a href="/search">search</a>
<a href="/text">text</a>
</div>

.toppanel
{
	margin-top: 0px;
	height: 30px;
	background: #eee;
}

.toppanel a
{
	background: #ccc;
	padding: 4px;
	margin: 2px;
}

Результат: http://dagoneev.no-ip.biz/i/2014-02-06---00-01-54.png

Почему ссылки выпирают за границы div, в котором находятся? Как вылечить, запихнув всё целиком в этот div?

★☆

Последнее исправление: kiverattes (всего исправлений: 2)

Это из-за padding'а в 4-е пикселя у ссылки. Поставь такой же у всего блока, как вариант: http://jsfiddle.net/6udbg/3/

Weres ★★★
()

Ты от нас что-то скрываешь. Это не весь код. Почему блок toppanel не белый?

Как вариант решения проблемы, задать блоку padding > 4px и все должно наладиться.

amomymous ★★★
()
Ответ на: комментарий от amomymous

Да, не весь, сорри.

.toppanel
{
	margin-top: 0px;
	height: 30px;
	background: #eee;
}
kiverattes ★☆
() автор топика
Последнее исправление: kiverattes (всего исправлений: 1)
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.