Помощь с вёрсткой

[september2489]

Привет!
Предлагаю в этой теме решать вопросы по вёрстке веб-страниц.

Начну с себя - у меня вот такой вопрос. Сейчас делаю сайт, там есть боковое меню. По сути, это табличная вёрстка, всё меню - это одна ячейка <td>, где идёт текст в перемешку с картинками. Перенос на следующую строку через <br>. Картинка сама по себе, текст обёрнут в <div>.

Почему-то в Chrome всё нормально отображается, а в IE 6 текст выглядит вот так.

menu.jpg

Не то чтобы IE 6 сейчас был нужен, но ради спортивного интереса хотелось бы соблюсти совместимость.

[Turboblack]

Code: Select all

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->

и вносишь в ie6.css отдельные стили для 6 ишака

[september2489]

Спасибо, попробую!
Но там из стилей только padding-left, да размер шрифта и цвет. То есть, по всей видимости, IE6 как-то криво отображает всё это дело.

[september2489]

Так, я разобрался. Дело было в том, что я использовал одну таблицу на всю страницу, а надо было делать несколько вложенных. Одна для меню, другая для контента и так далее. Теперь всё тип-топ.

[Defder]

Привет.

Как сделать таблицу table без отступов?
Например, таблица из одной строки и двух столбцов. Нужно, чтобы правый столбец отбрасывал тень на левый. Полностью, без пустот сверху и снизу.

[september2489]

Нужно, чтобы правый столбец отбрасывал тень на левый. Полностью, без пустот сверху и снизу.

Не очень понятно, что имеется в виду. Можете как-то понятнее описать или сделать эскиз?
Потому что свойства cellspacing="0" cellpadding="0" как будто бы решают проблему пустот, но, кажется, это не то, что вы ищете.

[Defder]

Можете как-то понятнее описать или сделать эскиз?
Потому что свойства cellspacing="0" cellpadding="0" как будто бы решают проблему пустот

Поиском cellspacing пришёл к

Code: Select all

border-spacing: 0px

, что и решило проблему.

Было так (тенька обрывается по краям), стало вот так.

[alsk]

вопрос краткий: почему так проиходит? но чтобы было ясно-понятно нужно более-менее хоть шото рассказать. хотя думаю вы не поймете, а вдруг?

Заморочился я с сеофигней. Почти внизу страницы (не на всех страницах) вывожу keywords document_title seostr description keywords.

Вывожу в теге <h2>. Но так как размер шрифта у <h2> заметненький, я перед выводом сеостроки вывожу еще и

Code: Select all

<style>h2{font-size: 10px;}</style>

, шобы юзеров не отвлекать большим шрифтом.

Но после этого все <h2>, на всех страницах показывается со шрифтом в 10 пикс.

Почему так?

У меня складывается такое впечатление что браузер когда анализирует страницу, запихивает ... Я НЕ ЗНАЮ как и почему.

При обращении к странице В НАЧАЛЕ каждой страницы прописан нормальный заметный <h2> с размером шрифта 2rem. В конце он меняется (я сам меняю, чтобы сеошная фигня была менее заметна) на 10 пикселей. И после этого НА ВСЕХ страницах он 10 пикс. Не понимаю я этого.


---
"проблему" я решил, добавив css

Code: Select all

.seo2{
    font-size:10px;
}
.seo3{
    font-size:8px;
}
.seo2,.seo3{
    text-align: center;
}

, но почему оно ото так, я хйзн.
---
сегодня от меня два сообщения крослинк viewtopic.php?p=2979#p2979

ПРОШУ УДАЛИТЬ ПРЕДЫДУЩЕЕ МОЕ СООБЩЕНИЕ. Шото я разучился писать.

[alsk]

Если проще написать то

Code: Select all

начало html-файла
...
где-то в начале
h2{
    font-size: 2.0rem;
}
...
потом вывод текста с <h2>
размер шрифта 2rem
...
...
и аж в конце я переопределяю (уменьшаю) размер
<style>h2{font-size: 10px;}</style>

текст сеофигни, шрифт 10 пикс, НО ЕСЛИ ТАК СДЕЛАТЬ, ТО ВСЕ <h2> СТАНУТ 10 ПИКС
И НА ТЕКУЩЕЙ СТРАНИЦЕ И НА ВСЕХ-ВСЕХ ГДЕ ЕСТЬ <h2>.

ПОЧЕМУ ТАК?

ааа, ну а как должно быть?: я ожидал что <h2> до строки <style>h2{font-size: 10px;}</style>, будут 2rem, но оно всё в 10 пикс.

[september2489]

По идее, для того чтобы придать уникальные свойства элементу внутри какого-то стиля и придумали идентификаторы через . и #. Я такие штуки всегда через CSS делаю.