psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Макет из темы "Для жалающих получить опыт.."
psywalker replied to Clayton's topic in Discussion of works
Clayton 1) 2) Попробуй сделать как можно меньше, сколько получится 3) С помощью фотошопа залей картинки для эффекта при наведении другим цветом -
этот эффект решает проблему с ПНГ в IE6 , тоесть в IE6 фильтр используется для вывода изображения ПНГ с альфа-прозрачностью.. вобщем почитай например тут: http://www.yanajy.com/sdelay-sam/png-in-ie.html
-
Влад_1995 Будь аккуратен с PNG, полупрозрачность не поддерживается броузером IE6, там нужно будет применять фильтр
-
goodguy А если сделать картинку нужной ширины, тоесть подогнать её под ячейку?
-
Макет из темы "Для жалающих получить опыт.."
psywalker replied to Clayton's topic in Discussion of works
Nekromancer тупанул, не разделил на два, но всё равно 15 штук многовато для такого сайта, 6-7 максимум выше крыши Clayton 1) Имхо, так смотрится со стороны, потому что по мне такой сайт должен сливаться с фоном body, в противном случае надо было делать Резину 2) Дело не в том, какие вам нравятся, а в том, что надо было Один в Один сделать всё, как на макете , это тренирует чёткость и вообще так правильно на мой взгляд 3) Сделайте резиновым всёже, если надумаете 4) Вот вам пример картинок, какие примерно должны быть, только не копируте, а сделайте свои, так будет интереснее http://psywalker.ru/Raira/img/ 5) Так не опишешь, просто попробуйте сделай так, чтобы их было меньше, самому будет опыт, попробуй сократить до 9 -
Макет из темы "Для жалающих получить опыт.."
psywalker replied to Clayton's topic in Discussion of works
1) Сайт смотрится, как большая картинка, покрайней мере у меня сложилась первое впечатление,када открыл 2) Шрифты несоответствуют макетным 3) Этот сайт надо было делать резиновым, по мне таким он смотрится плохо 4) Неправильно нарезанные картинки и вставлены тоже не верно, например бабочка разрезана напополам , что при разных последствиях может сказаться на виде 5) Огромное количество ненужных элементов div, я насчитал штук 30, по мне этот сайт столько не стоит -
zilog ИЕ6-7 не поддерживает
-
zilog Извините, что отвлекаю вас от интересной дискуссии, но всётаки, не моглибы вы мне объяснить, что значат эти счётчики? 1) Counters - это такое свойство Css ? 2) Оно поддерживается всеми браузерами 3) Как работает это чудо? Расскажите об этом поподробнее пожалуйста
-
zilog А что за котнеры ?
-
-
1) Твоя ссылка нерабочая 2) А вообще тебе сюда: http://stepbystep.htmlbook.ru/?id=58 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Псевдоклассы</title> <style type="text/css"> A:link { color: #036; /* Цвет непосещенных ссылок */ } A:visited { color: #606; /* Цвет посещенных ссылок */ } A:hover { color: #f00; /* Цвет ссылок при наведении на них курсора мыши */ } A:active { color: #ff0; /* Цвет активных ссылок */ } </style> </head> <body> <p> <a href="link1.html">Ссылка 1</a> | <a href="link2.html">Ссылка 2</a> | <a href="link3.html">Ссылка 3</a></p> </body> </html>
-
Amadeus А никак не сделать так, потому что ты задаёшь фон для body и html , а они всегда распологаются самым нижнем слоем, а сайт уже строится на них , поэтому есть вариант только с тем, что я привёл, чтобы Зафиксировать два div , один вверху, другой внизу и уже Им задать фон, вот тогда поидее всё должно работать, но опятьже косяки будут в ИЕ6, потому что это паганый броузер, забей на него ))) <!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>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0;} body { background: url(../xtrm/img/img1.jpg) top left fixed repeat-x; height: 100%; overflow: auto;} html { background: url(../xtrm/img/img2.jpg ) bottom repeat-x fixed;} div.wrap { position: fixed; height: 100px; left: 0; top: 0; width: 100%; background:#900;} div.wrap2 { position: fixed; height: 100px; left: 0; bottom: 0; width: 100%; background: #936;} </style> </head> <body> <div class="wrap"> </div> <div class="wrap2"> </div> </body> </html>
-
1) http://htmlbook.ru/css/letter-spacing.html 2) И вообще советую прочитать всё это: http://htmlbook.ru/css/
-
ownercoder Держи дружище: тут смысл походу именно тот, который ты ищешь, только переделай всякие высоту и ширину под себя http://trifler.ru/blog/i/layouts/relative/...flow_hidden.htm А вот тут есть 5 разных вариантов, выбирай, какой больше нравится: http://trifler.ru/blog/relative.html
-
Смотри дружище, вот я растянул div например на 80% в ширину и настокаже в длину: <!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"> *{ margin: 0; padding: 0;} html {height: 100%; } body { height: 100%; min-height: 100%;} div { background: #f00; height: 80%; width: 80%;} </style> </head> <body> <div> DIV Растянутый на 80% </div> </body> </html>
-
Dies Дружище , это немного заморочка, но совсем фигня, слушай: 1) Тебе нужно создать класс .page , в нём прописать ту картинку, которую ты хотел бы видеть на Действующей странице 2) От странице к странице просто меняй класс у ссылки, которой соответствует страничка и всё Вот вырвал кусочек кода специально для тебя, недавно тут делал меню одно, вобщем как раз по твоей проблеме, просто разберись с кодом: http://psywalker.ru/PayNetGate/menu.html Смотри, после этого я просто переставляю класс .page другому элементу списка, который соответствует странице, и моё меню уже выглядит так: http://psywalker.ru/PayNetGate/menu2.html
-
Ээх, к сожалению Флэш для меня тёмный лес, поэтому жди мастеров, ща придут, помогут
-
Small_man А не мог бы ты поподробнее изложить свою проблему?
-
rash Несмотря на это всегда стараюсь приблизится к универсальному решению без таблиц, где они явно не предназначены, хотя не всегда получается, но опятьже говорю, что я далеко не профи в этом деле, поэтому мне это простительно, а например у вас rash я уверен с этим делом проблем намного меньше, правда ведь?
-
SerTse Вообще поидее это называется всплывающая подсказка <!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"> *{ margin: 0; padding: 0;} body { margin: 100px;} a{ position: relative; font-size: 1.6em; color: #900;} span { display: none; position: absolute; background: #9F6; top: -50px; right: 0px; width: 200px; height: 60px; font-size: 16px; } a:hover span { display: block;} </style> </head> <body> <a href="#">Здесь вы пишите, что хотите<span>А тут будет всплывающая посдсказка при наведении мыши на ссылку:)</span></a> </body> </html>
-
SelenIT Извините, не совсем понял вас, изложите вашу мысль поподробнее пожалуйста s0rr0w А на второй как влияет?
-
Можно ли средствами HTML сделать отточие?
psywalker replied to A. Kaminsky's question in HTML Coding
Мужики, этот топик я увидел впервые, а недавно, может неделю назад я по совпадению решил заморочится над такой же задачей, вобщем переверстал кучу вариантов и пришёл к одному, потому что в нём одни плюсы, и он напрочь Железный, тоесть чтобы вы не делали с ним, он не развалиться и его вид не испортиться, а поставил я себе такую задачу: 1) Решение должно быть сделано на Относительных Единицах "em", для того, чтобы хорошо и правильно масштабировалось при увеличении размера шрифта 2) Шрифт можно было увеличивать или понижать до Посинения и всё должно отображаться также, как и при нормальном шрифте 3) Минимальный размер кода, а точнее наименьшее количество элементов и Css 4) При добавлении Огромного объёма текста в левую колонку вид не портился, а оставался точно такойже 5) Строго никакой графики, только цвета фона и Бордюры максимум 6) Да, и конечно же тестировал это решение во всех броузерах, при любом расширении экрана и т.д. 7) Способ должен быть наглухо железным, как я люблю, За идею я взял меню, ресторанное или неважно...вобщем вот что я навоял: <!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"> *{ margin: 0; padding: 0;} body { font: bold .625em Tahoma, Geneva, sans-serif; margin: 2em;} ul{ width: 30em; background: #eff2df; list-style: none; padding: 2em; position: relative; left: -.3em; top: -.3em; } li { zoom: 1; position: relative; border-bottom: .1em dotted #F00; padding-right: 10em;} li b { padding-right: .5em; position: relative; bottom: -.5em; left: 0; background: #eff2df;} li span { position: absolute; right: 0; bottom: -.5em; background: #eff2df; padding-left: .5em; } </style> </head> <body> <ul> <li> <span>Цена длинная</span> <b>Неплохая еда говорят у вас в ресторане, а можно посмотреть меню?Неплохая еда говорят у вас в ресторане, а можно посмотреть меню?Неплохая еда говорят у вас в ресторане, а можно посмотреть меню?</b> </li> <li> <span>Цена длинная</span><b>Неплохая еда говорят у вас в ресторане, а можно посмотреть меню? </b> </li> <li> <span>Цена длинная</span> <b>Неплохая еда говорят у вас в ресторане, а можно посмотреть меню? </b> </li> <li> <span>Цена длинная</span> <b>Неплохая еда говорят у вас в ресторане, а можно посмотреть меню?</b> </li> <li> <span>Цена длинная</span> <b>Неплохая еда говорят</b> </li> <li> <span>Цена длинная</span> <b>Неплохая еда говорят у вас</b> </li> </ul> </body> </html> В некоторых строчках спецом много текста, чтобы был виден смысл -
Quazzii Могу предложить вариант вашему человеку: 1) Создаёте два класса, например: .vertical-top {vertical-align: top;} .vertical-bottom {vertical-align: bottom;} 2) В ячейке, в которой картинка должна быть сверху, подставляете class="vertical-top", а к ячейке в которой картинка должна быть снизу, class="vertical-bottom" и пусть сидит, подставляет, хоть в 500-та страницах)))
-
Я уже говорил в какой то теме и вообще считаю, что если ты в своей стихии, как рыба в воде, то тебе не понадобятся никаких хаков и не табличных таблиц, надо учиться , тренироваться и постоянно развиваться по своей теме, тогда не будет никаких проблем с любым броузером, даже с поганым ИЕ, кастати, я более менее перевариваю IE7, а IE6 просто ненавижу, одни мучения с этим ослом, когдаж правда эта 8-ми летняя зараза нас наконец покинет?
-
Ребят, ситуация следующая: Я знаю два нормальных на мой взгляд способа обтекания левого блока правым, в первом для правого блока используется margin-left: 200px, а во втором overflow: hidden;, но загвоздка в том, что я очень часто использую именно второй способ из-за того, что слышал, что он лучше первого, но сегодня решил попробовать первый и подумал, почему это он интересно хуже, и вродебы даже лучше, вот и обращаюсь за советом к мастерам, скажите: 1) Какойже из этих способов лучше и почему? 2) А может быть у вас есть свои способы, было бы очень интересно посмотреть <!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>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0;} div.wrap{ overflow: hidden; height: 1%; margin-bottom: 30px; } /* Первый способ */ div.left1 { float: left; width: 200px; background: #00c;} div.right1 { margin-left: 200px; background: #f00;} /* Второй способ */ div.left2 { float: left; width: 200px; background: #00c;} div.right2 { overflow: hidden; /* Для всех броузеров */ zoom: 1; /* Для IE6 */ background: #f00; } </style> </head> <body> <div class="wrap"> <div class="left1">LEFT-1</div> <div class="right1">RIGHT-1</div> </div> <div class="wrap"> <div class="left2">LEFT-2</div> <div class="right2">RIGHT-2</div> </div> </body> </html>