Проверка грамотности верстки

12
Sla_Dom
На сайте с 18.02.2006
Offline
252
1155

Собственно поспорил, кто больше найдет багов в верстке

Страница вот

Ребят, помогите.

1 голова хорошо, а две лучше.

Вдруг что не заметил, да и вообще

Zlo_606ep
На сайте с 14.12.2006
Offline
129
#1

Да, собственно, больше чем http://validator.w3.org, наверно, никто не найдет.

Хотелось бы посоветовать сразу заменить & на & в url ссылок.

p.s. Можете про конкретные ошибки спросить - помогу, чем могу.

p.p.s. Люблю валидность

Sla_Dom
На сайте с 18.02.2006
Offline
252
#2

Zlo_606ep, спасибо, дружище

Но тут дело не столько в валидности, сколько в грамотности миенно решения

Т.е. пример

вместо <br><br> использовать <p>

и тому подобное

P.S. все равно спасибо за отклик

Zlo_606ep
На сайте с 14.12.2006
Offline
129
#3

Про грамотность решения:

1. <br><br> лучше убрать, добавить в стиле (style.css), margin для <p> - кода меньше, тот же эффект.

2. У Вас закралась опечатка: "<div class="date">04/02/2007</div><div class="text">.</div>" (170 строка).

3. В 157 строке очень большой h3, возможно тоже опечатка.

4. В 137 строке - пустой div.

5. <p><center> лучше заменить на <p align="center">

6. двойные пробелы заменить на 1, все равно браузер их объединит.

7. <a class="black"> - лучше определить класс у таблицы с этими ссылками, а в стиле указать: table.black a (то же, что и a.black).

8. Я бы заменил <div class="more"><a href="news.php"><img src="img/butt_more.gif" width="68" height="16" alt=""></a></div> на <div class="more"><a href="news.php">Read more...</a></div>, в стиле бы определил для <a>: display:block;width:xx;height:yy;background:url(/img/butt_more.gif);overflow:hidden;

text-indent:xx+5;line-height:yy+5; тогда бы это стали текстовые ссылки с картинкой в фоне, текст в них бы выходил за пределы блока и скрывался.

p.s. Нет предела совершенству...

Василий Ткачев
На сайте с 19.05.2005
Offline
481
#4

http://www.htmlhelp.com/cgi-bin/validate.cgi?url=http%3A%2F%2Fwww.aliativa.net%2Fworldnews%2Fnews%2F645.html

http://validator.w3.org/check?url=http%3A%2F%2Fwww.aliativa.net%2Fworldnews%2Fnews%2F645.html

вот ошибки..

а вообще если говорить о валидности, то и флэш вставляется не так и лучше тогда уж реализовывать все дивами

и почему используются правила xhtml, если доктайп 4-ки

Продвигаем естественно ( http://www.inetessentials.ru/ ) и непринужденно. Практический курс по оптимизации ( https://allintop.ru/optimization/ ) - без воды и на основе сайтов студентов. Ежегодная конференция All in Top Conf (https://www.allintopconf.ru/)
deleon
На сайте с 16.09.2004
Offline
173
#5

Куча незакрытых одиночных тегов типа meta и img не закрыты. Это сразу бросилось в глаза. Относительные пути пиши с лидирующим слешем:

<img src="/img/butt1_left.gif" width="3" height="21" alt="">

вместо

<img src="img/butt1_left.gif" width="3" height="21" alt="">

Так в дальнейшем избежишь проблем с несуществующими путями.

Чтобы минимизировать телодвижения при дальнейшем изменении DOCTYPE, можно заменить тег center на <div align="center">

Sla_Dom
На сайте с 18.02.2006
Offline
252
#6

Спасибо всем за отзывы...

Ждем еще :)

Sla_Dom
На сайте с 18.02.2006
Offline
252
#7
Zlo_606ep:

Хотелось бы посоветовать сразу заменить & на &amp; в url ссылок.

там вроде все с модреврайт, где такое увидел?

kpuk
На сайте с 22.04.2006
Offline
89
#8

Не честный спор получается.

Sla_Dom
На сайте с 18.02.2006
Offline
252
#9

kpuk, ну что вы в самом деле

оптимизаторы - сила :)

skat
На сайте с 02.08.2005
Offline
104
#10

sla, не по теме конечно, и не мое дело по большому счету, но мне тетка, та которая reliable, показалась мерцкой, вся такая серокожая... посветлее бы, тогда не будет бросаться в глаза...

Saturnus
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий