Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как идеологически правильно верстать на CSS? / 6 сообщений из 6, страница 1 из 1
04.07.2008, 20:18
    #35412555
coderinside
coderinside
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как идеологически правильно верстать на CSS?
Допустим нужно накидать какую нибудь страничку с информацией о книгах.

Подробно
Название: "Книга №1"
Автор: Петр Петрович
Цена (руб): 33

Как будет "правильнее"?

Вариант 1.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<div class="page_title">Подробно</div>
<div class="book_detail_info">
 <div class="book_title"><span class="title_word">Название:</span>"Книга №1"</div>
 <div class="book_author"><span class="author_word">Автор:</span>Петр Петрович</div>
 <div class="book_price"><span class="price_word">Цена</span>
   <span class="money_word">(руб)</span><span class="price_digit"> 33 </span>
 </div>
</div>

Вариант 2.
Код: plaintext
1.
2.
3.
4.
5.
6.
<H1>Подробно</H1>
<div class="book_detail_info">
 <strong>Название:</strong><span class="book_title">"Книга №1"</span><br>
 <strong>Автор:</strong><span class="book_author">Петр Петрович</span><br>
 <strong>Цена (руб)</strong><span class="price_digit"> 33 </span>
 </div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.07.2008, 21:06
    #35412608
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как идеологически правильно верстать на CSS?
Первый, конечно, правильнее для гибкости. Но наш дизайнер это бы не оценил:
Код: plaintext
1.
2.
3.
.book_detail_info{...}
.title_word, .author_word, .price_word{
  font-weight: bold;
}

Я бы так сделал
Код: plaintext
1.
2.
3.
4.
5.
6.
<H1>Подробно</H1>
<div class="book_detail_info">
 <div class='book_title'><strong>Название: </strong>"Книга №1"</div>
 <div class='book_author'><strong>Автор: </strong>Петр Петрович</div>
 <div class='book_price'><strong>Цена (руб): </strong> 33 </div>
</div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.07.2008, 00:59
    #35412791
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как идеологически правильно верстать на CSS?
все херня
чем меньше классов - тем лучше
я бы сделал так:
Код: plaintext
1.
2.
3.
4.
5.
6.
<h1>Подробно</h1>
<ul class="books-list">
 <li><b>Название: </b>"Книга №1"</li>
 <li><b>Автор: </b>Петр Петрович</li>
 <li><b>Цена (руб): </b> 33 </li>
</ul>
в качестве домашнего задания оставляю нафантазировать селекторы и классы
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.07.2008, 08:34
    #35414025
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как идеологически правильно верстать на CSS?
Тегов для разметки больше чем div, span, ul, li. Для оформления ссылок на книги, авторов и пр. информации есть еще теги... Сейчас на вскидку их не вспомню... Но автору стоит поискать.
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.07.2008, 15:03
    #35415178
VinKS
VinKS
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как идеологически правильно верстать на CSS?
<dl>
<dt>Книга №1</dt>
<dd>Автор: Петр Петрович</dd>
<dt>Книга №2</dt>
<dd>Автор: Петр иванович</dd>
</dl>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.07.2008, 19:43
    #35416146
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как идеологически правильно верстать на CSS?
тоже неплохо, хитрые теги не стоит забывать :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как идеологически правильно верстать на CSS? / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 328ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1456252]:
 0ms
get settings:
 5ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 54ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 2ms
others: 205ms
total:  328ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]