Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Цыфорки по середине ячейки.

Сообщения:  [1-4] 

 
 автор: ilyaILF   (20.04.2007 в 13:53)   письмо автору
 
   для: 12345   (20.04.2007 в 13:35)
 

Согласен с 12345 подобная проблема решается текст-аляйном:
.proc    { 
    position: absolute;
    width: 100px;
    font-size: 8pt;
    text-align: center;

   
 
 автор: 12345   (20.04.2007 в 13:35)   письмо автору
 
   для: Lelik   (20.04.2007 в 10:32)
 

Есть ещё такой секретный стиль: text-align:center
(создать для него вложенный див)

   
 
 автор: Lelik   (20.04.2007 в 10:32)   письмо автору
 
   для: Бамси   (20.04.2007 в 07:30)
 

мне кажется дивомания перешагнула все границы. в данном случае необходимо юзать таблицы, ибо в блоки запихываются таличные данные

собственно можно так

<style>
.mydiv {padding:50%;}
</style>

   
 
 автор: Бамси   (20.04.2007 в 07:30)   письмо автору
 
 

Вот сам html код страницы.

<html>

<head>
  <title></title>
</head>

<body>

<style type="text/css">
.wrap    {
    background-color: #eee;
    color: #000;
    border: solid 1px #000;
    margin-top: 2px;
    overflow: hidden;
    }
.golosa    {
    background-color: #c0c0c0;
    font-size: 8pt;
    display: block;
    height:15px;
    }
.proc    {
    padding-left: 45px;
    position: absolute;
}
</style>
<div class="wrap" style="width:100px">
<span class="golosa" style="background: #CCCCCC; width: 10px;"><span class="proc">2</span></span>
</div>
<div class="wrap" style="width:100px">
<span class="golosa" style="background: #CCCCCC; width: 0px;"><span class="proc">0</span></span>
</div>
<div class="wrap" style="width:100px">
<span class="golosa" style="background: #CCCCCC; width: 30px;"><span class="proc">10</span></span>
</div>
<div class="wrap" style="width:100px">
<span class="golosa" style="background: #CCCCCC; width: 100px;"><span class="proc">30</span></span>
</div>

</body>

</html>


Там 4 ячейки, в них надпись, как сделать что бы эта надпись всегда была ровно по середине?

   

Сообщения:  [1-4] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования