 |
|
Модераторы: Illuminaty |
 
|
|
Разметка страниц, в % 
| Urod |
|
|||
|
Опытный  Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Вот разметка моей страницы (только тут вместо букв в коде фигня какая-то, но читабельная):
Вопрос: элемент 3 имеет смысл выносить в отдельную ячейку или следует его просто вставить перед таблице (элемент 4)? Какие будут замечания? |
|||
|
||||
Загрузка ...
| kometa_triatlon |
|
|||
 Опытный Профиль Группа: Участник Сообщений: 384 Регистрация: 7.1.2005 Где: Киев Репутация: нет Всего: 6 |
Так у тебя элемент 3 и так в отдельной ячейке.
А вообще удобней наверное в ячейке, раз ты уж все на таблице сверстал... -------------------- Всё очень просто: сказки обман, Солнечный остров скрылся в туман, Замков воздушных не носит земля, Кто-то ошибся, ты или я. -------------- Программирование - самое большое удовольствие, которое вы можете получить, будучи одетым. |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Эээ, т.е. как грамотнее: элемент 3 выносить в отдельнут ячейку (стоящую над элементом 4) или контент (элемент 3) вставить в поле, где расположен элемент 4?
Ну что, я дальше верстаю? Тут все Ок?  Это сообщение отредактировал(а) Urod - 14.5.2005, 08:56 |
|||
|
||||
| dm9 |
|
|||
 Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Насчёт элемента 3 - это смотря что там будет. Там же ширина таблиц по задумке различается. Элемент 3 в таблице шириной 100%, а 4 - в таблице 90%.
