Div или таблица? И один стиль для группы диво.

Статус
Закрыто для дальнейших ответов.

Vendor

Member
Регистрация
01.03.2010
Сообщения
19
Вот тут такая вещь столкнувшись с html и экспортом из фотошопа в html Никак не могу решить как лучше оформить страницу. Вообще вопросов ннесколько:

1. Если не пользоваться таблицей изображения имеют между собой расстояния и не сливаются в одну картинку(вертикальный отступ). Что конечно рушит внешний вид. Но зато дивы с информацией появляются там где надо.

2. С дивами вроде коечто получилось на тестовой странице скрывать по клику и показывать научился но вот макет (шапку и левый столбец меню) фотошоп экспортирует как таблицу. Таким образом третье информационное поле является ячейкой таблицы а как в эту ячейку запихивать див со всеми стилями? (а то при клике на пункт меню(столбец слева(графика) ) див появляется снизу таблицы под ней)

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


PS: И еще в заголовке описаны стили для всех дивов, а мне надо чтобы несколько различных дивов имели общий стиль (так как являются просто вариантами информационного поля) как, указав имена нескольких дивов, описать для них стиль один раз, не описывая одно и тоже для каждого?
 

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
На Ваши вопросы еще В.И.Ленин ответил на 3-ем съезде комсомола: учиться, учиться и учиться!
Верстка экспортом из фотошопа это жесть. Если не лень, выложите, пожалуйста, psd и html :rolleyes:
1. При правильном размещении блоков отступ между ними может быть из-за полей внутренних элементов (например, h1 и т.д)
2. Без кода непонятно, о чем речь
3.
Как я понял картинка является какбы символом поэтому любая ее высота воспринимается как высота символа в данной строке
Мягко говоря, это не так. Чтобы текст располагался рядом с картинкой, нужно установить обтекание, например:
Код:
<img style="float:left" ...
и текст будет справа от картинки.
4. Есть понятие идентификатор - для единственного элемента:
Код:
<style>
#ident {...}
</style>
...
<div id="ident">...
А есть понятие класс - для нескольких элементов:
Код:
<style>
.some_class {...}
</style>
...
<div class="some_class">
...
<span class="some_class">
...
Учите матчасть! :angry:
Удачи!
 

Vendor

Member
Регистрация
01.03.2010
Сообщения
19
Чтож, спасибо, многое понял предпочел работать с классми! Пока к сожалению поджимают сроки.
 
Статус
Закрыто для дальнейших ответов.
Верх Низ