VFK
-
Публикации
55 -
Зарегистрирован
-
Посещение
Сообщения, опубликованные пользователем VFK
-
-
На самом деле валидность это не так сложно. Если надо что-то конкретное, то могу выделить _http://xhtml.ru/. Хотя не спорю валидных сайтов не так много. На многих крупных сайтах на верстку страшно смотреть. Но не стоит на них ровняться. Чтобы сверстать валидно, достаточно знать спецификацию.
-
Если сравнивать табличную и блочную верстку, то блочная верстка лучше. Меньше кода, сайт грузится быстрей, код получается логичней... Блочную верстку также называют "верстка слоями", "верстка на дивах". Под CSS версткой подразумевается верстка с полным выносом всех свойств в css. По сути, она может быть, как табличная, так блочная, но, как правило, имеется в виду именно блочная.
С валидной версткой все просто - это верстка без ошибок. Если код без ошибок, он проходит валидацию.
-
empirator,
не вижу здесь проблемы. Скорее всего, путь прописан неверно. Напишите нам полный адрес, где лежит script.js и где html-файл
-
Честно говоря, для веб-дизайнера не очень… Дело даже не в простоте. Если вы решили сделать простую страничку она должна быть отточена со всех сторон. У вас же все весьма сыро. Первое что бросилось в глаза и сразу не понравилось - положение контента на странице. Вероятно, задумано сделать его по центру, ну так и сделайте его точно по центру. Верстка тоже далека от идеала, сам код неплохой, но подход не верный. Такой дизайн я бы сверстал совершенно иначе.
В целом, впечатление не плохое, но как веб-дизайнер вы меня не привлекли. Думаю, над сайтом еще стоит поработать.
-
жестокий диз, не сразу понял что происходит.Зачем надо было лепить все через z-index... а как же background-ы...
Чтобы из этого сделать нормальный скин надо верстать кардинально в другом ключе. То, что сейчас - разрывает мозг, как со стороны пользователя, так и со стороны верстальщика. В общем, могу сделать то, что вы хотите. При условии значительной переверстки. Если интересно, пишите в личку.
-
Плохо... как дизайн, так и верстка. Напоминает однодневные сайты с narod-а.
Сожмите лого, 150кб это слишком. Раз в 5 легче точно получиться.
-
lifestar,
это необязательно, сработает и без display:block.
ps: по сути даже width, height ненужно. Если следить за стилями родительских элементов
-
Vano
Конечно, это решит проблему. Но неужели вы ради такой мелочи готовы загадить свой код spacer-ами. По-моему нет такой ситуации, где нельзя было бы обойтись без 5px высоты ячеек. А тут еще и spacer-ы…
Если кому-то нравится такой тип решений, могу предложить куда более изящный пример:
b{ width:1px; height:1px; } <table> <tr> <td><b></b></td> </tr> </table><b></b> в данном случае забивает пустоту, альтернатива пробелам и spacer-ам.
Но я не использовал бы такого рода способы.
-
1) <table> <tr> <td> <div style="width:1000px;overflow:hidden"><img src="big.jpg" /></div> </td> </tr> </table> 2) <div style="width:1000px;overflow:hidden"> <table> <tr> <td> <img src="big.jpg" /> </td> </tr> </table> </div>
В этом случае лишнее будет скрыто
-
ps: В пустые ячейки надо прописать код пробела, форум их съел.
-
Дело в том, что высота ячейки не может быть меньше высоты шрифта. Если для ячейки с высотой 5px указать шрифт менее 5px, то это исправит проблему (пример ниже), но это не выход. По стандартам ячейка не может содержать шрифт менее 9px, соответственно, в приличных браузерах, следующих стандартам (например Opera), ячейка будет, в лубом случае не менее 9px.
Наилучшее решение: не делать ячеек высотой меньше 9px
<table width="200" border="1" cellpadding="0" cellspacing="0"> <tr style="font-size:3px"> <td height="5" style="background:url({THEME}/images/bloc/l.gif) no-repeat;"> </td> <td style="background:url({THEME}/images/bloc/v.gif) repeat-x;"> </td> <td style="background:url({THEME}/images/bloc/p.gif) no-repeat;"> </td> </tr> <tr> <td width="5" style="background:url({THEME}/images/bloc/l.gif) repeat-y;"> </td> <td width="190" align="left"> <table width="100%" border="0" cellspacing="5" cellpadding="0"> <tr> <td align="left" valign="top"><div class="h2">Авторизация</div> {login} </td> </tr> </table> </td> <td width="5" style="background:url({THEME}/images/bloc/p.gif) repeat-y;"> </td> </tr> <tr style="font-size:3px"> <td height="5" style="background:url({THEME}/images/bloc/ln.gif) no-repeat;"> </td> <td style="background:url({THEME}/images/bloc/n.gif) repeat-x;"> </td> <td style="background:url({THEME}/images/bloc/pn.gif) no-repeat;"> </td> </tr> </table> -
lifestar, огроменное спасибо! все работает, только
<script type="text/javascript>
поправил на<script language="JavaScript">
А зачем, можно поинтересоваться? Насколько мне известно, параметр type является обязательным.
-
В браузерах Firefox, Internet Explorer 5.5/6.0 все разваливается
Скроллинг происходит с какими-то тормозами, похоже, это из-за чата.
За блочную верстку, хоть и не очень удачную - жирный плюс
Проверял на 1024х768
-
Дизайн никакой.
-
Нормально... Диз может и не оригинален, но, по крайней мере, приятен и не отталкивает.
Панель знакомств на 1024х768 перекосила правую колонку... портит всю картину
-
К примеру, если создать блок <div></div>, присвоить ему font-weight:bold. Внутри этого блока создать еще один блок <div></div>, но уже ничего не присваивать. Текст внутри второго блока будет жирным...
Надо, либо добавить к своему классу font-weight:normal, либо искать блок, который вручил свои свойства вашему элементу
<div style="font-weight:bold"> Жирный текст <div>Унаследовал жирный текст</div> </div>
-
-
С качеством изображений явно перестарались. Этот сайт можно сделать более чем в 4 раза легче, без каких-либо потерь качества. Так же заметил странную неровность, основные блоки не симметричны относительно друг друга. То ли так задумано, то ли кто-то серьезно промазал...
Ну а дизайн понравился... красиво
-
обозначьте сроки конкурса
+ неплохо бы определить минимальное число участников, чтобы считать конкурс удавшимся. Вдруг к назначенному сроку будет 1-2 человека с не интересными работами.
Походу все как-то не организовано получилось ...
-
По горизонтали
text-align:center
Если по вертикали, то лучше через отступ сверху (padding-top).
-
О хоть кто-то пытается верстать по-человечески, на свалки таблиц уже смотреть не могу...
1) Ширина элемента формируется путем сложения значений width, padding... В твоем случае "подвал" содержит отступ 10px с двух сторон, 750px + 10px + 10px = ширина "подвала"
2) Не понял ситуацию...
3) У тега div нет параметра background, указывать только через css.
-
Откройте main.tpl, найдите блок "Навигация по сайту". Найдите теги ссылок, вроде
<a href="#">О сайте</a>
и замените "#" адресом соответствующей страницы.
-
Дизайн неплохой, но реализовано по DLETemplates-овски )... со всеми их плюсами, мииинусами, и давно приевшимися фишками.
Как навигацию (ссылки) сделать, блоки и т.д.Не понял, что вы имеете в виду
-
По-моему хорошая идея. Получается, конкурс на лучший дефолтовый шаблон. И даже денежное вознаграждение здесь ненужно, включение шаблона в сборку dle весьма неплохой стимул. Я, в свою очередь, могу посодействовать в верстке. К примеру, с удовольствием сверстаю дизайн победителя.
Резина Или Нет?
в Вебдизайн
Опубликовано:
Что лучше фиксированный или резиновый надо решать исходя из дизайна. И тот и другой вариант в конкретном случае может оказаться ошибочным. Фикс, на мой взгляд, более стабильный и современный вариант. В любом устройстве на любом разрешении сайт будет выглядеть так, как задумано. Резину, сложно сделать стабильной, как правило, не обходится без хаков или тегов засоряющих код. Почти всегда остается ситуация, при которой сайт будет выглядеть не так, как задумано. Тем не менее, в некоторых случаях резина может быть очень полезной.
Что касается ширины фиксированного сайта, то, конечно, надо делать под 1024х768. Можно меньше, но не больше. Если этой ширины мало, то самое время подумать о резине.