Телефоны CSS

1 234
WebGomel
На сайте с 29.10.2011
Offline
78
#21
Алексей Барыкин:

Мои штатные телепаты подсказали что ТСу нужно вертикальное выравнивание...

Ну в данном случае я думаю проще стиль прямо в html задать, ибо если это в css прописывать, то всё равно нужно не просто, а с каким то классом, а то мало ли сколько там таблиц на сайте 😂

так что

<table> 
<tr>
<td style="vertical-align:top; padding-right:10px;">Телефон/факс:</td>
<td><span>+7 (903) 222-22-22 - <strong>Москва</strong>;<br>+7 (903) 222-22-22 - <strong>Москва</strong>;</span></td>
</tr>
</table> ​​​​​​​​​​​​​​​​​​​​
Удалённый системный администратор ( https://remadmin.com )
Geers
На сайте с 12.04.2011
Offline
487
#22

WebGomel, да да, вы правы, если применить просто стиль к td, то он применится ко всему сайту где есть td. ;)

DiAksID
На сайте с 02.08.2008
Offline
218
#23
WebGomel:
Ну в данном случае я думаю проще стиль прямо в html задать...

инлайн стили есть не гуд, порочная привычка, лучше такого не советовать...

show must go on !!!...
Geers
На сайте с 12.04.2011
Offline
487
#24
DiAksID:
инлайн стили есть не гуд, порочная привычка, лучше такого не советовать...

Да, привычка плохая конечно, но можно вывести в css, но из-за одного стиля нужно ли это? :)

Тем более это скорей всего просто страничка контактов.

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#25
WebGomel:
Ну в данном случае я думаю проще стиль прямо в html задать, ибо если это в css прописывать, то всё равно нужно не просто, а с каким то классом, а то мало ли сколько там таблиц на сайте 😂
так что
<table> 
<tr>
<td style="vertical-align:top; padding-right:10px;">Телефон/факс:</td>
<td><span>+7 (903) 222-22-22 - <strong>Москва</strong>;<br>+7 (903) 222-22-22 - <strong>Москва</strong>;</span></td>
</tr>
</table> ​​​​​​​​​​​​​​​​​​​​
Geers:
WebGomel, да да, вы правы, если применить просто стиль к td, то он применится ко всему сайту где есть td. ;)

Занудствуете, граждане? 😂

Ок. Я тогда тоже позанудствую.

Есть такая идеология - использовать при верстке фреймворк reset.css

Зачем это нужно?

Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. С помощью CSS Reset мы можем нивелировать эту разницу для обеспечения кроссбраузерности стилей.

В разных реализациях этого фреймворка можно встретить правило

td{vertical-align:top} или td{vertical-align:baseline}

именно для того чтобы оно

применилось ко всему сайту

потому что в 99% случаев именно такое поведение таблиц и требуется.

пример 1 - http://www.xiper.net/collect/services/build-reset-css.html

пример 2 - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/

Geers
На сайте с 12.04.2011
Offline
487
#26

Алексей Барыкин, мы поняли вас) 😂

reset знаю что такое, вот именно что надо же применить к определенному элементу, а не ко всему сайту. ;)

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#27

И собссно за

<td style="vertical-align:top; padding-right:10px;">

я бы бил канделябром и лишал сладкого.

Иначе верстальщик войдет во вкус и его верстка будет напоминать порнографию.

DiAksID
На сайте с 02.08.2008
Offline
218
#28

если "занудствовать" по полной программе, то для всех таблиц обычно нужно и хватает этого:


table{
border-collapse:collapse;
border-spacing:0;
}

td
{
vertical-align:top;
}

всё, остальное - варианты дизайна...

WebGomel
На сайте с 29.10.2011
Offline
78
#29
Алексей Барыкин:

потому что в 99% случаев именно такое поведение таблиц и требуется.

Ну а вдруг вот именно сайт ТС попадает под оставшийся 1%? 😂

инлайн стили есть не гуд, порочная привычка, лучше такого не советовать...

Ну ладно, уговорили :) Но хоть класс то задайте td

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#30
WebGomel:
Ну а вдруг вот именно сайт ТС попадает под оставшийся 1%? 😂


Ну ладно, уговорили :) Но хоть класс то задайте td

Бритва О́ккама

методологический принцип ... В упрощенном виде он гласит: «Не следует множить сущее без необходимости» ... Порой принцип выражается в словах «То, что можно объяснить посредством меньшего, не следует выражать посредством большего»
1 234

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий