«Камчатский форум» logo

Здравствуйте, гость ( Вход | Регистрация )

5 страниц  < 1 2 3 4 5 >   ( К первому непрочитанному сообщению )
Ответить · Открыть тему
> Верстка, Как лучше? :)
artyom_b
24.10.2005, 21:59
Сообщение #41



*******

Награды: 11
Группа: ?????????
Сообщений: 8 327
Регистрация: 21.04.2004

Репутация: 1 [ - / + ]


Спецификацию тоже люди писали,
и соответственно в ней тоже возможны определенные
"нелогичности". И они есть.
Тем более, что она носит рекомендательный характер.
Но об этом говорить бесполезно, раз она существует,
какой бы она не была, ее стоит придерживаться.

Ничего критического в IE5
кроме разницы в боксовой модели нет.
То что страница будет выглядеть не столь аккуратно,
ну и бог с ним. Признаюсь честно, ориентировался
в первую очередь на боксовую модель в понимании IE,
потом стал использовать компромиссный вариант,
теперь буду ориентироваться на спецификацию smile.gif

Не думаю, что стоит добиваться 100% одинакового
отображения сайта в IE, FF, Opera... достаточно что
он выглядит примерно одинаково, не разваливается,
и остается достаточно понятным и доступным.

P.S. Интересно, почему Opera не понимает <tr style="vertical-align: top;">...
и очень много что еще интересно.


--------------------
Офлайн · Карточка · Приват
^
Kevin
24.10.2005, 22:06
Сообщение #42


*******
*******

Награды: 9
Группа: ????. ??????
Сообщений: 3 738
Регистрация: 02.04.2004

Репутация: 42 [ - / + ]


<tr style="vertical-align: top;"> Такое не позволяет спецификация — это не валидное значение у tr нет такого стиля как vertical-align — это подойдет для td но не tr...

А добиться 100% совместимости отображения не так уж и сложно в современных бродилках.

Я тоже думаю на IE5 сайт хоть и кривенько, но отобразиться и ладно, а чтобы добиваться корректности отображения в IE5 — лишняя трата времени, и как говориться не так много платят за это в Камчатском крае. У нас хорошая верстка — инициатива разработчика smile.gif
Офлайн · Карточка · Приват
^
artyom_b
24.10.2005, 22:27
Сообщение #43



*******

Награды: 11
Группа: ?????????
Сообщений: 8 327
Регистрация: 21.04.2004

Репутация: 1 [ - / + ]


Цитата(Kevin @ 24/10/2005, 23:06)
<tr style="vertical-align: top;"> Такое не позволяет спецификация — это не валидное значение у tr нет такого стиля как vertical-align — это подойдет для td но не tr...

ДА, так оно и есть, но FF "понимает"... biggrin.gif

P.S. Самому интересно верстать грамотно и качественно.
В общем-то неважно сколько за это платят и платят ли вообще...


--------------------
Офлайн · Карточка · Приват
^
Kevin
24.10.2005, 22:48
Сообщение #44


*******
*******

Награды: 9
Группа: ????. ??????
Сообщений: 3 738
Регистрация: 02.04.2004

Репутация: 42 [ - / + ]


Цитата(artyom_b @ 25/10/2005, 0:27)
ДА, так оно и есть, но FF "понимает"... biggrin.gif
P.S. Самому интересно верстать грамотно и качественно.
В общем-то неважно сколько за это платят и платят ли вообще...

Тогда за это жирный минус FF wink.gif

С HTMLом для домохозяек надо заканчивать biggrin.gif

Может темку разделить опять?smile.gif

Интересно сбудется моя мечта: все браузеры поддерживают только XHTML 1.0 Strict smile.gif
Офлайн · Карточка · Приват
^
artyom_b
25.10.2005, 22:32
Сообщение #45



*******

Награды: 11
Группа: ?????????
Сообщений: 8 327
Регистрация: 21.04.2004

Репутация: 1 [ - / + ]


Столь ли он идеален? wink.gif
Неоспоримое достоинство в том, что не надо
будет думать о том, как это выглядит в другой
бродилке...


--------------------
Офлайн · Карточка · Приват
^
Kevin
27.10.2005, 17:39
Сообщение #46


*******
*******

Награды: 9
Группа: ????. ??????
Сообщений: 3 738
Регистрация: 02.04.2004

Репутация: 42 [ - / + ]


У моей мечты два плюса:
1. Сверстать новичку в соответствии со Strict практически непосильно, от того отсеются кодеры с не глубокими знаниями.
2. Один формат — единственно возможная интерпретация
Офлайн · Карточка · Приват
^
artyom_b
27.10.2005, 17:44
Сообщение #47



*******

Награды: 11
Группа: ?????????
Сообщений: 8 327
Регистрация: 21.04.2004

Репутация: 1 [ - / + ]


это, как если бы на автомобилях имели право
ездить только пилоты F1... biggrin.gif


--------------------
Офлайн · Карточка · Приват
^
Kevin
27.10.2005, 17:47
Сообщение #48


*******
*******

Награды: 9
Группа: ????. ??????
Сообщений: 3 738
Регистрация: 02.04.2004

Репутация: 42 [ - / + ]


Цитата(artyom_b @ 27/10/2005, 19:44)
это, как если бы на автомобилях имели право
ездить только пилоты F1... biggrin.gif

Нет, пилоты F1 это если все те, кто верстают, обязаны бы были знать PHP, CGI и тп.
А это просто не купленные, а честно сданные права :-)
Офлайн · Карточка · Приват
^
Anger
31.10.2005, 17:22
Сообщение #49


***×***
*******

Награды: 4
Группа: VIP
Сообщений: 2 130
Регистрация: 05.04.2004

Репутация: 34 [ - / + ]


В общем есть построение таблицы с помощью CSS ...
Так как FF - самый привиредливый из браузеров, то верстал под него wink.gif
Но, как позже выяснилось, Опера и ИЕ мою CSS каверкают ... выправить ситуацию не могу ... может Вы чем подсобите?

А трабла такова ... есть СSS, в котором описываются два дива:

Код
#1r { position: absolute;
    top: 200px;
    left: 30px;
    width: 450px;    
    height: 35px;    
    background: url(preamble.gif) no-repeat top; }

#2 { padding: 20px;  
    position: absolute;
    top: 235px;
    left: 30px;
    width: 408px;
    margin: 0px;    
    text-align: justify;
    color: #6E6A69;
    font-size: 0.85em;
    background: #FFFFFF;
    border-left: 1px solid #A4B0C6;
    border-right: 1px solid #A4B0C6;
    border-bottom: 1px solid #A4B0C6; }


Эти дивы идут друг за дружкой ... с точки зрения разметки (позиционирования) - они будут образовывать верх (шапку таблицы) и низ (контент) и совпадать по размерам ... в FF - так и есть! В других браузерах - всё в разнобой ... один понимает paddin внутрь дива, другой снаружи ... где правда?

Если я не доходчиво объяснил, то см. аттач.

Ваши комменты?


--------------------
Офлайн · Карточка · Приват
^
artyom_b
31.10.2005, 19:06
Сообщение #50



*******

Награды: 11
Группа: ?????????
Сообщений: 8 327
Регистрация: 21.04.2004

Репутация: 1 [ - / + ]


Комментарии... помести, пожалуйста, весь код страницы,
так будет проще сделать выводы.


--------------------
Офлайн · Карточка · Приват
^
Kevin
31.10.2005, 20:32
Сообщение #51


*******
*******

Награды: 9
Группа: ????. ??????
Сообщений: 3 738
Регистрация: 02.04.2004

Репутация: 42 [ - / + ]


