psywalker
-
Posts
13707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Да идея такова, что тогда тебе нужно проделать два первых пункта, а потом на картинку в блоке установить онклик, по нажатию на который уже будет открываться всплывающее окно с картинкой.
-
Не за что
-
Есть http://psywalker.ru/Portfolio/Archery/main-page.html
-
Смотри, способы реализации разные, если у тебя короче получилось, это даже хорошо, главное чтобы работало правильно. Насчёт пункта 3 есть идея. Ты спрячь изначально какой нибудь блок на странице, на абсолюте, пустой, координаты ему задай нужные и размеры, далее при нажатии уже на картинку(пункт 3) выводи в этом блоке её, уже нужного размера.
-
их код .teasers_holder { height: 550px; margin: 1em 0; overflow: hidden; position: relative;
-
Да легко, список, ставишь высоту, ему overflow: hidden; а далее уже при уменьшении пункты будут переходить на другую строку, и пропадать.
-
А у него всегда есть запасная
-
Давай всё что есть, а лучше ссылку
-
Вот я и привёл решение.
-
Ну ка зацени <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Canvas</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #win { width: 200px; height: 200px; border: 1px solid #000;} #menu { list-style: none;} #menu li { float: left; width: 50px; height: 50px; margin: 0 2px;} </style> </head> <body> <div id="win"></div> <ul id="menu"> <li style="background: red;" class="red"></li> <li style="background: black;" class="black"></li> <li style="background: blue;" class="blue"></li> </ul> <script type="text/javascript"> var win = document.getElementById('win'); var menu = document.getElementById('menu'); var color = menu.getElementsByTagName('li'); for(var i=0;i<color.length;i++){ color[i].onclick = function(){ win.style.background = this.className; } } win.onclick = function(){ w = window.open('http://forum.htmlbook.ru/','Моё окно','width = 300,height = 300'); } </script> </body> </html>
-
Ты это имеешь ввиду? :focus {outline: 0; } Какие точки и какой браузер?
-
http://www.lokeshdhakar.com/projects/lightbox2/ И пока не дойдёт до 3-го пункта, ты вообще его не трогай. Просто подготавливай картинки для 3-го пункта заранее, на пункте 2
-
Вот ты сам уже назвал решение, LightBox - поищи в инете, их тысячи разных, или на форуме не раз спрашивали уже.
-
Ага.
-
Может вот это как то поможет http://www.paratype.ru/ - это если нужна кирилица, а если нет, то myfonts.com
-
А вообще нет вариантов, ведь родительский контейнер абсолюта имеет нулевую высоту по-идее.
-
Не пойдёт? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Три колонки</title> <style type="text/css"> .header, .footer { background: red; } .footer { background: blue; } .layout { position: relative; padding-bottom: 20px;/* Относительное позиционирование */ } .layout DIV { position: absolute; /* Абсолютное позиционирование */ } .col1 { background: #C7E3E4; /* Цвет фона */ left: 0; right: 300px; } .col2 { background: #E0D2C7; width: 200px; /* Ширина колонки */ right: 100px; /* Сдвигаем влево на ширину колонки 3 */ } .col3 { background: #ECD5DE; width: 100px; right: 0; } </style> </head> <body> <div class="header">Шапка сайта</div> <div class="layout"> <div class="col1">Колонка 1</div> <div class="col2">Колонка 2</div> <div class="col3">Колонка 3</div> </div> <div class="footer">Подвал</div> </body> </html>
-
Сделаю для вас простую верстку практически даром ))
psywalker replied to fagot's topic in Goods and Services
Виноват, увлёкся -
Сделаю для вас простую верстку практически даром ))
psywalker replied to fagot's topic in Goods and Services
Т.е. ты хочешь сказать, что разделители делаешь имгой? И вообще ты шутишь наверное в целом, ведь так?))) Нет, ну конечно если ты мне объяснишь правильность такого подхода, будет здорово Просто чем тут списки не подходят или на крайняк таблица например? Почему бы разделители не повесить фоном на LI и т. д. ? -
Сделаю для вас простую верстку практически даром ))
psywalker replied to fagot's topic in Goods and Services
Если я создам тему во флейме под названием "Как вы верстаете меню", то меня засмеют Поэтому если хочешь, сам создавай, похоливарим А по сабжу хочу следующее сказать. Открыл первую ссылку ТС http://diod.1gb.ua/stalker/samples/alfa/ . Берём верхнее меню С виду похоже на табличное, согласись? Но вот что мы видим: <div class="menu"> <p><a href="#null" target="self">о компании</a></p><img alt="" src="./images/menu_.png"> <p><a href="#null" target="self">услуги</a></p><img alt="" src="./images/menu_.png"> <p><a href="#null" target="self">расценки</a></p><img alt="" src="./images/menu_.png"> <p><a href="#null" target="self">сотрудничество</a></p><img alt="" src="./images/menu_.png"> <p><a href="#null" target="self">полезная информация</a></p><img alt="" src="./images/menu_.png"> <p><a href="#null" target="self">гостевая книга</a></p><img alt="" src="./images/menu_.png"> <p><a href="#null" target="self">контакты</a></p> </div> Мало того, что таблицами тут и не пахнет, да к тому же ещё заметь одну весёлую деталь, границы между пунктами меню сделаны картинками. И в целом весь сайт свёрстан на дивах и параграфах. Внимание, вопрос: Как тебе такая работа и в какую сумму ты оцениваешь такую вёрстку? -
Слава богу, что ИЕ8 хоть нормально поддерживает КСС2.1. Вот тут уже отличие будет от ИЕ6, я уверен.
-
Сделаю для вас простую верстку практически даром ))
psywalker replied to fagot's topic in Goods and Services
Т.е. ты так тоже верстаешь списки?) -
Сделаю для вас простую верстку практически даром ))
psywalker replied to fagot's topic in Goods and Services
Ну да, цена в принципе соответствует качеству <div class="menu"> <p><a href="#null" target="self">о компании</a></p><img alt="" src="./images/menu_.png"> <p><a href="#null" target="self">услуги</a></p><img alt="" src="./images/menu_.png"> <p><a href="#null" target="self">расценки</a></p><img alt="" src="./images/menu_.png"> <p><a href="#null" target="self">сотрудничество</a></p><img alt="" src="./images/menu_.png"> <p><a href="#null" target="self">полезная информация</a></p><img alt="" src="./images/menu_.png"> <p><a href="#null" target="self">гостевая книга</a></p><img alt="" src="./images/menu_.png"> <p><a href="#null" target="self">контакты</a></p> </div> -
Если на то пошло, то graceful degradation как раз и можно использовать во-всех прогрессивных браузерах, а для остальным придавать просто вменяемый вид. Прогрессивная вёрстка - это конечно удовольствие, но к сожалению её мало кто позволит делать. Я имею ввиду заказчиков
-
Спаасибо дружище, я старался Согласен, для меня это прогресс, но по факту это УГ Ухтыы, вот это крутые штуки, до таких ещё далекоо чувстсвуюю Отлично, как что, сразу зайду в гости