Так что смотри сама Сделаю такое глобальное замечание. Не используй вложенных таблиц там, где это не нужно. Лучше помещай всё сразу в ячейку таблицы, без дополнительных вложенных таблиц. Ну или если нужно сделать разные отступы от краёв (100% и 90% у тебя в примере), используй дивы. Я про них уже рассказывал вот здесь: http://forum.vingrad.ru/index.php?showtopi...ndpost&p=406438 То есть ставишь не громоздкую конструкцию <table тут куча параметров><tr><td></td></tr></table>, а просто <div width="90%"></div>, и этого хватит вполне. Потом ещё нужно будет добавить глобальной табличке table-layout: fixed, чтобы быстрее отображалось всё это на медленных каналах. Сейчас времени описывать это нет, но можно добавить и потом будет. |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Ок! Спасибо, буду пока разбираться...
|
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
О! Я сделала так. Элемнет 4 не стала дивами обрамлять, т.к. у этой таблички есть бордер и цвет бордера.
Вот:
Ну как? Есть замечания? Если нет, я двигаюсь дальше |
|||
|
||||
| dm9 |
|
||||||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Замени
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> на <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> Это кодировка...
Это что такое?
Тебе разное выравнивание нужно? Если да, то да. Если нет, просто помести эти картинки одна за одной, между ними <br />.
Не нужно. Хватит <p width="100%">...</p>, p - это уже блочный элемент. (Про блочные элементы читать тут: http://forum.vingrad.ru/index.php?showtopi...ndpost&p=406438 ;) ) Остальное покатит Это сообщение отредактировал(а) dm9 - 14.5.2005, 14:26 |
||||||
|
|||||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
А вот эти вот меты нужны? Вобще, это что такое-то?
|
|||
|
||||
| Urod |
|
||||||||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Так остатки эксперимента  Убрала!
Угу, надо.
Ок! Удалила |
||||||||||
|
|||||||||||
| dm9 |
|
||||||||||||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Язык контента? Не нужно, не используется.
Это оставь, это единственный тэг meta, который стоит пока оставить.
Не нужно.
Это программа, в которой ты всё делала. FrontPage Не нужно, можно удалять.
Не нужно. |
||||||||||||
|
|||||||||||||
| Urod |
|
||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Аа, ну у меня были такие предположения. Особенно интересно это смотрится, если знать, что я в Дриме верстаю Вообще, это изначально был шаблон, который в итоге изменился значительно. |
||||
|
|||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
1 Прежде, чем картинки вставлять, их надо по размеру сделать не более 800 на 600?
2 Куда следует прописывать все слова, по которым будет эта страничка искаться в поисковиках? Это сообщение отредактировал(а) Urod - 15.5.2005, 14:34 |
|||
|
||||
| Urod |
|
||||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Вот код:
Я не знаю, как мне вставить по бокам глобальной таблицы по каждому краю на всю высоту таблицы по одному такому столбцу: слева:
и справа:
Что-то я их куда уже не ставляла, а они все не на месте  Добавлено @ 15:26 Только меня смущает, что при просмотре странички, как-то не похоже, что соотношений ширины столбцов 70% на 30%. Они как-то равны визуально. Так и должно быть?  Это сообщение отредактировал(а) Urod - 15.5.2005, 15:17 |
||||||
|
|||||||
| dm9 |
|
||||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Картинки - отдельная тема. 800х600 - нафига тебе такие громадные?  Картинки делай какие надо. Будут очень большие, будем резать на куски и слеплять. Только надо придумать что-то с заголовком. Ты решила, как он будет выглядеть? Я там примеры давал. У тебя там слишком много графики, лишнее это.
О поисковиках читай статью, написанную Красным Драконом Очень хорошая статья для начинающих.http://forum.vingrad.ru/index.php?showtopic=39527 Добавлено @ 16:01 Блин, что-то я сам торможу насчёт этих 30-70%. Сейчас попробую разобраться. |
||||
|
|||||
| dm9 |
|
||||||||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Это удали... Какой-то редактор, похоже, добавил. Насчёт 30% и 70% разобрался. Дело в том, что table-layout: fixed заставляет документ рассчитывать ширину столбцов по первому tr (что, кстати, позволяет отображать таблицу сразу, не дожидаясь полной загрузки, убирается главный недостаток табличной вёрстки). А первый tr у тебя только с одной ячейкой, нужной информации не поступает. Решения два. 1. Создать таблицу с хедером отдельно. 2. (Так грамотнее, особенно если ты будешь потом ещё ячейки в 1% по бокам добавлять) После тэга <table> (сразу) поставить такие строки:
Таким образом ты определяешь щирину ячеек для всех столбцов (columns, cols). В этом случае удали всю информацию о ширине столбцов из других мест, из td. Иначе это будет избыточная информация, которая никому не нужна.
Ну, добавь по ячейке ещё. Измени colgroup:
После этого добавляешь в начало и в конец первого tr по ячейке <td rowspan="..."><img ... /></td> И не забудь поставить нужные rowspan-ы. Я так понимаю, ты знаешь, что такое rowspan, как он работает? Это сообщение отредактировал(а) dm9 - 15.5.2005, 16:17 |
||||||||
|
|||||||||
| Urod |
|
||||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
А "сразу", это куда? Вот код с этими элементами (явно не туда):
Он без описания ширины столбцов. Но в Мозилле - это просто ужас, а не страница!!!В ИЕ - куда не шло, но тоже неверно. Что я не так сделала? Это сообщение отредактировал(а) Urod - 15.5.2005, 21:49 |
||||||
|
|||||||
| dm9 |
|
||||||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Именно сюда.
Обязательно пять минут читать мою подпись! С целью понять, что чему-то научиться можно только додумавшись до этого самостоятельно. Читай внимательнее что я пишу, и пробуй, думай, экспериментируй. Упрощай пример до невозможности, добивайся, чтобы всё работало, потом усложняй его. Нет здесь того, что нельзя понять самостотельно. Мне ничего не стоит сделать тебе эту страничку. Более того, это в сто раз проще, чем писать ответы в 1,5-2 экрана. Один ответ может занять у меня 40 минут (с проверкой кода, написанием ответа). Твоя страничка займёт у меня 2 часа, ни минутой больше. Но цель-то - не сделать, цель - научится что-то делать, правильно? Не рассчитывай, что я всё подробно расскажу. Мне не жалко написать ответ, но я устаю объяснять всё слишком подробно. Пробуй думать самостоятельно. Мне же это тоже должно быть интересно, так? Я могу объяснить сложные вещи, но когда я написал на пост выше, что надо что-то сделать, и это не сделано, а есть вопрос "почему не работает", я просто даже не знаю что делать... скучно становится. Сорри. Итог этого такой. Пробуй сама. Если не получилось в первого раза, пробуй второй. Второй не получился - третий. Третий вариант не прошел? Упрощай пример. Ещё пробуй. Когда всё испробовала - говори, я помогу разобраться. Если ты не понимаешь принципа работы какого-то тэга или атрибута, тоже пиши, я это опишу или дам хорошую ссылку. Или можно попробовать найти это самостотельно. Очень часто бывает так, что непонимание работы одного атрибута не даёт осознать всю картину. В общем, ты меня поняла, я думаю Это сообщение отредактировал(а) dm9 - 15.5.2005, 23:22 |
||||||
|
|||||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Сорри, только ошибся в одном месте.
Там столбцы местами перепутал. Так правильно.
На всякий случай, это означает, что всего будет 4 столбца, ширины ты перечисляешь. "Col" - от слова column (столбец). Только у тебя в предпоследнем твоём варианте (на 4 поста выше) 2 столбца всего, так? А тут четыре, так как это написано вместе в боковыми столбцами. Ну и добавь их, столбцы, в первый tr. <tr> <td rowspan="x"><img ... /></td> То, что было в первом tr раньше <td rowspan="x"><img ... /></td> </tr> x - число столбцов, на какое будет распространяться ячейка. Добавить её надо только в верхняя ячейку, потом в остальные tr - не надо, rowspan сделает своё дело. |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
dm9 Ок! Ты абсолютно прав, мне и самой не по душе, что я толком не поковырявшись, кидаю вопрос в форум (просто из-за компа постоянно брат гонит
)Все, буду пытаться. |
|||
|
||||
| Urod |
|
||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
dm9
 Хееее, я разобралась! УРА!Дело было в colspan="2" вместо colspan="1"! Во, где ошибка. Да можно вообще и без него А как опыт показывает, как правильнее: так
или так
Это сообщение отредактировал(а) Urod - 16.5.2005, 09:12 |
||||
|
|||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Я вообще не понимаю, чего ты хочешь здесь
Тебе фон нужен? Так зачем картинка между тэгами нужна? Оставь ячейку пустой. width=1% - избыточная информация, мы уже указали это в первом и четвёртом тэге col. Насчёт того, как лучше - я предпочитаю всё делать стилями, и это, мне кажется, правильно. При переходе на XHTML 1.0 ты вообще без половины атрибутов, CSS надо будет использовать на полную. Ну пока мы работаем в HTML 4.0, это всё равно. Это сообщение отредактировал(а) dm9 - 16.5.2005, 09:19 |
|||
|
||||
| Urod |
|
||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Т.е. так правильнее:
|
||||
|
|||||
| dm9 |
|
||||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
|
||||
|
|||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Нужен фон, поэтому я удалила уже вставку картинок.
А вот с width=1% пока разбираюсь, т.к. при его удалении из
|
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Выложи последний вариант исходника.
|
|||
|
||||
| Urod |
|
||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Нееее  , я само сначала поробую понять, в чем дело. Добавлено @ 12:19 Все, вопрос этот решила (просто надо было сразу в двух краях убрать ширину и смотреть только после этого, а не поодереди убирая края и просматривая). Но у меня возникли опасения, что страничка все-таки не на 100% по ширине (как-то ее общая ширина меньше 100%) Вот код:
|
||||
|
|||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Я тут немного подправила (добавила кайму по верхней грани глобальной таблицы).
Вот, что получилось:
Остается вопрос: 1 Что-то мне кажется, что картинки pozadina.gif и pozadina1.gif какие-то разные по ширине (может, меня глючит, но вряд ли). Отчего это? 2 Ну, собственно, прежний: Страничка все-таки не на 100% по ширине (как-то ее общая ширина меньше 100%). |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Почему у тебя в одном месте стоит rowspan="5", а в другом rowspan="4"?
Добавлено @ 14:39
Решение на поверхности. Думай. Это же очевидно |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
По догике, я считаю, там везде должно быть rowspan="4", но где rowspan="5", там просто иначе по будет видно каемки. Знаю, странно, но иначе у меня не работает. Эх, этакий я, прям, тугодум.  Буду думать, раз на поверхности решение |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Нет, это ты глупости говоришь. rowspan везде у тебя должен быть равен четырём, так как ячейка в высоту занимает 4 столбца. Остальное - персональные глюки IE.
Всякие там каёмки и тому подобное делается просто и без этого. Но чуть позже. Ты сначала табличку макетную сделай-то. |
|||
|
||||
| Urod |
|
||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
 
Т.е. я могу вообще все эти строки с каемками удалить и думать над вопросом %? |
||||
|
|||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Погоди. Какие каёмки? Которые в 1% по ширине? Так они работать будут и при rowspan="4"
|
|||
|
||||
| Urod |
|
||||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Эти каемки:
Илим пока не надо удалять? Кстати, с rowspan="4" заработали Добавлено @ 15:34 Вот ошибка, где была
Добавлено @ 15:35 Ну теперь, Ваши последние замечания, и делаю дальше? |
||||||
|
|||||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Ты зря удалила table-layout:fixed. Верни назад. Я там уже объяснял, зачем это нужно... ширина столбцов не может меняться, если задать этот стиль, поэтому таблица может отображаться по мере загрузки, а не после полной её загрузки. Добавлено @ 15:40 И код выложи окончательный. Это сообщение отредактировал(а) dm9 - 16.5.2005, 15:41 |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Мда, что-то у меня ванька дома - Маньки нет
какая-то невнимательность Окончательная (на данный момент) редакция кода:
|
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Ну как, все Ок или надо что-то подправить?
|
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Извини, раньше не мог ответить.
В общем, всё нормально. Только один момент. Артибут bordercolor официально запрещён в той версии html, которую ты используешь (хотя, некоторые браузеры это понимают), и плюс к этому, в Мозилле не меняются цвета границ ячеек. Решение такое. Убери этот bordercolor, поставь той таблице class="mytable" (или по-другому его назови). И пропиши перед </head>:
Это означает, что таблица и её ячейки будут иметь сплошную (solid) границу в 1 пиксель цветом #7C93B3. Границы соседних ячеек сложатся, и всего получится ширина линий 2 пикселя. Можно в один сделать, но чуть больше писать придётся. В общем, исправь это и покажи код. Это сообщение отредактировал(а) dm9 - 17.5.2005, 13:14 |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Шутишь? СПАСИБО, что ты его курируешь, а один день отсутствия - это издержки производства С замечаниями сегодня поковыряюсь |
|||
|
||||
| Urod |
|
||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Вот окончательный вариант кода:
Есть вопрос: в строке
А ниже я прикрепила эти картинки. Это сообщение отредактировал(а) Urod - 17.5.2005, 19:56 Присоединённый файл ( Кол-во скачиваний: 2 ) 
pozadina.gif |
||||
|
|||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Не понял проблемы, но у тебя там </div> ни к месту в конце ячейки, перед </td>. Может, в этом дело?
И ещё. У тебя картинки уже пошли, так что разбирайся с хостингом, и выкладывай страницу туда. Регистрируйся на email.su, будут вопросы - задавай их в форуме "Хостинг". Всё равно с этим разбираться когда-нибудь придётся. Это сообщение отредактировал(а) dm9 - 17.5.2005, 19:58 |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Не, див я убрала - не помогло.
А вопрос в том, что столбец как будто больше 1% по ширине, или картинка уже 1%. Т.е. она смещена внутри столбца вправо, а должна быть вплотную по столбцу. Во! А с хостингом пойду разбираться  |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Вот ссылочка на страничку: http://marina_vladimirovna.email.su/site/p...gie_raboty1.htm
Ну вот там есть зазор между левым крайним столбцом и контентом Это сообщение отредактировал(а) Urod - 17.5.2005, 20:43 |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Там решение простое. Ставь боковым столбцам щирину фиксированную, как у картинки, а двум средним ширину 7* и 3*. Почитай тут:
http://pyramidin.narod.ru/html401/tables.html#h-11.2.4.4 Попробуй сама разобраться. Добавлено @ 20:52 На процентах свет клином не сошёлся Хостинг быстро сделала, молодец ) |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
В общем, я сделала так:
При просмотре у себя на компе - все Ок. А вот по ссылке фигня полная: http://marina_vladimirovna.email.su/site/P...gie_raboty1.htm - это ЧТО ТАКОЕ |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Блин, ну убей ты наконец эти проценты из других мест! Что это такое?
Может дело не в этом, конечно. Поразбирайся сама пока. |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
А если вот так написать, то работает:
|
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Там пересечение идёт с table-layout: fixed; ИЕ и Опера глючат, действительно. Только Firefox нормально отображает.
Но табличная вёрстка без table-layout: fixed - это плохо. Поэтому поступим некрасиво. Пиши так
Добавлено @ 08:53 И выкладывай окончательный код. Добавлено @ 08:54 Не сюда, а на сайт, в смысле. |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
dm9 Да, но, к сожалению, у меня на работе доступ к email.su запрещен, так что я до 19:15, как без рук
И на ящик себе не скинула, т.к. думала с сервера код возьму, а тут ... ЗЫ Ну ничего, скоро я в ИТ перевожусь |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
 Как так - запрещён? Это чтобы почту не проверяли, что ли?  |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
dm9 Да. Нам ообще тут всем терминалы (вместо сис/блоков) ставят, причем от них предварительно отключают ВСЮ пеерефирию и приносят тебе "голый" терминал. И сидишь ты, как дундук, без СD, без 1,4, без Нета (изначально, пока не разрешать). Все только для работы, чтобы НИЧТО не отвлекало
Мне удалось отмазаться от этого, но есть "черный список сайтов", куда доступа нет. Всем, кроме сотрудников ИТ Это все - безопасность! Добавлено @ 09:26 У меня только к nm.ru есть доступ. Но он перегружен часто, говоришь. Но я приду домой, переложу на него сайт. Воо. |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Вот ссылка:
http://marina_vladimirovna.email.su/site/P...gie_raboty1.htm Здесь мне не нравится, что верхней каемки не видно, хотя она прописана в строчке
|
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
У тебя на сервере нет файла с именем pozadina_niz.gif. Посмотри внимательно. Обрати внимание, что строчные и заглавные буквы различаются. Насчёт того, что без nbsp не работает - это нормально. Можно его там оставить. Немного некрасиво будет, конечно, при выделении страницы. Если тебе это критично, вставь вместо nbsp таблицу: <table cellspacing="0"><tr><td></td></tr></table> Я, как любитель доводить мелочи, не люблю этих nbsp. Но, в приципе, это нормально. Можно так оставить. |
|||
|
||||
| Urod |
|
||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Поправила! Посмотри, пож-та, эту верхнюю каемку,: она как-то не сверху расположена. Только я, честно говоря, не очень поняла, куда
А что это такое nbsp? Это сообщение отредактировал(а) Urod - 18.5.2005, 19:34 |
||||
|
|||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
С разметкой всё ОК, просто картинка сверху белая
Меняй картинку. Переверни её, например.И ещё лучше вставить маленькие картинки в уголки, переход от правой полоске к верхней и от левой к верхней. |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
У меня вот, честно говоря, с этим хуже всего: я куда верхнюю каемку вставить полдня искала, а тут уголочки...  Но без этого НЕ ОБОЙТИСЬ!  Ужас! Буду пытаться. Это сообщение отредактировал(а) Urod - 18.5.2005, 19:37 |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Это просто
Ну что может быть сложного в табличке! Это же не дизайн на слоях... Добавлено @ 19:47 В общем, пробуй |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
dm9 Да вот как раз картинки у меня уже готовы, а вот табличка... Делаю.
|
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Посмотри, пож-та, по ссылке. Там в уголках зазоры есть. Как от них избавиться?
|
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Ой... ты там с разметкой такого понамудрила... в каждой строке (tr) должно быть одинаковое число ячеек td (с учётом colspan, rowspan). Так что считай. Там чего-то не сходится
|
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
dm9 Посмотри, пож-та, страничку. Я поправила табличку, но зазоры между картинками остались
К сожалению, email.su - ТАКОЙ ТОРМОЗ, что я дойду до выкладки кода он уже пишет "стница устарела" - ужас какой-то. Поэтому выкладываю сюда код:
Это сообщение отредактировал(а) Urod - 18.5.2005, 21:18 |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Кажись получилось.
|
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
А в чём проблема выложить на email.su?
Просто так смотреть напряжно, без картинок. |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Все, переложила страничку на nm.ru. Вот она:
http://marinavladimirovna.nm.ru/Site/Pages...gie_raboty1.htm Вопрос по зазорам отсается (я разметку странички поправила) |
|||
|
||||
| Guest |
|
|||
|
Unregistered |
Что с форумом делается: у меня половину кнопок не видно + кто OnLine??? Опять эксперименты?
dm9 Зайди по ссылке, я там все поправила. Можно дальше идти? |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Ну, в общем, это я, Urod, писала постом выше
|
|||
|
||||
| dm9 |
|
||||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Зачем тебе повторение ставить в уголочках? Это избыточный стиль, только место занимает. Удали просто background-repeat: repeat; оттуда.
Теперь. Что за редактор ты используешь? Откуда всё время появляется лишний HEAD? Удали это:
И ещё. Я понял, почему у тебя были глюки с зазорами между картинками У тебя высота не прописана. Ты картинку меняла? Пропиши для верхнего tr style="height: ...px". Троеточие - высота фоновой картинки.И последнее. Так как иногда пользователи гуляют по инету со своими стилями, пропиши в стилях на всякий случай шрифт, его цвет (по умолчанию), цвет фона.
Сделай, потом ещё пара комментариев будет. Это сообщение отредактировал(а) dm9 - 19.5.2005, 15:22 |
||||
|
|||||
| Urod |
|
||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Я как раз думала наджо это или нет. Удалила. А подльзуюсь я Дримом (он что ли постоянно лишний HEAD прописывает?). |
||||
|
|||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Аа, а я tr style="height: 10" писала Никак я не научусь ед. изм ставить |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
С стилях ставить надо. В атрибутах пиксели можно опускать:
<table width="300" ... но <table style="width: 300px" ... В общем, так Второй способ предпочтительнее, так как ближе к идеологии XHTML (CSS везде, где это можно). |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
А посмотри, пож-та, по той же ссылке: что-то не помогло style="height: 10px"
А со стилями текста - я потом из запишу (помнишь, ты мне расасказывал, как их писать). Они готовы, но пзже с этим. Добавлено @ 16:33 Или так:
Но что-то не то опять Это сообщение отредактировал(а) Urod - 19.5.2005, 16:29 |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Или так - тоже не то
|
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Вот так, кажется, наиболее приближено к истине, но высота все равно не 10px (если ее убрать, то ничего не изменится, хотя должно бы... + ширина правой каемки тоже настроаживает, т.к. она как-то больше 10px)
Всю эту "красоту" можно посмотреть по http://marinavladimirovna.nm.ru/Site/Pages...gie_raboty1.htm Это сообщение отредактировал(а) Urod - 19.5.2005, 17:12 |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Тьфу! Это nbsp раздвигает ячейку. Совсем голова не работает. Удаляе его нафиг, стиль style="height: 10px;" для tr оставляй, и всё будет ОК.
|
|||
|
||||
| Urod |
|
||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Ну вот так я записала:
Так так вообще верхняя каемка не отображается |
||||
|
|||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Не надо таблицу. Просто пустая ячейка, но для tr пропиши heigth. У меня всё работало, я проверил.
|
|||
|
||||
| Urod |
|
||||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Ну уж тогда и td Работет только так:
Но РАБОТАЕТ!!!!! Вот оно, счастье: http://marinavladimirovna.nm.ru/Site/Pages...gie_raboty1.htm Ну а дальше вопрос про картинки, я его снова подняла в теме "Метод уменьшения размеров картинки, Метод по dm9 ))": http://forum.vingrad.ru/index.php?showtopic=51734&st=15 Это сообщение отредактировал(а) Urod - 20.5.2005, 12:08 |
||||
|
|||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
У меня всё работает с <tr style="height: 10px", этого достаточно.
Под Оперу 6 отвратительно всё... несолидно как-то. Разметка-то простая. То ли он rowspan не понимает... сейчас разбираться не хочу. Попозже напишу. |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Ну не знаю у меня только с двумя height в tr и td работает. Без height в td или без nbsp верхней каемкт не видно |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Пока нет времени? |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Просто офигенно сильно ломает
Посмотрю сегодня. |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
dm9 Совсем там все плохо, да? СПАСИБО, что посмотришь!
Интересно, а каков процент пользователей оперы? Много? А они себе еще ИЕ, например, ставят? Мне кажется, что далеко не все сайты работают под Оперу, но это есть неуважение к пользрвателям! Поэтому будем дальше думать! СПАСИБО! |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Шестой оперой пользуются единицы... скрипты под неё вообще почти не пишут. Но просто у тебя же простая страница, там ничего сложного нет, должно работать под очень старые браузеры.
|
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
dm9 Эээ..., если так не хочется смотреть код под Оперу - может, ну ее (Оперу)? Я так поняла, что процент пользователей Оперой крайне мал... Ну да, не корректно это, но сколько усилий потребуется.
Ты как? PS Мне своего времени не жалко, мне просто тебя сильно напрягать не хочется. |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Да, времени как-то нет. Скорее всего, всё рашится запретом на использование rowspan. Хочешь, попробуй сделать. Могу дать ссылку на скачивание Оперы 6. Но, в принципе, можно и не обращать на это внимание... очень древний и глючный браузер.
PS % Оперы не мал, но шестая версия - это очень старый динозавр... можно, в принципе, на него забить. Это сообщение отредактировал(а) dm9 - 24.5.2005, 11:44 |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Вот у меня и было сначала подозрение, что rowspan и colspan - это не везде покатит, хотя, Дрим их не подчеркивает (он подчеркивает теги, которые не везде читаются). Ну пусть так остается.
 |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Не, ну это по спецификации, так что всё теоретически нормально
А вот на практике... |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Так, зничит с разметкой мы закончили
 УРА! УРА! УРА! СПАСИБО!!!!! СПАСИБО!!!!!  |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Вопрос. Зачем правая колонка (с фотографиями) сделана в %, когда ей было бы логичнее дать фиксированную ширину?
|
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Вопрос. Зачем правая колонка (с фотографиями) сделана в %, когда ей было бы логичнее дать фиксированную ширину?
|
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Как это зачем, мы же в самом начале кода прописывали это:
специально для того, чтобы размер страничкм автоматически подгонялся под размер экрана пользователя. Думаешь, правый столбец имеет смысл сделать в px? А зачем? Вроде, ему итак неплохо. |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Ему так плохо. Попробуй уменьшить размер окна или посмотреть сайт на большом разрешении.
|
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Да на 1280 на 1024 смотрю. Вроде, ничего не смущает.
А если в px задать, то может получиться, что левая ячеуйка широкая/маленькая (в зависимости от разрешения экрана), а правая строгг фиксированная, и, соответственно, по сравнению с левой может выглядеь или очень узкой, или очень широкой. Чем в px-то лучше? |
|||
|
||||
| dm9 |
|
|||
|
Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Ну, не знаю, сама решай
|
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Ну я просто исхожу из простого соображения, что столько усилий для того, чтобы страничка была в %, а тут px...
Эти же две колонки пропорционалы друг друг при любом разрешении экрана. Зачем же одну из них задавать в %, а другую в px? Может, все-таки %? А? P.S. не посмотришь проблему с зазорами в др. моей теме? |
|||
|
||||
| Urod |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 376 Регистрация: 10.4.2004 Где: Москва Репутация: нет Всего: -1 |
Ну все: я, похоже, уже не смогу преодалеть впорос верстки странички в % (особенно без помощи знеающих), поэтому все делаю в px. Пока все получается
dm9 Спасибо за помощь! |
|||
|
||||
|
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
[ Время генерации скрипта: 0.1553 ] [ Использовано запросов: 21 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |