@ndrey
-
Posts
22 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by @ndrey
-
-
Jecka ничего вы не учли, все также плохо, разве что стили убрали из кода и таблицу убрали.
Про семантику спросите у гугла, меню оформляйте через списки, в том числе и выпадающее меню, вот вам на это ссылка. Новости оформляйте через
-
подскажи как
я всегда верстаю, придерживаясь указанной конструкции: семантично и все понятно, позиционирование здесь не причем.
что конкретно ?здесь видимо уже ответили
Где не валидно? Написано же русским языкомесли имеется ввиду те ошибки, что выдает валидатор, то сорри
-
По внешнему виду:
1. в опере (9.27) при уменьшении размеров окна текст выходит из-за серого блока
По коду:
1. код избыточен, не валиден (http://validator.w3.org/check?uri=http%3A%...Inline&group=0) и не совсем семантичен. Я бы рекомендовал исходить из конструкции (но это сугубо мое мнение) + использовать body как контейнер :
<!-- шапка -->
<div id="head">
</div>
<!-- контент -->
<div id="content">
<!-- левая колонка -->
<div id="left_column">
</div>
<!-- правя колонка -->
<div id="left_column">
</div>
</div>
<!-- подвал -->
<div id="footer">
</div>,
тогда бы не было таких конструкций:
<div id="track">
<div id="main">
<div id="content">2. здесь можно (нужно) оптимизировать
<ul id="subNavigation">
<li class="ex top">Оценка - 3
-
По коду:
1. избыточен, не семантичен;
2. куча не нужных классов, представления о наследовании (селекторах потомках ) похоже не имеется;
3. код как на странице так и в стилевой таблице оформлен хаотиче и по сути ужасен, встречаются хаки;
4. встречаются следующие непонятные и ужасные и самое главное - ненужные конструкции:
а)
<div class="ten1">
<div class="ten2">
.....
<div class="block"><h2>блок 4</h2><p class="block">какой то текст текст текст текст текст текст</p></div>б) меню
<div id="dropmenu1" class="dropmenudiv" style="width: 150px">
<a href="index2.php?broski" title="броски в баскетболе">Броски</a>в)
class="dropmenudiv" style="width: 170px">
г) новости
<div class="block"><h2>НБА. Регулярный чемпионат.</h2><p class="block">
<span class="block">
13 Apr 2008 Jazz 124, Nuggets 97 (F)д)
margin-left:15px; margin-right:5px; margin-top:5px; margin-bottom:5px;
е) тэг
общая оценка - 2
-
yopopt возможно, но к верстке уже не относится
-
Vlad я про 1024 поэтому и спросил, что не проверял сам, до работы доберусь исправлю
yopopt а что с картинками, по конкретнее можно? если имется ввиду обработка, то сорри пришлось верстать с jpeg-a, косяк class="border" убрал, отладка забылась.
-
Northwood надеюсь не версткой ?
-
http://andrvm.ru/portf/gazeta/ вот наваял от нечего делать, а то пропадал дизайн =)
1. Просьба оценить только верстку, нужна любая критика и замечания, интересуют также любые замечания по оптимизации.
2. Кто-нибудь знает решение для задания стиля первому потомку элемента для IE6, например #id p+h2?
ЗЫ: совсем забыл, не тестировал в IE7 (под рукой нет в данный момент) и есть ли ли косяки при 1024х768?
Заранее всем огромное спасибо!
-
Dimitry Wolotko все, что может быть сверстано дивами - надо верстать дивами. легких путей лучше не искать.
-
DMGaster понятно, что дизайн есть всегда, с этой точки зрения я тогда выражусь, что дизайн очень плохой - никакой. можете зайти на deforum.ru и запостить там ваше сообщение, если вы продержитесь на этом форуме и ваше сообщение не закроют, то я был неправ
верстайте всегда дивами, таблицы только для вывода структуированной информации (различия между данными типами верстки найдете в инете), в вашем случае все можно сделать красиво и компактно (по коду) с помощью блочной верстки и css. ссылки, например у вас оформлены в ячейках таблицы, зачем? гороздо компактнее и правильнее можно делать (нужно!) через
<ul></ul>
и применять соответствующий стиль.
Доктайп это
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
в вашем случае он некорректен, для чего нужен и какой должен быть - найдете в инете.
-
бегло пробежался: количество дивов можно и сократить, таблицу стилей лучше привести в читаемый вид
-
1. дизайна нет
2. верстка таблицами оцениваю как "плохо"
3. доктайп левый
-
Fu-tai я к сожалению не дизайнер может когда-нибудь и доведу до ума
Tokolist рисунки черестрочные
-
strix по поиску и заголовкам - задумано так, контента мало, было бы контента побольше..
-
-
в стиль добавить line-heigh, значения line-height и width в стиле должны совпадать, т.е.
#level {
background: #c1c1c1;
width: 50px; line-height:50px;
margin: 0px auto;
} -
2 таблицы стилей, которые переключаются js
-
Fu-tai большое спасибо за замечания, учел
что касается размещений элементов дизайна на странице (собаки, текста и т.п. ) - изменить не могу, таков дизайн , который кстати не мой.
Не понял только про кодировку utf-8? Прикол? и про ластик если можно поподробнее - не сталкивался еще пока...
-
Ну если верстку, то ошибки имеются.
так нельзя писать, убирай px.
но валидатор ( ) говорит, что все правильно
-
strix по поводу пунктов 3, 4, 7 не могу - таков утвержденный дизайн макет, по поводу оптимизации css учел, спасибо.
А по поводу ФФ там вроде косяков нет...
-
Сайт - www.planetmebel.ru (без контента пока)
Верстка блочная
Хотелось бы услышать мнение форумчан о верстке.
Заранее спасибо...
http://vilia.4html.ru/
in Discussion of works
Posted
1. убрать стили из кода (как уже отмечалось выше);
2. меню в список;
3. зачем ссылки обрамлять блоками, в то время как есть такая штука как display?
4. зачем картинки с абсолютным позиционированием обрамлять блоками?
5.
в список;
6. таблицу убрать;
7. таблица стилей ужасна, плохо читаемая избыточная!
в целом - плоховато, избыточно.