Странно, никогда не верстал бордеры в файрфоксе, но ИЕ и ОПЕРА считают ширину блока вместе с границей, а ФФ границу приплюсовывает к ширине блока... Пошел на хитрость, не знаю, удовлетворяет ли такой вариант твоим потребностям(делал на скорую руку), если нет, подумаю еще:
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
.main {
padding: 20px;
margin: 0px 1px 1px 1px;
background: #fff
}

#top, #bot {position:absolute; left:30px; width:400px}

#top {
top: 200px;
height: 35px;
background: url(preamble.gif) no-repeat top
}

#bot {
top: 235px;
text-align: justify;
color: #6E6A69;
font-size: 0.85em;
background: #A4B0C6;
}
</style>
</head>

<body>
<div id="top"></div>
<div id="bot">
<div class="main">
Свобода преобразует данный интеллект, исходя из принятого мнения.
Конфликт рефлектирует себя через закон внешнего мира. Искусство
нетривиально. Информация, пренебрегая деталями, решительно
профанирует принцип восприятия. Интересно отметить, что акция
индуктивно транспонирует класс эквивалентности. Наряду с этим
смысл жизни непредвзято раскладывает на элементы объект деятельности.
Конфликт, конечно, трансформирует принцип восприятия. Постмодернизм
создает сложный класс эквивалентности, несмотря на мнение авторитетов.
<br />
(c)http://vesna.yandex.ru/
</div>
</div>
</body>
</html>
Офлайн · Карточка · Приват
^
Anger
05.11.2005, 13:22
Сообщение #52


***×***
*******

Награды: 4
Группа: VIP
Сообщений: 2 130
Регистрация: 05.04.2004

Репутация: 34 [ - / + ]


Опера пофиксилась, ИЕ - нет ...
Но направление деятельности я понял ...
Буду ковырять.
Сеньк.


--------------------
Офлайн · Карточка · Приват
^
artyom_b
06.11.2005, 11:59
Сообщение #53



*******

Награды: 11
Группа: ?????????
Сообщений: 8 327
Регистрация: 21.04.2004

Репутация: 1 [ - / + ]


Да, вложенные DIV'ы...
Чуть измененный вариант Kevin'a:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">

#top
{
background: #394294;
height: 35px;
left: 30px;
position: absolute;
top: 200px;
width: 450px;
}

#center
{
background: #FFF;
color: #6E6A69;
font-size: 0.85em;
left: 30px;
position: absolute;
text-align: justify;
top: 235px;
width: 450px;
}

#in
{
border-right: 1px solid #A4B0C6;
border-bottom: 1px solid #A4B0C6;
border-left: 1px solid #A4B0C6;
margin: 0px;
padding: 20px;
}

</style>
</head>

<body>
<div id="top">&nbsp;</div>
<div id="center">
<div id="in">
Свобода преобразует данный интеллект, исходя из принятого мнения.
Конфликт рефлектирует себя через закон внешнего мира. Искусство
нетривиально. Информация, пренебрегая деталями, решительно
профанирует принцип восприятия. Интересно отметить, что акция
индуктивно транспонирует класс эквивалентности. Наряду с этим
смысл жизни непредвзято раскладывает на элементы объект деятельности.
Конфликт, конечно, трансформирует принцип восприятия. Постмодернизм
создает сложный класс эквивалентности, несмотря на мнение авторитетов.
<br />
© http://vesna.yandex.ru/
</div>
</div>
</body>
</html>


--------------------
Офлайн · Карточка · Приват
^
artyom_b
22.11.2005, 0:20
Сообщение #54



*******

Награды: 11
Группа: ?????????
Сообщений: 8 327
Регистрация: 21.04.2004

Репутация: 1 [ - / + ]


Разбирался сегодня в стандартах..

и потратил немало времени, пока не выявил
конструкцию, которая полностью соответствует
XHTML 1.0 Strict smile.gif

<div>
<img usemap="#m" width="265" height="97" alt="" src="i/name.gif" />
<map id="m">
<area shape="rect" coords="0,0,0,0" alt="" />
<area href="#" shape="rect" coords="0,0,0,0" alt="" />
</map>
</div>

