Страница 2 из 2 ПерваяПервая 12
Показано с 21 по 28 из 28

Тема: Верстка таблиц

  1. #21

    Регистрация
    26.02.2007
    Сообщений
    2
    Не могу создать таблицу с равными по ширине ячейками, занимающую 100% ширины броузера в не зависимости от этой ширины.

    Подскажите, это возможно?

    Вот, что у меня есть (и это не работает - при разрешении 800 все хорошо, при 1280 - первая ячейка занимает места больше других):

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="www.w3.org/1999/xhtml">
    <head>
    <style type="text/css">
    <!--
    * {
    * margin: 0;
    * padding: 0;
    }
    body* {
    * background-color: #FFFFFF;
    * width: 100%;
    * height: 100%;
    * font: Arial, Helvetica, sans-serif;
    }
    img {border: 0;
    }
    table {
    * width: 100%;
    * border: 0px;
    }
    td {
    * padding: 30px;
    * width: 100%;
    * text-align: center;
    }
    .caption_cell {
    * text-align: left;
    * width: 100%;
    * background-color: #ADBACE;
    * font: 15pt, Book Antiqua, Arial, Helvetica, sans-serif;
    * color:#FFFFFF;
    }
    .table_cell {
    * text-align: left;
    * width: 100%;
    * background-color: #FFFFFF;
    * font: 15pt, Book Antiqua, Arial, Helvetica, sans-serif;
    * color:#3B76A2;
    }
    td.33 {* width: 33%; }
    td.50 {* width: 50%; }
    td.20 {* width: 20%; }
    td.caption_cell_33_frame {
    * background-color: #ADBACE;
    }
    td.caption_cell_33 {
    * width: 33%;
    }
    td.thumbsFrame, table.thumbs {
    * border: 0;
    * margin: 0;
    * padding: 0;
    * width: 100%;
    * background: #CBDBF2;
    }
    img.ImgCell {
    * border: 5px double #FFFFFF;
    * background: #ADBACE;
    * padding: 20px;
    * margin: 15%;
    * display: block;
    }
    -->
    </style>

    </head>

    <body>
    <table width="100%" height="100%" border="0">
    <tr><td class="caption_cell"><H1 class="caption_cell">Some text here</H1></td></tr>
    <tr>
    * <td class="thumbsFrame">
    * <table class="thumbs">
    * * <tr>
    * * * <td class="33">[Только зарегистрированные пользователи могут видеть ссылки. ]</td>
    * * * <td class="33">[Только зарегистрированные пользователи могут видеть ссылки. ]</td>
    * * * <td class="33">[Только зарегистрированные пользователи могут видеть ссылки. ]</td>
    * * </tr>
    * </table>* </td>
    </tr>
    <tr><td class="caption_cell"><H1 class="caption_cell">Some text here</H1></td></tr>
    <tr>
    * <td class="thumbsFrame">
    * <table class="thumbs"><tr>
    * * <td class="33">[Только зарегистрированные пользователи могут видеть ссылки. ]</td>
    * * <td class="33">[Только зарегистрированные пользователи могут видеть ссылки. ]</td>
    * * <td class="33">[Только зарегистрированные пользователи могут видеть ссылки. ]</td>
    * </tr></table>* </td>
    </tr>
    </table>
    </body>
    </html>

  2. #22

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Apple@Feb 26 2007, 03:07
    Не могу создать таблицу с равными по ширине ячейками, занимающую 100% ширины броузера в не зависимости от этой ширины.

    Подскажите, это возможно?

    Вот, что у меня есть (и это не работает - при разрешении 800 все хорошо, при 1280 - первая ячейка занимает места больше других):
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Возможно.
    Только в следующий раз представляйте более лаконичный код, без лишнего мусора отражающий суть Вашего вопроса. Копаться в куче мусора из неиспользуемых и бесполезных классов в совокупности с длиннющими внутренними событиями (также не имеющими никакого отношения к делу) нет никакого желания...

    width: 100% для td в стилях уберите...

  3. #23

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by AlexaP@Feb 25 2007, 15:40
    Я взял часть (не полностью), к которой нет доступа. Создал файл на компе и пробую сделать как на картинке.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Не занимайтесь плагиатом. Тем более, что образец для подражания Вы выбрали далеко не самый лучший (в смысле технического исполнения). Разберитесь с основами CSS, затем нарисуйте и сверстайте что-нибудь своё...

  4. #24

    Регистрация
    26.02.2007
    Сообщений
    2
    Originally posted by Aykroyd@Feb 26 2007, 03:25
    в следующий раз представляйте более лаконичный код, без лишнего мусора
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Да, прошу прощения. Хотя никогда не знаешь, что имеет значение для появления проблемы, а что нет... Но надо было, конечно, сократить.

    Originally posted by Aykroyd@Feb 26 2007, 03:25
    width: 100% для td в стилях уберите...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Большое спасибо! Давно я ломал над этим голову. Вы просто меня спасли!

  5. #25

    Регистрация
    22.02.2007
    Сообщений
    34
    Для начала благодарю за хорошее начало. Очень помогли. k:

    Теперь по этому поводу:
    Originally posted by Aykroyd@Feb 25 2007, 23:27
    Не занимайтесь плагиатом. Тем более, что образец для подражания Вы выбрали далеко не самый лучший (в смысле технического исполнения). Разберитесь с основами CSS, затем нарисуйте и сверстайте что-нибудь своё...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Воровством не занимаюсь. Дизайн обсуждать не просил. Как могу, так рисую (могу выложить PSD файл. Корректировать HTML код нет возможности (так устроена система управления сайтом). Поэтому и спросил. Если Вы не можете помочь, то так и говорите, а оскорблять не стоит.

  6. #26

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by AlexaP@Feb 26 2007, 15:18
    Для начала благодарю за хорошее начало. Очень помогли.* k:
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Не за что.

    Originally posted by AlexaP@Feb 26 2007, 15:18
    Теперь по этому поводу:
    Воровством не занимаюсь. ... а оскорблять не стоит...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    AlexaP, если задел вас, прошу прощения.
    Но Вы не совсем верно растолковали мой предыдущий пост...

    Originally posted by AlexaP@Feb 26 2007, 15:18
    Дизайн обсуждать не просил.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Но дизайн никто и не обсуждал. Если отбросить в сторону поспешные эмоции, Вы сможете заметить, что я писал "в смысле технического исполнения". А не дизайна. Я очень сомневаюсь (может быть я ошибаюсь?), что приведенная Вами таблица стилей – это Ваших рук дело... И весь смысл моего предыдущего поста заключался в том, что представленное Вами CSS-решение – далеко не оптимальное, чтобы брать его в качестве шаблона для переделки под свои нужды...

  7. #27

    Регистрация
    22.02.2007
    Сообщений
    34
    Я очень сомневаюсь (может быть я ошибаюсь?), что приведенная Вами таблица стилей – это Ваших рук дело...
    Вот это взял у Вас
    Код:
    border-collapse: collapse; border-color: #000000;
    Остальное сам делал. Почему Вы решили, что я этого не могу сделать?
    представленное Вами CSS-решение – далеко не оптимальное, чтобы брать его в качестве шаблона для переделки под свои нужды..
    Я в этом не сомневаюсь. Наоборот, прошу помощи (на которую Вы, вначале согласились).

    В шестнадцатом (пока не набрал 10 сообщений, ссылки в форуме давать не могу) сообщении представлен код к которому нет доступа и картинка с тем, что я хочу получить. Получить результат средствами CSS. Но CSS не владею.

    Можно так сделать или нет?

  8. #28

    Регистрация
    17.06.2006
    Сообщений
    83
    Originally posted by AlexaP@Feb 24 2007, 12:13
    Появилась куча вопросов.
    Если давать такое объявление (думаю правильно сказал)
    Код:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" .......>
    то все теги нужно закрывать, что увеличит код.
    Если такое
    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 4.01 transitional//EN"
    ........>
    то код будет заметно меньше. Ведь можно не закрывать все теги.

    Какое объявление лучше использовать?

    P.S. форум не пропускает ссылки в коде.*
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>
    :biggrin2: :biggrin2: Знакомый код... если не собираешься оплачивать рекламу, то пользуй первый - меньше будет проблем с IE6.

    Originally posted by AlexaP@Feb 24 2007, 23:07
    Можно средствами CSS придать этой таблице такой вид как на картинке, или похожий?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    только похожий - мешает IE6

Страница 2 из 2 ПерваяПервая 12

Похожие темы

  1. MySQL. Объединение таблиц
    от Kiosuki в разделе Веб-программирование
    Ответов: 0
    Последнее сообщение: 01.02.2008, 13:55
  2. Как добиться такого же результата без таблиц?
    от partisan80 в разделе Вёрстка сайта
    Ответов: 5
    Последнее сообщение: 28.08.2006, 16:56
  3. печать таблиц
    от teodor в разделе Вёрстка сайта
    Ответов: 1
    Последнее сообщение: 12.05.2006, 19:08
  4. Проблемы с отображением таблиц в IE
    от Temnovit в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 17.01.2006, 00:23
  5. Как сделать рамку однопиксельную для таблиц?
    от Veles в разделе Вёрстка сайта
    Ответов: 6
    Последнее сообщение: 13.01.2006, 16:30

Ваши права

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