kalyaka-malyaka

первый сайт в качестве кого? диазйнера, верстальщика, программиста, владельца сайта / автора составителя контента?

первый совет: попросить/нанять дизайнера для изготовления дизайна сайта. сейчас дизайна нет. хороший дизай - это не просто красивая картинка, наличием которой можно и пренебречь. грамотно выполненный дизайн сособствует максимально продуктивному восприятию контента сайта. дизайнер создает атмосферу, работая с графическим материалом, цветом, шрифтами. он располагает и оформляет информационые блоки так, чтобы это было и красиво, и - главное удобно, читабельно и информативно. сейчас таблицами расписания пользоваться неудобно. логика цветового разделения пунктов меню интуитивно не понятна. ну и расположение блоков хаотично и бессмысленно. ну и код, конечно... не хотите комментариев - не буду. хотя очень хочется. и верстка текста. "При Т воздуха ниже -20 на 6 часов утра лыжные походы отменяются" - температуру можно и словом написать. а вот единицу измерения этой температуры и точку в конце предложения зря не поставили. ну и много чего по мелочи в тексте.

ссылки в верхнем меню приходится долго ловить мышкой. сделайте им display: block, что ли а в правом меню, наоборот, кликабельность ссылки занимает гораздо больше площади, чем картинка для этой ссылки. с отключенными картинками на сайте просто делать нечего. ни альтов, ни титлов. еще хотелось бы какой-то реакции при наведении на ссылку. не реагироующие на ховер ссылки раздражают, как несрабатывающий выключатель. а в контенте что-то кроме картинок будет? вообще, странно как-то сайт смотрится. контента нет. одни картинки. информаци - ноль. даже "рыбной" - ноль. только оформление. ну и выключение сайта влево, несколько раздражает людей_с_большим_разрешением. полэкрана - белое поле, шея вывихивается влево.

только в ie сдвигает. я уже смирилась с пустышками

вот дура спасибо )))))))))) а про отступы - уже так и делаю. хотя некрасиво

всем привет. табличка должна быть такой: http://www.afi-pallada.ho.ua/table/table.jpg a получается такая хрень: http://www.afi-pallada.ho.ua/table/signup.html код: <div class="right"> <table cellpadding="0" cellspacing="0"> <tr> <td class="left th no-bg">Feature</td> <td class="th">Members</td> <td class="th">Non Members</td> </tr> <tr> <td class="left">Play Short Clips</td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> </tr> <tr> <td class="left">Play Full Videos</td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/no.gif" width="15" height="15" alt="no" /></td> </tr> <tr> <td class="left">Download Full Videos </td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/no.gif" width="15" height="15" alt="no" /></td> </tr> <tr> <td class="left">Upload Videos </td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/no.gif" width="15" height="15" alt="no" /></td> </tr> <tr> <td class="left">Comment, Rate Videos </td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/no.gif" width="15" height="15" alt="no" /></td> </tr> <tr> <td class="left">View User Submitted Photos & Videos </td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/no.gif" width="15" height="15" alt="no" /></td> </tr> <tr> <td class="left">Another feature </td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/no.gif" width="15" height="15" alt="no" /></td> </tr> <tr> <td class="left">Another feature </td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/no.gif" width="15" height="15" alt="no" /></td> </tr> <tr> <td class="left">Another feature </td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/no.gif" width="15" height="15" alt="no" /></td> </tr> <tr> <td class="left">Another feature </td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/no.gif" width="15" height="15" alt="no" /></td> </tr> </table> </div> стили: .right { float: left; padding: 0px 14px 0px 6px; width: 453px; } .right table { border-collapse: collapse; } .right table td { border: solid 1px #d3d3d3; text-align: center; vertical-align: middle; width: 94px; color: #1c1c1c; } .right table td.left { text-align: left; vertical-align: middle; width: 250px; } .right table td.th { color: #ff2326; font-size: 16px; font-weight: bold; text-align: left; height: 54px; } .right table td.left, .right table td.th { background-color: #f0f0f0; } .right table td.no-bg { background-color: transparent; } что ее распирает, заразу, по высоте? помогает только жесткую высоту поставить. но мне жесткая не нужна, хотела просто padding использовать. почему в левом столбике текст не middle? почему в том же левом столбике collapse не срабатывает? я уже ничего не понимаю и еще совет нужен. расстояния между шапкой и телом и между столбиками видите? как посоветуете их сделать? margin не работает. cellspacing будет по всему периметру и во всех ячейках отступать. а пустые ячейки для отступа делать - неспортивно как-то, не хочется. есть какие-нибудь варианты?

при проверке на разрешении 1024*768 футер везде*, кроме ie6, выглядит так: http://www.jetScreenshot.com/demo/57hoabdc-117kb.jpg в мозилле и сафари картинки кнопок "на главную", "в избранное", "карта" и ссылки не совпадают: http://www.jetScreenshot.com/demo/5vfh3ytv-7kb.jpg к тому же, на этих кнопках нет титлов. если я не знаю, что значат домик, конвертик и непонятная штуковина из палочек и точечек, то вообще не ясно, куда я попаду, ткнув в кнопку. ну и кодировка, конечно. только все это называется не "оцените верстку", а "найдите мои ляпы". почему вы сами все это не проверили? даже знаний html не нужно, чтобы увидеть сбитую кодировку, проверить в разных браузерах при разных разрешениях, навестить на все кнопки-ссылки. —————————- поняла, что надо уточнить. * - мое "везде": ie6, ie7, Mozilla Firefox, Opera, Safari.

я путаюсь, кому и на что ты отвечаешь. может, цитирование пользовать?

ну и по валидности там вопросы. доктайпа таки да нет. одинарные теги не все закрыты, альтов в img нет. и это на крохотулечной страничке. а картинки в галерее с кириллицей и пробелами в названиях - это вообще как-то несолидно. кстати, тамбы в галерее неплохо бы иметь отдельные - грамотно ужатые до нужных размеров. отвратительно же браузер жмет.

дизайн - 0/5 его и в самом деле нет. сайт фотографа просто обязан быть стильным, с фишкой какой-то. чтобы понятно было из дизайна, что у этого фотографа вообще есть вкус, чувство стиля, гармонии - и что еще там нужно фотографу? в этом сайте направление деятельности не понятно ни из дизайна, ни из названий ссылок. хоть бы в title намекнули - так и там нет. 3 плохо пережатых джипежки в шапке дела не проясняют, только мусор на странице своими артефактами создают. цветовая гамма навевает что-то поликлиничное. у моего стоматолога все халаты-салфетки-бахилы такого цвета. но стены там и то веселее, чем гамма этого сайта. функциональность - ну она же тянутая? чего оценивать-то? ну, галерея... юзабилити - 1/5 зашла в "для души". поняла, что промахнулась. как в "для денег" зайти? только вспоминать, что кнопка на главной была. о, пока писала, титл добавился. но всего остального это не исправило.

оговорить, что куда должно тянуться по вертикали и горизонтали. обсудить функциональность - что должно быть ссылками, что кнопками, что списками, блоками, таблицами. идеально - обсуждать это вместе с программистом (если он предполагается в команде). проверить тексты на предмет использования нестандартных шрифтов. обнаружив такие, возвопить "это будет картинками". услышав, что это неприемлемо, вернуть макет дизайнеру для доработки/замены шрифтов на те, которые точно есть у всех. по возвращении макета проверить еще раз. возмущенных клиентов, которым "нравилось, как было раньше", отослать к дизайнеру, который пролюбил этот момент. кроссбраузерность, валидность, соответствие макету пипетка + экранная линейка *гусары, молчать!* кроссбраузерность, валидность, соответствие макету

так в css надо пути к картинкам тоже нужно поменять. было background: url('1.gif') должно стать background: url('../1.gif')

ну и border: none

так лайтбокс и работет в том же окне, новым слоем http://www.lokeshdhakar.com/projects/lightbox2/

погуглите ssi. ИМХО, это лучше, чем фреймы. и с его помощью можно не только меню на все страницы подгрузить, но и еще кое в чем облегчить себе жизнь.

вот это .pollBut, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background:url('http://src.ucoz.ru/t/997/3.gif') #6EACCE;color:#FFFFFF;border:1px outset #615E58;} написано в файле help.css фоном - синяя картинка а это .pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;height:18px;background:url('http://src.ucoz.ru/t/831/8.gif');text-transform:lowercase; font-size:10px;color:#FFFFFF;border:1px outset #2C3D52;} в my.css фоном - черная картинка запись <style type="text/css" media="all"> @import url(/css/help.css); </style> у вас в html идет заньше, чем запись <link type="text/css" rel="StyleSheet" href="http://file-planet.3dn.ru/_st/my.css"><script type="text/javascript" src="/js/vp.js"></script> когда в css одни и те же свойства одного и того же класса описываются больше одного раза, отрабатывается последняя запись. и бэкграунд ваш работает так, как описано в my.css, потому что my.css грузится после help.css. кстати, тег <link> надо ставить в <head>, а не в <body>. и вы не путаетесь в таком количестве css-файлов с пересекающимися классами?

потому что контент и левое меню - флоаты, плавающие блоки. нужно для #downmenu добавить clear:both

бл... т. е. ой! я его почему-то во втором случае через "и" написала. позор на мои седины :-D эвфемизм он. но лучше гугла у меня не получится объяснить ))))))))))) это иносказательная замена неприличных или неудобных слов. "беременная" = "в интересном положении". "пьяный" = "под шофе", "навеселе". дальше сам додумаешь?

есть несколько нюансов значения и несколько областей применения слова иногда антагонист - нечто, наделенное противоположными чему-либо свойствами. а если вспомнить, что одним из эвфемизмов того_что_я_имела_в_виду является слово "хер" (для модераторов: подразумевается вполне цензурная буква русского дореформенного алфавита), производное от которого "похерить" означает "перечеркнуть, отменить, уничтожить", то и сему отрицания, свойственную антагонизму, в моем эвфимизме нарыть можно.

ответ очевиден: антагонистом сисек, столь же выдающимся.

да статья википедии - готовый доклад/реферат на 8 страницы с содержанием и списком литературы

прелесть

так. не нужен. потому что голый html без css уже ушел в прошлое. сейчас с помощью html делают только разметку страницы. указывание положения каждого элемента разметки, шрифты, цвета, фон, отступы - все это описывается с помощью css. поэтому полный справочник, но только по html не даст полной картины вот, например, хорошая книга: Дженнифер Нидерст Роббинс "Web-дизайн. Справочник." содержание: http://www.books.ru/contents?id=532958 вообще, книги издательства O’Reilly, как правило, толковы и полезны. но я согласна с rash'ем. книжных магазинов полно, как реальных, так и виртуальных. я обычно иду в магазин (настоящий), роюсь на полках, смотрю содержание, смотрю стиль изложения. устраивает - покупаю.

rash йес!!!!! флоат!!!!!!! чмок

не, инлайн делает список горизонтальным