Страница 1 из 6 123456 ПоследняяПоследняя
Показано с 1 по 20 из 116

Тема: В сотый раз об одном и том же...

  1. #1

    Регистрация
    22.03.2007
    Сообщений
    124
    DIVы + TABLEы, как они вместе живут?
    Как делать прямоугольник с закругленными краями: див и в нем таблица 3*3?
    Все ли нужно пихать в дивы? Т.е. можно ли оставлять элементы прямо в боди, или лучше все запихать в дивы и какие могут быть последствия?

    ЗЫ заранее спасибо .

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Xepec@Apr 13 2007, 12:03
    DIVы + TABLEы, как они вместе живут?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Замечательно живут, если дивы предназначаются для раскладки элементов на странице, а таблицы – для представления табличных данных.

    Originally posted by Xepec@Apr 13 2007, 12:03
    Как делать прямоугольник с закругленными краями: див и в нем таблица 3*3?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Четыре вложенных дива (углы) с абсолютным позиционированием внутри контейнера-прямоугольника.

    Originally posted by Xepec@Apr 13 2007, 12:03
    Все ли нужно пихать в дивы? Т.е. можно ли оставлять элементы прямо в боди, или лучше все запихать в дивы и какие могут быть последствия?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Если оставлять элементы прямо в боди, ничего страшного не произойдет. Боди – это тоже контейнер. Другое дело – существуют различные способы раскладки элементов на странице (не только прямой поток), и при верстке соответствующих макетов может вполне понадобиться какое-нибудь специальное позиционирование. Спозиционировать отдельный логический блок намного проще и "правильнее".

  3. #3

    Регистрация
    22.03.2007
    Сообщений
    124
    Спасибо .
    А можно сделать абсодютное позиционирование от нижней стороны дива? (Если нужно наприсовать большой динамичесеки изменяемый прямоугольник с круглыми углами.)

  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Абсолютное позиционирование можно сделать от любой стороны любого блока.

  5. #5

    Регистрация
    22.03.2007
    Сообщений
    124
    Еще такая траблема:
    есть два дива:
    1. Menu float left
    2. Content
    они находятся в третьем диве Middle, который является рамкой.
    Как сделать, чтобы Menu не вылязило за пределы Middle? Или как сделать content и Menu были одинаковые по высоте?

  6. #6

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Xepec@Apr 13 2007, 16:44
    Как сделать, чтобы Menu не вылязило за пределы Middle?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Оно не должно никуда вылазить. Без примера кода вопрос не понятен.

    Originally posted by Xepec@Apr 13 2007, 16:44
    Или как сделать content и Menu были одинаковые по высоте?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Никак. В CSS нет средств сказать «высота как вот у того другого элемента». Только методом [Только зарегистрированные пользователи могут видеть ссылки. ].

  7. #7

    Регистрация
    22.03.2007
    Сообщений
    124
    Вот код:
    Код:
    <div id="Middle"> *
    ****<div id=&#39;MenuLeft&#39;>
     *
    • *****
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *****
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *****
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *****
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *****
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *
    ****</div> ****<div id="Content"> *****Content* ****</div> </div>
    Код:
    #Middle
    {
    ****border: 1px solid #aaaaaa;
    }
    #content
    {
    }
    #MenuLeft
    {
    ****border-right: 1px solid #aaaaaa;
    ****float: left;
    ****width: 190;
    ****background: #f8f8f8;
    ****padding: 10px 0px 10px 10px;
    }

    А не влазит оно вот так:

  8. #8

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Этот вопрос уже обсуждался неоднократно.

    [Только зарегистрированные пользователи могут видеть ссылки. ]

    см. заблуждение третье...

  9. #9

    Регистрация
    22.03.2007
    Сообщений
    124
    Огромное Спасибо!
    Раньше я верстал исключительно таблицами и, честно говоря, проблем испытывал гораздо меньше, чем чейчас с дивами.
    Подскажите, насколько оправданно сделать основной layout таблицами, а внутри по надобности вставить дивы?

  10. #10

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Xepec@Apr 13 2007, 17:36
    Раньше я верстал исключительно таблицами
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Раньше все верстали таблицами. Многие и сейчас верстают таблицами. Но это не пример для подражания.

    Originally posted by Xepec@Apr 13 2007, 17:36
    и, честно говоря, проблем испытывал гораздо меньше, чем чейчас с дивами.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    А никто и не говорит, что с блочной моделью нет никаких проблем. С таблицами определенно меньше проблем...

    Originally posted by Xepec@Apr 13 2007, 17:36
    Подскажите, насколько оправданно сделать основной layout таблицами, а внутри по надобности вставить дивы?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Ерунду пишете.
    Использование блочной модели заключается в том, чтобы не пользоваться таблицами для создания какой бы то ни было разметки. Если Вы вставляете хоть одну макетную таблицу – теряется весь смысл перехода на блоки. Таблицы должны использоваться для того, для чего они логически и семантически предназначены – для представления табличных данных... А не разметки...

  11. #11

    Регистрация
    22.03.2007
    Сообщений
    124
    Дивы для разметки видать еще меньше предназначены, ибо чтобы сделать простейшую раскладку вида
    Код:
    +-+---+-+
    +-+---+-+
    | | * | |
    +-+---+-+
    +-+---+-+
    ооочень сложно.

  12. #12

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Xepec@Apr 13 2007, 18:11
    Дивы для разметки видать еще меньше предназначены
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Простите, еще меньше ЧЕГО?

    Originally posted by Xepec@Apr 13 2007, 18:11
    ибо чтобы сделать простейшую раскладку вида ... ооочень сложно.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Элементарно.
    Учите матчасть. ))

  13. #13

    Регистрация
    22.03.2007
    Сообщений
    124
    меньше таблиц (если для грамотной разметки нужно использовать отрицательные marigin то имхо это ( ).( ) )
    Хммм... Пирогов для ультимы страничку склепал с табличкой в лайоуте. который вот этот [Только зарегистрированные пользователи могут видеть ссылки. ].

    Учите матчасть. ))
    Буду учить... Куда деваться

  14. #14

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Xepec@Apr 13 2007, 19:10
    меньше таблиц
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Бл... Так я и знал! )))
    Ну-ка теперь, пожалуйста, ответьте на вопрос:
    Где это Вы вычитали, что таблицы когда-либо предназначались или предназначены для разметки???

    Originally posted by Xepec@Apr 13 2007, 19:10
    (если для грамотной разметки нужно использовать отрицательные marigin то имхо это ( ).( ) )
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Отрицательные поля используются не для грамотной разметки, а для того, чтобы победить некоторый всем известный браузер. Нормальные браузеры прекрасно понимают блочную модель без отрицательных полей и всяческих хаков.

    Originally posted by Xepec@Apr 13 2007, 19:10
    Хммм... Пирогов* для ультимы страничку склепал с табличкой в лайоуте. который вот этот [Только зарегистрированные пользователи могут видеть ссылки. ].
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    1. Пирогов – гений дизайна. Но не гений верстки.
    2. Идите дальше: [Только зарегистрированные пользователи могут видеть ссылки. ] тоже на таблицах. Пока.

    Что-то я не пойму )) Вас что, кто-то заставляет верстать блочно? Продолжайте юзать таблицы. Оно ж легче. И оставайтесь в каменном веке...

  15. #15

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by Xepec@Apr 13 2007, 14:36
    Огромное Спасибо!
    Раньше я верстал исключительно таблицами и, честно говоря, проблем испытывал гораздо меньше, чем чейчас с дивами.
    Подскажите, насколько оправданно сделать основной layout таблицами, а внутри по надобности вставить дивы?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

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

    либо полностью переходите на семантическую блочную верстку либо продолжайте верстать таблицами.

    Originally posted by Xepec@Apr 13 2007, 15:11
    Дивы для разметки видать еще меньше предназначены, ибо чтобы сделать простейшую раскладку вида
    Код:
    +-+---+-+
    +-+---+-+
    | | * | |
    +-+---+-+
    +-+---+-+
    ооочень сложно.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>
    но ведь не невозможно , весь вопрос лишь в опыте

    Originally posted by Xepec@Apr 13 2007, 16:10
    меньше таблиц (если для грамотной разметки нужно использовать отрицательные marigin то имхо это ( ).( ) )
    Хммм... Пирогов* для ультимы страничку склепал с табличкой в лайоуте. который вот этот [Только зарегистрированные пользователи могут видеть ссылки. ].
    Буду учить... Куда деваться
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    отрицательные margin&#39;ы это абсолютно нормальное явление, только паддинги не могут быть отрицательными!

    Originally posted by Aykroyd@Apr 13 2007, 16:29
    Отрицательные поля используются не для грамотной разметки, а для того, чтобы победить некоторый всем известный браузер. Нормальные браузеры прекрасно понимают блочную модель без отрицательных полей и всяческих хаков.
    1. Пирогов – гений дизайна. Но не гений верстки.
    2. Идите дальше: [Только зарегистрированные пользователи могут видеть ссылки. ] тоже на таблицах. Пока.
    про маргины см. выше, про пирогова +1, про мелкомягких это ваще ни рыба ни мясо в плане верстки.

  16. #16

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Zigzag@Apr 17 2007, 14:23
    отрицательные margin&#39;ы это абсолютно нормальное явление
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Павел, никто и не говорит, что это что-то ненормальное. Просто лично я прекрасно обхожусь и без них в большинстве случаев. Использую их только для того, чтобы хакнуть шестого Осла. А менять колонки местами – не вижу особого смысла. Помнишь, ты сам приводил в пример свой диалог с Seobaby? ))

    Originally posted by Zigzag@Apr 17 2007, 14:23
    про мелкомягких это ваще ни рыба ни мясо в плане верстки.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Да я просто в качестве примера привел... С таким же успехом мог привести в пример веб-сайт африканского племени Бамбара... )

  17. #17

    Регистрация
    22.03.2007
    Сообщений
    124
    Вот вопросик назрел:
    Делаю менбшку горизонтальную...
    соответственно:
    Код:
    ****
    • *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] *
    • [Только зарегистрированные пользователи могут видеть ссылки. ] ****
    Код:
    #TopMenuContainer ul
    {
    ****height: 40px;
    ****padding: 0 0 0 0;
    ****margin: 0 0 0 0;
    ****border: 1px solid #ff0000;
    }
    #TopMenuContainer li
    {
    ****display: block;
    ****float: left;
    ****margin: 0;
    ****padding: 0;
    ****border: 1px solid #ff0000;
    }
    и.т.д...
    В опере соответственно все ок. В ИЕ все li шириной в экран. Статически задавать ширину не хочется, во-первых, разная ширина, во-вторых, не спортивно .

    Придайте нужное направление пожалуйста .

    ЗЫ по поводу верстики дивами/таблицами: дивами возможно перспективнее (ибо их развивают), но на данный момент корявее.
    ЗЫЫ верстаю дивами .

  18. #18

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    для UL не указан ID, потому правила и не применяются

    Originally posted by Xepec@Apr 17 2007, 13:03
    [b]ЗЫ по поводу верстики дивами/таблицами: дивами возможно перспективнее (ибо их развивают), но на данный момент корявее.
    поясните, пожалуйста

  19. #19

    Регистрация
    22.03.2007
    Сообщений
    124
    Вроде как все применяется... толькo все LI оочень широкие. Если в цсс прописать widht к li, то все становится нормально...

    По поводу пояснить: что пояснить, корявость, перспективность?

  20. #20

    Регистрация
    22.03.2007
    Сообщений
    124
    А, вот ты (можно на ты? или лучше на Вы?) о чем, все это дело у меня в div TopMenuContainer (тут урезанный код) и поэтому к ul и к li все применяется...
    Проблема с шириной li.

Страница 1 из 6 123456 ПоследняяПоследняя

Похожие темы

  1. нужен дизайнер + верстальщик в одном лице
    от mazurov в разделе Разовая работа. Поиск исполнителей.
    Ответов: 0
    Последнее сообщение: 02.09.2013, 13:28
  2. Два дисплея в одном ноутбуке
    от Kiselyov в разделе Дизайн-лента
    Ответов: 1
    Последнее сообщение: 04.09.2009, 18:19
  3. Информация меняется только в одном окне таблицы
    от Mihail в разделе Веб-программирование
    Ответов: 5
    Последнее сообщение: 16.02.2007, 23:28
  4. Ответов: 11
    Последнее сообщение: 02.04.2006, 15:23
  5. Сотый пост:)
    от agat в разделе Флейм
    Ответов: 2
    Последнее сообщение: 30.08.2004, 00:44

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •