Не работают ссылки из-за padding.

Villain · November 23, 2011

Здравствуйте, я сделал ссылку в виде картинки, картинка находится в диве, чтобы сделать ее по центру я использовал padding, т.к. размер дива не будет меняться. На самом деле проблема именно с padding-top, его я применяю к диву, к блочному элементу, но в итоге строчные элементы перестают работать, точнее картинка-ссылка. Делал img и a блочными.

CSS


#left {
width: 63px;
min-height: 265px;
padding-top: 235px;
padding-left: 37px;
float: left;
position: relative;
}
#right {
width: 63px;
min-height: 265px;
padding-top: 235px;
padding-left: 37px;
float: right;
position: relative;
}

HTML

<body>
<div id="container">
            <div id="head">
            <a href="/"><img src="logo.jpg" alt="head" /></a>
            </div>

                         <div id="left">
                         <a href="#"><img src="prev.png" alt="previous" /></a>
                         </div>

                         <div id="right"> 
                         <a href="#"><img src="next.png" alt="next" /></a>                       
                         </div>

                         <div id="content">
                         <h2>Контент</h2>
                         </div>

            <div id="base">
            </div>
</div>
</body>

Nanto · November 24, 2011

position:relative зачем там? Блоки перекрывают находящийся в них контент.

Villain · November 25, 2011

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

Sign In

Не работают ссылки из-за padding.

Question

Villain

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Nanto

Link to comment

Share on other sites

Villain

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information