Как выровнять ссылки внутри div'а?

green · February 11, 2008

Есть div, левая колонка. ширина 20%. Внутри идут кнопки меню, ссылка как блочный элемент display: block с фоном картинкой. Эти ссылки съезжают к левому краю экрана, даже если в параметрах divа стоит text-align: center. Если задавать ссылке margin, даже в процентах, при большом разрешении вс? равно неровно получается. Как выровнять эти картинки-ссылки так, чтобы они были по центру, с равными отступами от кра?в колонки?

Mordraug · February 11, 2008

думаю вопрос скорее в раздел "проблемы верстки"... будет понятнее если вы покажите код (включая доктайп).

green · February 11, 2008

body { 
background-color: #1A1A1A; 
width: 100%; 
margin: 0; 
padding:0; 
}

.leftcol { 
width: 20%;
float: left; 
background-color: #000101; 
text-align: center
}

a.menu {
background: url('img/menubutton.png'); 
border-top: 1px solid #B3B3B3;
border-bottom: 1px solid #2D2D2D;
display: block; 
width: 152px; 
height: 32px;
font-size: normal; 
font-variant: small-caps; 
color: #B3B3B3; 
font-weight: bold; 
text-decoration:none; 
text-align: center;
line-height: 170%
}

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-

1251">

<link rel="stylesheet" type="text/css" media="screen" href="main.css

">
</head>
 	<body>

<div class="leftcol">
<a class="menu" href="#">Новости</a>
<a class="menu" href="#">Фото</a>
<a class="menu" href="films.html">Видео</a>
<a class="menu" href="films.html">Ссылки</a><br/>
</div>
 	</body>
 </html>

Dimitry Wolotko · February 11, 2008

Перемещено в раздел: Проблемы с версткой

yopopt · February 11, 2008

Убрать из css свойство display: block; или использовать margin: 0 auto; для центрирования.

green · February 11, 2008

Убрать из css свойство display: block; или использовать margin: 0 auto; для центрирования.

Второе средство просто идеально! Спасибо!

Sign In

Как выровнять ссылки внутри div'а?

Question

green

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Mordraug

Link to comment

Share on other sites

green

Link to comment

Share on other sites

Dimitry Wolotko

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

green

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information