-
Posts
5,038 -
Joined
-
Last visited
-
Days Won
125
Content Type
Profiles
Forums
Calendar
Store
Everything posted by klierik
-
поместите, пожалуйста, код в соответствующие теги во всех(!) постах.
-
если у Вас все страницы статичны, то это довольно проблематично. С другой стороны, свойствами JS можно генерировать контент.
-
тут описанно как: http://www.cyberforum.ru/html/thread3635.html
-
Создание разметки: верстая тот или иной макет разделяйте его на логические составные: - шапка (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" это не обязательно. просто мне так кажется более удобнее.
-
на jQuery, к примеру
-
если б видеть макет... то можно сказать чтото более конкретно
-
на сколько мне известно WinAmp.com не публиковал ничего про WinAmp API, а собственно интегрировать на страничку музыку, имхо, проще всего по свойствам Adobe Flash
-
суньте музыку в flash плеер и не партесь )
-
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;}
-
#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;}
-
под ИЕ6 есть expression но кажется лучше это сделать через jQuery меньше нагрузки
-
я б такое реализовал 2мя объектами скорее всего. 1. решетку размножить по области 2. вспышку в виде PNG позиционировать поверх
-
1) этот параметр надо для правильното отображения под ИЕ6 подробнее почитайте тут: http://habrahabr.ru/blogs/webdev/31236/ 2) что такое "выплывающий"
-
А насчёт верхушки меню,я ещё пока неумею делать списком-горизонтально((, 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; }
-
для этого надо заменить фоновый рисунок, который висит на <li> то есть li:hover { ... } указываем линк на рисунок новый... тогда не нужны правила: margin: 0 -1px; border-left: 2px solid #333; border-right: 2px solid #333; z-index: 2; но li:hover не работает по-нормальному в ИЕ6
-
странно... я не замечал этого поста ранее... оО в общем.. работа очень харошая.. по сравнению с прошлой... намного лучше... но все же... опять... зачем делать списки дивами, если это обычные списки? это я про "divtab1" этот элемент надо описать один раз и все. оптом его использовать в проекте везде на одних стилях. так же незачем в код вставлять <img> сюда... используйте background-image на <li> точно так же можно и построить "PredNiz1"... на списках UL LI и еще.... с body уберите отступы. а на .Carcas повесте { margin: 0 auto; } так будет красивее. ага... так.. в верхушке.. меню.. ну его тоже на списках надо бы.. я только сейчас заметил... почему весь сайт русский.. а в форме слева слова по английски?! )) в общем мелкие доработки... и будет то что надо =)
-
возможно как-то так? только тут границы а не градиент. я знаю как сделать для гардиента, но под IE6 надо подключать hover специально. develope.zip
-
я б это сделал изначально если б понял что именно имеется ввиду. что такое и какими списками? тут только один список, вроде. опишите более понятно проблему, пожалуйста.
-
Вот Вам пример. думаю все понятно... develope.zip
-
li a {display: block; text-align: center; padding: 8px 0;} li a:hover { ... } значения полей выставляем соответствующие
-
вот чтото типа такого... у меня в ФФ заработало 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%; }
-
ширины родительского блока = 100% а то есть, ширина одной кнопки равняется 100%/Х, где Х - количество кнопок.
-
покажите, пожалуйста, пример.
-
ну вот к примеру чтото типа такого ))) <!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>