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

HTML+CSS+JavaScript

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

 

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

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

тема: Как правильно описать ячейку таблицы средствами CSS ?

Сообщения:  [1-10]   [11-17] 

 
 автор: SilentChild   (16.03.2012 в 14:19)   письмо автору
 
   для: Владимир55   (16.03.2012 в 14:02)
 

Если Вы перенесёте все свойства таблицы в свойства блока div.center, то эти свойства будут относится к блоку div.center, а таблица получит свойства по умолчанию, потеряв все свойства границ, которые Вы хотели ей задать. Если Вы хотите, чтобы границы у блока div и у таблицы соответствовали Вашим требованиям, то придётся задавать формат границ для каждого отдельного элемента.

  Ответить  
 
 автор: Владимир55   (16.03.2012 в 14:02)   письмо автору
 
   для: Lelik   (16.03.2012 в 13:54)
 

И заодно в div.center можно вписать всё, что вписывалось в идентификатор таблицы, упразднив этот идентификатор?

Было:
#table1 { 
    border-top:                10px solid; 
    border-left:            10px solid; 
    border-top-color:         #FF9; 
    border-left-color:         #FF9; 
    } 


Будет:
div.center {  
margin: 0px auto;  
    border-top:                10px solid; 
    border-left:            10px solid; 
    border-top-color:         #FF9; 
    border-left-color:         #FF9; 

И идентификатр table1 больше не требуется.
Так?

  Ответить  
 
 автор: Lelik   (16.03.2012 в 13:54)   письмо автору
 
   для: Владимир55   (16.03.2012 в 13:08)
 


div.center { 
margin: 0px auto; 



<div class="center"
    <table> 
        <tr> 
            <td>Ячейка</td> 
        </tr> 
    </table> 
</div>

  Ответить  
 
 автор: ЯСА   (16.03.2012 в 13:24)   письмо автору
 
   для: Владимир55   (16.03.2012 в 13:08)
 

Как с вами интересно :-)

Про ячейку вы спросили. Вам ответили - http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=85704#post509888

Теперь спрашиваете про DIV.
Ответ будет таким же.

Сколько у вас ещё тегов на странице используется, для которых правила стилей указаны?
Про каждый будете задавать отдельный вопрос с целью получить один и тот же ответ? :-)))

Вам, случаем, администрация этого форума не приплачивает за каждый вопрос по 85 рублей, как "нашистам" за троллинг в ЖЖ и прочих соцсетях?
см. http://lj.rossia.org/users/kremlingate/

  Ответить  
 
 автор: Владимир55   (16.03.2012 в 13:08)   письмо автору
 
   для: Lelik   (16.03.2012 в 12:51)
 

Суть то я понял, а технику исполнения не очень.

Вот так имеется в виду:

div { 
margin: 0px auto; 



<div> 
    <table> 
        <tr> 
            <td>Ячейка</td> 
        </tr> 
    </table> 
</div>


Но если контейнер div еще где-то используется и с какими-то иными настройками, то как записать, чтобы было ясно, что этот конкретный div относится только к этому объекту?

  Ответить  
 
 автор: Lelik   (16.03.2012 в 12:51)   письмо автору
 
   для: Владимир55   (15.03.2012 в 16:28)
 

Если задать <div align="center"> фиксированную ширину (атрибут align убирать), то назначив стили:
div {
margin: 0px auto;
}

он будет выровнен по центру.

А если ширина блока должна растягиваться в зависимости от контента, то стоит воспользоваться этим примером.

  Ответить  
 
 автор: Владимир55   (15.03.2012 в 16:28)   письмо автору
 
   для: Lelik   (15.03.2012 в 15:53)
 

Вот это я не вполне понял.

Вот здесь Владимир55 (15.03.2012 в 15:43) имеется таблица, параметры которой заданы во внешнем CSS файле, а центрирование задано посредством <div align="center"> .

Что нужно дописать в CSS файле и как изменить код, чтобы освододиться от <div align="center"> ?

(С учетом того, что контейнеров div на странице может быть много?)

  Ответить  
 
 автор: Lelik   (15.03.2012 в 15:53)   письмо автору
 
   для: Владимир55   (15.03.2012 в 15:51)
 

можно:

div {
width: 250px;
height: 250px;
background: red;
margin: 0px auto;
}

для ИЕ необходимо Доктайп указать (я использую XHTML доктайп, там это условие отрабатывается)

  Ответить  
 
 автор: Владимир55   (15.03.2012 в 15:51)   письмо автору
 
   для: Lelik   (15.03.2012 в 15:48)
 

А можно ли в CSS перенести align="center" из контейнера <div align="center"> ?

  Ответить  
 
 автор: Lelik   (15.03.2012 в 15:48)   письмо автору
 
   для: Владимир55   (15.03.2012 в 15:43)
 

Верно

  Ответить  

Сообщения:  [1-10]   [11-17] 

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

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