....


--------------------
Офлайн · Карточка · Приват
^
Rownt
22.11.2005, 7:20
Сообщение #55


Учитель созерцания
*******

Награды: 7
Группа: ??????
Сообщений: 3 261
Регистрация: 04.04.2004

Репутация: 25 [ - / + ]


Цитата(artyom_b @ 22/11/2005, 0:20)
Разбирался сегодня в стандартах..

Для чего косая черта перед скобками закрытия тегов?


--------------------
... сами не летаем и другим не дадим...:)

Камчатская студия дизайна Art Fashion Line
Офлайн · Карточка · Приват
^
artyom_b
22.11.2005, 8:02
Сообщение #56



*******

Награды: 11
Группа: ?????????
Сообщений: 8 327
Регистрация: 21.04.2004

Репутация: 1 [ - / + ]


Цитата(Rownt @ 22/11/2005, 7:20)
Для чего косая черта перед скобками закрытия тегов?

Это одно из требований XHTML - все теги должны быть закрытыми,
в непарных тегах необходимо добавлять слэш в конце тега,
например <img /> или <br /> и др...


--------------------
Офлайн · Карточка · Приват
^
artyom_b
22.11.2005, 11:17
Сообщение #57



*******

Награды: 11
Группа: ?????????
Сообщений: 8 327
Регистрация: 21.04.2004

Репутация: 1 [ - / + ]


Продолжаю изыскания...
Заметил инетересную особенность:
если выставить DTD XHTML 1.0 Strict то
FF в подобных конструкциях оставляет место под картинкой
увеличивая тем самым высоту строки...:

<tr><td style="border-top: solid 1px #0b4a7a;"><img width="1"
height="3" alt="" src="i/hlw.gif" /></td></tr>

....причину пока не понял smile.gif
естественно можно это заметить на div smile.gif, но причина все равно интересна...

.... мейлушный счетчик пытался привести в соответствие...
(в нем переносы в комментариях и пр.) он работать перестал sad.gif smile.gif
и еще ругается на target="_blank"... без этого конечно можно обойтись,
но хотелось бы адекватную замену smile.gif


--------------------
Офлайн · Карточка · Приват
^
artyom_b
27.11.2005, 9:52
Сообщение #58



*******

Награды: 11
Группа: ?????????
Сообщений: 8 327
Регистрация: 21.04.2004

Репутация: 1 [ - / + ]


Манифест веб-дизайнера:
http://www.webmascon.com/topics/designgeneral/20a.asp

Принимаем? wink.gif


--------------------
Офлайн · Карточка · Приват
^
Rownt
27.11.2005, 15:55
Сообщение #59


Учитель созерцания
*******

Награды: 7
Группа: ??????
Сообщений: 3 261
Регистрация: 04.04.2004

Репутация: 25 [ - / + ]


Цитата(artyom_b @ 27/11/2005, 9:52)
Манифест веб-дизайнера:
http://www.webmascon.com/topics/designgeneral/20a.asp
Принимаем? wink.gif

Он лишь подливает масла в огонь.
Делаем вид, что не читали...smile.gif


--------------------
... сами не летаем и другим не дадим...:)

Камчатская студия дизайна Art Fashion Line
Офлайн · Карточка · Приват
^
artyom_b
27.11.2005, 16:24
Сообщение #60



*******

Награды: 11
Группа: ?????????
Сообщений: 8 327
Регистрация: 21.04.2004

Репутация: 1 [ - / + ]


biggrin.gif
Еще немножко:
http://www.htmlbook.ru/content/?id=83


--------------------
Офлайн · Карточка · Приват
^

5 страниц  < 1 2 3 4 5 >
Ответить · Открыть тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



Код кнопки 88x31 Текстовая версия Русская версия Invision Power Board v2.1.7 © 2006  IPS, Inc.