Jump to content

klierik

Administrator
  • Posts

    5,038
  • Joined

  • Last visited

  • Days Won

    125

Everything posted by klierik

  1. поместите, пожалуйста, код в соответствующие теги во всех(!) постах.
  2. если у Вас все страницы статичны, то это довольно проблематично. С другой стороны, свойствами JS можно генерировать контент.
  3. klierik

    Шрифты

    тут описанно как: http://www.cyberforum.ru/html/thread3635.html
  4. Создание разметки: верстая тот или иной макет разделяйте его на логические составные: - шапка (footer) - контейнер данных (container-case) - подвал (footer) Это три независимых блока. Они, как правило, есть на любом макете. Так основываясь на это и создавайте основную структуру макета. Меню построено грамотно, что не может не радовать фоновое изображение на блоке "stolbleftverh2" я б сделал не так. на блок вешается position: relative; а рисунок добавляется в код через тег <img> в свойствах тега прописывается position: absolute: left: 0; bottom: 0; рисунок должен быть формата PNG без фоновой решетки. С "stolbseredina1" скорее всего сделать надо также. имхо. По фону. Не вижу икакого смысла пускать белую вспышку с левого верхнего угла в центр, так как не более 5-10% ее видно под контентом. Затраты трафика не оправданы. По CSS. Я б рекомендовал Вам почитать и проникнутся статьей: http://habrahabr.ru/blogs/css/28731/ к примеру так: думаю из одного CSS понятно как построить HTML. div.footer {position: relative; height: 30px;} div.footer div.glass {postion: absolute: left: 0; right: 0; top: 0; bottom: 0; _width: 100%; heigth: _100%; background-color: #fff; filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: .3; opacity: 0.3; div.footer div.data { } div.footer div.img { position: absolute; right: 100px; bottom: 0; } 3)Ах,да..и ещё я не смог сделать такую штуку: http://s2.ipicture.ru/uploads/080925/u3ro5V7k6T.jpg спокойно делается не UL LI. Рекомендации: создавая названия классов, пишите их английскими словами. к примеру "carcas" - "container" или "layout" или "canvas" это не обязательно. просто мне так кажется более удобнее.
  5. если б видеть макет... то можно сказать чтото более конкретно
  6. klierik

    bgsound

    на сколько мне известно WinAmp.com не публиковал ничего про WinAmp API, а собственно интегрировать на страничку музыку, имхо, проще всего по свойствам Adobe Flash
  7. klierik

    bgsound

    суньте музыку в flash плеер и не партесь )
  8. 1. body { color: #000000; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; } h1 { font-size: 24px; font-weight: normal; } h2 { font-size: 20px; font-weight: normal; } a h2 { color: #000066; font-size: 20px; font-weight: normal; text-decoration: underline; } a h2:hover { color: #000066; font-size: 20px; font-weight: normal; text-decoration: none; } и что такое мульти браузерность? 2. table td {color: #fff;}
  9. #menu {position:absolute;width:321px; height: 1%; height:534px; background:url(../img/topm.jpg) no-repeat; left:107px;} или #menu {position:absolute;width:321px; height:534px; background:url(../img/topm.jpg) no-repeat; left:107px; _zoom: 1;}
  10. под ИЕ6 есть expression но кажется лучше это сделать через jQuery меньше нагрузки
  11. я б такое реализовал 2мя объектами скорее всего. 1. решетку размножить по области 2. вспышку в виде PNG позиционировать поверх
  12. 1) этот параметр надо для правильното отображения под ИЕ6 подробнее почитайте тут: http://habrahabr.ru/blogs/webdev/31236/ 2) что такое "выплывающий"
  13. А насчёт верхушки меню,я ещё пока неумею делать списком-горизонтально((, 2 примера: html: <ul class="menu"> <li><a href="#">Личные данные</a></li> <li><a href="#">Новые сообщения</a></li> <li><a href="#">Помощник</a></li> <li><a href="#">Друзья</a></li> <li><a href="#">Личные сообщения</a></li> </ul> css 1: ul.menu {overflow:hidden; _zoom: 1;} ul.menu li {float:left; } или css 2: ul.menu {} ul.menu li {display: inline; }
  14. для этого надо заменить фоновый рисунок, который висит на <li> то есть li:hover { ... } указываем линк на рисунок новый... тогда не нужны правила: margin: 0 -1px; border-left: 2px solid #333; border-right: 2px solid #333; z-index: 2; но li:hover не работает по-нормальному в ИЕ6
  15. странно... я не замечал этого поста ранее... оО в общем.. работа очень харошая.. по сравнению с прошлой... намного лучше... но все же... опять... зачем делать списки дивами, если это обычные списки? это я про "divtab1" этот элемент надо описать один раз и все. оптом его использовать в проекте везде на одних стилях. так же незачем в код вставлять <img> сюда... используйте background-image на <li> точно так же можно и построить "PredNiz1"... на списках UL LI и еще.... с body уберите отступы. а на .Carcas повесте { margin: 0 auto; } так будет красивее. ага... так.. в верхушке.. меню.. ну его тоже на списках надо бы.. я только сейчас заметил... почему весь сайт русский.. а в форме слева слова по английски?! )) в общем мелкие доработки... и будет то что надо =)
  16. возможно как-то так? только тут границы а не градиент. я знаю как сделать для гардиента, но под IE6 надо подключать hover специально. develope.zip
  17. я б это сделал изначально если б понял что именно имеется ввиду. что такое и какими списками? тут только один список, вроде. опишите более понятно проблему, пожалуйста.
  18. Вот Вам пример. думаю все понятно... develope.zip
  19. li a {display: block; text-align: center; padding: 8px 0;} li a:hover { ... } значения полей выставляем соответствующие
  20. вот чтото типа такого... у меня в ФФ заработало html, body { height:100%; margin:0; padding:0; } div#container { height:100%; margin:0 auto; overflow:hidden; position:relative; width:700px; } div#footer { bottom:0; clear:left; left:auto; position:absolute; right:auto; width:100%; }
  21. ширины родительского блока = 100% а то есть, ширина одной кнопки равняется 100%/Х, где Х - количество кнопок.
  22. покажите, пожалуйста, пример.
  23. ну вот к примеру чтото типа такого ))) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> div.i {overflow:hidden; _zoom: 1; padding:1px; border: 1px solid #eee;} div.i img {float:right; width: 16px; height:16px;} div.i div {margin:0 18px 0 0;} div.i input {display:block; width:100%;} </style> </head> <body> <div class="i"> <img src="btn.gif" alt="" /> <div><input name="" type="text" /></div> </div> </body> </html>
×
×
  • 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