проблема с дивом

demi · April 11, 2011

Вот фрагмент кода

<style type="text/css">
body{
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #42413C;
    margin: 0;
    padding: 0;
    color: #000;
}
.conteiner {
    width:1000px;
    background-color: #F4F5F7;
    margin: 0 auto; 
}
.a {
    color:#FFF;
    margin-left:30px;
    font-size: 100%;
}    
</style>
<body>
<div class="conteiner">
  <div  style="background-image:url(pic/link.jpg); width:960px; height:35px; margin-left:20px; margin-right:20px; vertical-align:middle; display:table-cell"> 
<a class="a" href="">Главная</a> 
</div>
</div>

нужно сделать что б ссылки внутри дива были выровнены по вертели (по центру) когда я это делаю дописываю в код

 "vertical-align:middle; display:table-cell"

получаеться

<div  style="background-image:url(pic/link.jpg); width:960px; height:35px; margin-left:20px; margin-right:20px; >

. Текст внутри выравниваться, но весь див прижимаеться к левому краю, а мне он нужен по центру.

подскажите как сделать что б див был вы выравнен по центру?

Буду очень благодарен

Edited April 11, 2011 by demi

psywalker · April 11, 2011

1. Код в будущем вставляй в спец.теги для этого

2. У дива убери маргины, а поставь margin: 0 auto;

demi · April 11, 2011

Возможно я изложил суть проблемы не совсем понятно решил добавить картинки

вот что имею

http://iscr.ru/1302533607/

Вот что выходит пока не выравниваю ссылки с побощью

vertical-align:middle; display:table-cell

http://iscr.ru/1302533658/

2. У дива убери маргины, а поставь margin: 0 auto;

сделал как посоветовали, не помогло

Great Rash · April 11, 2011

http://forum.htmlbook.ru/index.php?showtopic=19320

demi · April 11, 2011

Спасибо :facepalmxd:

psywalker · April 11, 2011

Спасибо

Плюсик ему поставь, он у нас хороший парень, старательный

demi · April 11, 2011

поставил :facepalmxd:

psywalker · April 11, 2011

поставил

Отлично, и ты заслужил

Sign In

проблема с дивом

Question

demi

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

demi

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

demi

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

demi

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information