Верстка таблиц

Вид для печати

Показывать 40 сообщений этой темы на одной странице

26.02.2007, 03:07
Apple

Не могу создать таблицу с равными по ширине ячейками, занимающую 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">

</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">[Only registered and activated users can see links. Click Here To Register...]</td>
* * * <td class="33">[Only registered and activated users can see links. Click Here To Register...]</td>
* * * <td class="33">[Only registered and activated users can see links. Click Here To Register...]</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">[Only registered and activated users can see links. Click Here To Register...]</td>
* * <td class="33">[Only registered and activated users can see links. Click Here To Register...]</td>
* * <td class="33">[Only registered and activated users can see links. Click Here To Register...]</td>
* </tr></table>* </td>
</tr>
</table>
</body>
</html>
26.02.2007, 03:25
Aykroyd

Цитата:

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

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

Вот, что у меня есть (и это не работает - при разрешении 800 все хорошо, при 1280 - первая ячейка занимает места больше других):
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Возможно.
Только в следующий раз представляйте более лаконичный код, без лишнего мусора отражающий суть Вашего вопроса. Копаться в куче мусора из неиспользуемых и бесполезных классов в совокупности с длиннющими внутренними событиями (также не имеющими никакого отношения к делу) нет никакого желания...

width: 100% для td в стилях уберите...
26.02.2007, 03:27
Aykroyd

Цитата:

Originally posted by AlexaP@Feb 25 2007, 15:40
Я взял часть (не полностью), к которой нет доступа. Создал файл на компе и пробую сделать как на картинке.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Не занимайтесь плагиатом. Тем более, что образец для подражания Вы выбрали далеко не самый лучший (в смысле технического исполнения). Разберитесь с основами CSS, затем нарисуйте и сверстайте что-нибудь своё...
26.02.2007, 13:12
Apple

Цитата:

Originally posted by Aykroyd@Feb 26 2007, 03:25
в следующий раз представляйте более лаконичный код, без лишнего мусора
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

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

Цитата:

Originally posted by Aykroyd@Feb 26 2007, 03:25
width: 100% для td в стилях уберите...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

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

Для начала благодарю за хорошее начало. Очень помогли. [Only registered and activated users can see links. Click Here To Register...]k:

Теперь по этому поводу:

Цитата:

Originally posted by Aykroyd@Feb 25 2007, 23:27
Не занимайтесь плагиатом. Тем более, что образец для подражания Вы выбрали далеко не самый лучший (в смысле технического исполнения). Разберитесь с основами CSS, затем нарисуйте и сверстайте что-нибудь своё...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

Воровством не занимаюсь. Дизайн обсуждать не просил. Как могу, так рисую (могу выложить PSD файл. Корректировать HTML код нет возможности (так устроена система управления сайтом). Поэтому и спросил. Если Вы не можете помочь, то так и говорите, а оскорблять не стоит. [Only registered and activated users can see links. Click Here To Register...]
26.02.2007, 17:18
Aykroyd

Цитата:

Originally posted by AlexaP@Feb 26 2007, 15:18
Для начала благодарю за хорошее начало. Очень помогли.* [Only registered and activated users can see links. Click Here To Register...]k:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Не за что.

Цитата:

Originally posted by AlexaP@Feb 26 2007, 15:18
Теперь по этому поводу:
Воровством не занимаюсь. ... а оскорблять не стоит...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
AlexaP, если задел вас, прошу прощения.
Но Вы не совсем верно растолковали мой предыдущий пост...

Цитата:

Originally posted by AlexaP@Feb 26 2007, 15:18
Дизайн обсуждать не просил.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Но дизайн никто и не обсуждал. Если отбросить в сторону поспешные эмоции, Вы сможете заметить, что я писал "в смысле технического исполнения". А не дизайна. Я очень сомневаюсь (может быть я ошибаюсь?), что приведенная Вами таблица стилей – это Ваших рук дело... И весь смысл моего предыдущего поста заключался в том, что представленное Вами CSS-решение – далеко не оптимальное, чтобы брать его в качестве шаблона для переделки под свои нужды...
26.02.2007, 19:12
AlexaP

Цитата:

Я очень сомневаюсь (может быть я ошибаюсь?), что приведенная Вами таблица стилей – это Ваших рук дело...

Вот это взял у Вас

Код:

border-collapse: collapse; border-color: #000000;

Остальное сам делал. Почему Вы решили, что я этого не могу сделать?

Цитата:

представленное Вами CSS-решение – далеко не оптимальное, чтобы брать его в качестве шаблона для переделки под свои нужды..

Я в этом не сомневаюсь. Наоборот, прошу помощи (на которую Вы, вначале согласились).

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

Можно так сделать или нет?
27.02.2007, 22:35
Pupil

Цитата:

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. форум не пропускает ссылки в коде.* [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>

:biggrin2: :biggrin2: Знакомый код... если не собираешься оплачивать рекламу, то пользуй первый - меньше будет проблем с IE6.

Цитата:

Originally posted by AlexaP@Feb 24 2007, 23:07
Можно средствами CSS придать этой таблице такой вид как на картинке, или похожий?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
только похожий - мешает IE6

Показывать 40 сообщений этой темы на одной странице