Jump to content

klierik

Administrator
  • Posts

    5,038
  • Joined

  • Last visited

  • Days Won

    125

Everything posted by klierik

  1. Дело в том что начиная верстать ты уже привыкаешь делать ошибки. Сейчас ты это делаешь осознанно, а вот через пол года ты будешь их плодить автоматически. Избавится от них в будущем будет тяжелее нежели сейчас пресекти. В остальном товарища ablay2009 дополнить нечем.
  2. Дизайн с тииле сталкера выдержан. в полумраке вполне даже ничего. но вот днем попросту ничего не видно. а шапку то вообще и подавно ( но так как топ в рамках дизайна в стиле сталкера, то все вполне хорошо )
  3. а что использовать <span> не комильфо? растянуть не поулчится, а вот min-width тут вполне подойдет.
  4. Тут лучше использовать не слайсы а Trim. 1. прячем все слои и оставляешь только тот каоктрый должен быть в итоге в PNG/JPG 2. потом идешь: Image -> Trim. Фотошом саб обрежет все что лишнее размер холста будет равен рисунку 3. потом, в данном случае, включаешь слои с черным и белым фоном (ПСД не видел, но предпологаю что они быть должны) 4. сохраняешь в ПНГ через: File -> Save for Web. Прозрачность включена. Тут, кстати, вполне подойдет JPG, так ак полупрозрачность тут не требуеся, вроде как
  5. 1. Зачем в верстке так много ID? Для чего ID был создан, по спецификации? 2. <div id="Pellentesque"> <h1>Pellentesque vestibulum erat.</h1><br> <font> Duis nisl. Cras a quam non leo placerat lacinia. Proin in nulla. Sed a ligula at<br> quam vulputate auctor. Vivamus mi lacus, feugiat eget, parta ut, fermentum<br> nec, nisi. Maecenas vel orci eu nunc accumsan scelerisque. Class aptent taciti<br> sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis<br> luctus sapien eu leo. Etiam hendrerit leo eu metus. Morbi sagittis. Nulla lacinua<br> justo quis lorem. </font> </div> тег <br> в даннм случае использовать не целесообразно, ибо есть margin. тег <font> устарел морально, используй <p> 3. <div id="Q"> Предположим что ты сверстал правильно - на классах, а не на ID. Во-первых, с этого "Q" - ничего не понятно, а код должен быть читабельным для другого разработчика. Ты не единственный. И не используй Заглавных букв в именах классов, так как CSS - регистрозависим. 4. <div id="Nullam"> <h1>Nullam vitae leo vel pede sollicitudin suscipit.</h3><br /> <font> Nulla in velit nec metus pharetra bibendum. Donec metus leo, feugiat sed, aliquet facilisis, pulvinar ac, mauris. In<br /> feugiat sagittis nunc. Maecenas vehicula venenatis arcu. Aenean vivierra consectetur neque. Aliquam blandit<br /> bibendum lacus. In non nisi. Fusce facilisis pulvinar tellus. Ut vitae purus ac odio fringilla pulvinar. Quisque consecte-<br /> tur, uma sit amet fringilla tempus, neque consequat eros, ac dignissim quam elit vel turpis. Donec sollicitudin<br /> mauris at purus suscipit sodales. Nunc rutrum ornare lacus. Maecenas accumsan turpis sit amet arcu. Nulla neque. </font> </div> <div id="Nullam2"> <h1>Nullam vitae leo vel pede sollicitudin suscipit.</h3><br /> <font> Nulla in velit nec metus pharetra bibendum. Donec metus leo, feugiat sed, aliquet facilisis, pulvinar ac, mauris. In<br /> feugiat sagittis nunc. Maecenas vehicula venenatis arcu. Aenean vivierra consectetur neque. Aliquam blandit<br /> bibendum lacus. In non nisi. Fusce facilisis pulvinar tellus. Ut vitae purus ac odio fringilla pulvinar. Quisque consecte-<br /> tur, uma sit amet fringilla tempus, neque consequat eros, ac dignissim quam elit vel turpis. Donec sollicitudin<br /> mauris at purus suscipit sodales. Nunc rutrum ornare lacus. Maecenas accumsan turpis sit amet arcu. Nulla neque. </font> </div> а если завтра заказчик захочет что бы на главной було не 2 абзаца с текстом а восемь? Как ему ето реализовать? К тебе опять обращатся и платить деньги? Ведь, я надеюсь, мы оба понимаем что дублировать ID нельзя. 5. А что ето за прокол http://tmpviewer.16mb.com/img/blk.png 6. <a href="#"><img src="img/read_more.gif" alt="Read More"></a> порезал не правильно, надо было в ПНГ сделать по-человечески. А вообще -то тут картики то и быть не должно вовсе, так ак завтра заказчик переведет сайт на Голландский, и что ему делать? Нарезать новые картинки? незачет.
  6. Нужно считывать что вводит пользователь в первое поле и сравнивать с требуемым значением. и в случае если строки совпадают - показать второе поле.
  7. как-то ты так странно рассказал.. это ты проект делашеь и у тебя странички рендомно генерируются чтоль?
  8. эта комбинация сгенерирует следующее: <div class="list"> <ul> <li><a href="#"><img src="my-image_1.png" alt="" /><span></span></a></li> <li><a href="#"><img src="my-image_2.png" alt="" /><span></span></a></li> <li><a href="#"><img src="my-image_3.png" alt="" /><span></span></a></li> <li><a href="#"><img src="my-image_4.png" alt="" /><span></span></a></li> <li><a href="#"><img src="my-image_5.png" alt="" /><span></span></a></li> <li><a href="#"><img src="my-image_6.png" alt="" /><span></span></a></li> <li><a href="#"><img src="my-image_7.png" alt="" /><span></span></a></li> <li><a href="#"><img src="my-image_8.png" alt="" /><span></span></a></li> <li><a href="#"><img src="my-image_9.png" alt="" /><span></span></a></li> <li><a href="#"><img src="my-image_10.png" alt="" /><span></span></a></li> </ul> </div> ну не красота ли
  9. существенно ускоряет скорость набора верстки. к примеру что бы сделать список с картинками и ссылами достаточно написать: div.list>ul>li*10>a[href="#"]>img[src="my-image_$.png"]+span до чего ж удобно, блин по сабжу ИМХО: Под виндой всегда юзал DW+TopStyle. Как бы не пробывал слезть с тормазнутого DW так аналогов (так чтобы мне подходило) так и не нашел. Ну а альтернативе TopStyle пару лет назад так вообще не было.
  10. тень находится на странице, а не на картинке. в центре обычный DIV блок с CSS3 тенью
  11. тебе чтоль тень нарисовать надо?
  12. после перезагрузки страницы следует к <a> докидывать класс активного пункта меню.
  13. а я по твоему в своем посте что сделал? о_О
  14. а соклько ты его делаешь то? хмъ, интересно что бы ты сказал если бы делал один проект эт так месяцев 6
  15. непонятна мне задача )
  16. 1. <table width="100%" cellspacing="5" class="preview"> атрибуты лишние, можно обойтись CSSом 2. <table width="200px"> <tr height="75px"> <td id="telPrif">+7 495 </td> <td id="telNumber"><p>626-22-80/78</p><p>626-70-19</p></td> </tr> </table> хмъ, тут тоже атрибуты. а тут вообще инлайнстайл: <div style="width:60%; position:absolute; top:50px; left:350px;"> все это выносится в CSS
  17. Отпишись в личку Максу (psywalker)может он тебе сможет помочь чем-то
  18. Последняя версия ИЕ, кстати, 10. А вот про ИЕ7 я говорил для того, что бы в рамках обучения ты смог получить опыт верстки под вышууказанный браузер, потому что в "боевых" условиях, как правило, тем более в странах СНД, попадается хорошо оплачиваемый заказ, с поддержкой ИЕ7. И поверь, тебе будет: 1. приятно понимать что ты уже знаешь решение на перёд 2. адекватно оценить сроки выполнения заказа. А если пользователь работает в компании, где установлен только ИЕ6 с WinXP. При чем это реальная ситуация, особенно когда заказ будет использоватся как внутрений ресурс компании. Оценивать как раз будешь ты время и стоимость работы!
  19. не исполльзуй в разметке style="", используй классы. возьми на заметку - по высоте макеты не фиксированны в 99% случаем, если это не промо сайт или заведомо обусловлено дизайнером. В данном случае он по высоте должен тянутся.
  20. Как? как запись #header вместо .header помогает ориентироватся в коде? Зачем вообще на странице лепить id если для этих целей был придуман .class? ну вот кто-то из вас обоих мне скажет с чего вы взяли что надо использовать ID вместо .className?
  21. 1. Извени за искренность, но это - говнокод! Для начала- туту должны быть классы а не инлайн стили. Потом это лучше организовать списком. И <br /> целесообразно использовать только в рамках контентных данных (в 99% случаев) <div id="col4"> <div class="head3"><span style="color:#a20000">Aliquam</span> tempus etiam</div> <img style="float:left; margin:44px 30px 0 8px" src="img/homepage06.jpg"> <p class="text1" style="margin-top:44px"><span class="bold">Fusce nec eros augue</span> hendrerit erat. Nam dapibus lorem ipsum dolor et suscipit semper. Lorem amet sed consequat.</p> <img style="float:left; clear:left; margin:34px 30px 0 8px" src="img/homepage07.jpg"> <p class="text1" style="margin-top:44px"><span class="bold">Blandit sed amet</span> hendrerit erat. Lorem ipsum sed consequat suscipit et semper. Lorem amet sed consequat.</p> <img style="clear:left; float:left; margin:34px 30px 20px 8px" src="img/homepage08.jpg"> <p class="text1" style="margin-top:44px"><span class="bold">Veroeros nullam</span> lorem ipsum dolore sit amet semper. Turpis mauris convallis etiam.</p> <div class="head3" style="clear:left"><span style="color:#a20000">Blandit</span> lorem et dolor</div> <p class="text1" style="margin-top:43px">Sed fermentum dui bibendum tempus, est orci iaculis dolor vel gravida varius, facilisis mauris turpis ac mauris. Etiam elementum odio ac erat convallis.</p> <p class="text1" style="margin-top:22px"><a href="#">Aenean lorem tellus sed lorem etiam nulla</a> <br><a href="#">Bibendum sed justo erat neque dolore icaulis</a> <br><a href="#">Euismod sit amet et ante consequat etiam</a> <br><a href="#">Lorem ipsum dolor sit amet veroeros</a></p> </div> 2. когда увидел что макет имеет фикс. высоту, далее смотреть не стал. незачот!
  22. ещё один фанат лепить ID Ну вот скажи, с чего ты взял что надо использовать ID а не .class?
  23. 2 rash ну разве такое возможно что бы у обоих были равные знания? да не поверю! полюбому один из двоих знает больше другого. да и скорее тут сыграет впечатление от общение с соискателем нежели бумажка. за тот скромный пероид времени что я занимаюсь вёрсткой у меня не то что сертификата, даже образования не спросили. даже при собеседовании в большие компании (350+ чел.) а вот, скажем, для себя любимого, такой сертификат получить можно )))
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy