Форум PHP программистов > Как разместить счетчик по середине блока?

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Как разместить счетчик по середине блока?

Владимир55

19.01.2014 - 17:33

Код для размещения графического изображения счетчика такой:

<div id="Counter">
      
<!--LiveInternet logo-->
<a href="http://www.liveinternet.ru/click" target="_blank">
<img src="//counter.yadro.ru/logo?58.6" border="0" width="88" height="31" alt="" title="LiveInternet"/></a>
<!--/LiveInternet-->
 
</div>

#Counter {float: right; width:10%; height:auto; margin-right:1%; text-align:center;} 
#Counter img {width:100%; height:auto; vertical-align:middle}

При этом он упорно прижимается к верхней границе блока!

Есть ли возможность разместить его по середине?

(В инспекторе кода vertical-align: middle не зачеркнут).

paul85

19.01.2014 - 21:33

Я делаю так:


<html>
<body>
    <link rel="stylesheet" href="style.css" type="text/css" />
</body>

<div class="container">
    <div class="wraptocenter">
       <img src="1.jpg" />
    </div>
</div>
</html>

.container
{
    width: 1000px;
    height: 800px;
    background: RED;
}

.wraptocenter 
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 1000px;
    height: 800px;
}
    
.wraptocenter * 
{
    vertical-align: middle;
}

Владимир55

19.01.2014 - 22:40

Что означает .wraptocenter * (со звездочкой)?

paul85

20.01.2014 - 00:41

Любой потомок.

Быстрый ответ:

Здесь расположена полная версия этой страницы.