PDA

Просмотр полной версии : Главная страничка


A-Spt_N(o)
27.04.2007, 21:10
К сожалению я не являюсь гением html. У меня возникла проблема при построении Главной странички. Проблема в таблице.

Есть основная таблица с встроеной картинкой. Нужно правильно построить дополнительную таблицу в которой будет заключена картинка кнопки. Не могу правильно расположить ее:(

Подробности тут: 220-v.net

Помогите пожалуста.

Developer
27.04.2007, 21:28
Да сойдет с небес дримвевер тебе в помощь. Или FrontPage.

A-Spt_N(o)
27.04.2007, 22:11
Да сойдет с небес дримвевер тебе в помощь. Или FrontPage.

А если в ручную?

hidden
27.04.2007, 23:10
Первый вариант решения проблемы с таким расположением меню, это разделить фон на отдельные фрагменты, которыми потом заполнить соответствующие элементы таблицы. Естественно у него есть свои плюсы и минусы, например в твоём случае уменьшится коэффициент сжатия.

Второй вариант, выровнять меню первыми ячейками таблицы.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>220-V Развлекательный портал</TITLE>
</HEAD>
<BODY bgcolor = #000000>
<center><IMG SRC="index-img/220-v.net.jpg" BORDER=0 ALT="220-V.NET"></center>
<center>
<TABLE BORDER=0 WIDTH=625 HEIGHT=625>
<TR><TD background="index-img/board.jpg" CELLSPACING=1 align="left" valign="top">
<TABLE BORDER=0>
<TR><TD WIDTH=80 HEIGHT=27></TD><TD WIDTH=100 HEIGHT=180></TD></TR>
<TR><TD></TD><TD HEIGHT=27 background="index-img/forum.jpg">&nbsp;</TD></TR>
<TR><TD></TD><TD HEIGHT=27 background="index-img/forum.jpg">&nbsp;</TD></TR>
<TR><TD></TD><TD HEIGHT=27 background="index-img/forum.jpg">&nbsp;</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
</center>
</body>
</html>А полностью поправлять не стал, просто учитывай, что все теги нужно закрывать, значения параметров в тегах должны быть в кавычках: height="27", не забывай про !DOCTYPE, для начала думаю тебе хватит.

Кстати а FrontPage или Dreamware тебе тоже не помешает, очень удобно даже когда пишешь вручную, сразу наблюдать результат.

ЗЫ http://validator.w3.org/check?verbose=1&uri=http://220-v.net/

r0
27.04.2007, 23:31
Если проблема с таблицами - самое время от них отказаться.

A-Spt_N(o)
28.04.2007, 01:45
Большое спасибо тебе hidden. Остались еще хорошие люди на этом свете)

Если проблема с таблицами - самое время от них отказаться.

Отказатся можно. Но... Первое я не хочу повышать размер страницы, он и так довольно велик из-за качество графики. Да и смысл брать и запутавать код? Это глупо. Лучше сделать все коротко и ясно.

r0
28.04.2007, 01:48
Как раз наоборот...
Почитайте Джеффри Зельдмана, вразумляет..
А полностью поправлять не стал, просто учитывай, что все теги нужно закрывать, значения параметров в тегах должны быть в кавычках: height="27", не забывай про !DOCTYPE, для начала думаю тебе хватит.

+ указывать кодировку
+ все атрибуты должны иметь значение(типа cheked="checked")
+ названия писать в нижнем регистре
+ использовать html-сущности(если интереусет большой список, сделайте поиск по моим темам)

A-Spt_N(o)
28.04.2007, 02:30
Как раз наоборот...
Почитайте Джеффри Зельдмана, вразумляет..

+ указывать кодировку
+ все атрибуты должны иметь значение(типа cheked="checked")
+ названия писать в нижнем регистре
+ использовать html-сущности(если интереусет большой список, сделайте поиск по моим темам)

Первое... Нафига мне кодировка, когда вся страница состоит из картинок и картинки являются ссылками.

Второе я и так все названия использовал в нижнем регистре.

Третье... Чтобы создать данную страничку без таблиц, мне бы потребовалось в 5 раз больше времени, и скорость загрузки уменьшилась где-то в двое(как минимум).

Я только на то чтобы правильно нарезать картинки потратил бы около часа.

А так... На создание у меня ушло менее 15 минут(если не учитывать задержку), скорость загрузки...(учитывая размеры), плюс нет частичного отображения каждого участка картинки, которое было бы если я ее разрезал на фрагменты(это не особо красиво выглядит).

А щас.... http://220-v.net заходи:)

Developer
28.04.2007, 13:08
[qoute]+ указывать кодировку
+ все атрибуты должны иметь значение(типа cheked="checked")
+ названия писать в нижнем регистре
+ использовать html-сущности(если интереусет большой список, сделайте поиск по моим темам)[/quote]

Это xHTML 1.X

ЗЫ: Если хотите валдиный код писать вручную - ознакомьтесь с W3 стандартами, и, как дополнение, можно юзать плагин для Mozilla который проводить валидацию каждой загружааемой страницы и выдает информацию по ошибкам в коде. Можно и W3 Online Validaor юзать.

hidden
28.04.2007, 20:29
Та не надо на него так всё обрушивать, я ему дал основные понятия и ссылку на валидатор, он и подскажет остальные ошибки и даже подробно распишет в чём они заключаются.

A-Spt_N(o)
29.04.2007, 22:05
Та не надо на него так всё обрушивать, я ему дул основные понятия и ссылку на валидатор, он и подскажет остальные ошибки и даже подробно распишет в чём они заключаются.

Еще раз большое спасибо:)


Тему можно закрыть!!!