psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Даа, сайт и правда отличный, я и сам часто захожу на него для уточнений
-
Я понял Вас, уважаемый Гуру, а тогда не могли бы вы решить Простой пример с Абсолютом, просто у меня - новичка, не выходит ничего (видимо верстал через переподвыперд) Только пожалуйста БЕЗ исользования behavior: url(csshover.htc);, так как по Вашим словам ИЕ6 прекрасно работает с Абсолютом. Буду рад увидеть решение 1) Спрайт: http://psywalker.ru/Forum/Hover/sprite.gif 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>:hover</title> <style type="text/css"> *{ margin: 0; padding: 0;} ul { list-style: none;} ul li a{ display: block; text-align: center; width: 80px; height: 20px; background: url(sprite.gif) 50% 0 no-repeat; padding-top: 30px; border: 1px solid red; position: relative; } ul li a span { display: none; position: absolute; top: 0; left: 0; width: 80px; height: 20px; padding-top: 30px; background: #fff url(sprite.gif) 50% -72px no-repeat; text-align: center; } ul li a:hover span { display: block;} </style> </head> <body> <ul> <li> <a href="#">Главная <span>НаведениЕ</span> </a> </li> </ul> </body> </html>
-
<!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>Centr</title> <style type="text/css"> *{ margin: 0; padding: 0;} div.wrap { width: 510px; height: 306px; position: absolute; top: 50%; left: 50%; margin-left: -255px; margin-top: -153px; } div.center { width: 100px; height: 100%; position: absolute; left: 205px; top: 0; } span { display: block; width: 98px; height: 99px; border: 1px solid #808080; } span.right { position: absolute; right: 0; top: 105px;} span.left { position: absolute; left: 0; top: 105px;} </style> </head> <body> <div class="wrap"> <div class="center"> <span class="top"></span> <span class="cent"></span> <span class="bottom"></span> </div> <span class="right"></span> <span class="left"></span> </div> </body> </html>
-
Задача выполнена!
-
Надо этой ссылке назначить класс class="zip" и уже ему прописать цвет .zip {color: green;}
-
да я тебе не про обменник говорю, а про нормальный хостинг на серваке, что бы нам не качать твои архивы, а просто зайти по ссылке на твой сайт и посмотреть проблему И я не понимаю, что значит "Можно пользоваться только CSS" Во первых как я по рисунка пойму, какой у тебя там html ? А во вторых может он у тебя, даже скорее всего не подходит для этой задачи, и что тада делать? Короче я бы сделал бы так наверное: <!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>Centr</title> <style type="text/css"> *{ margin: 0; padding: 0;} div.wrap { width: 510px; height: 306px; position: absolute; top: 50%; left: 50%; margin-left: -255px; margin-top: -153px; } div.center { width: 100px; height: 100%; position: absolute; left: 205px; top: 0; } span { display: block; width: 98px; height: 99px; border: 1px solid #808080; } span.right { position: absolute; right: 0; top: 105px;} span.left { position: absolute; left: 0; top: 105px;} </style> </head> <body> <div class="wrap"> <div class="center"> <span class="top"></span> <span class="cent"></span> <span class="bottom"></span> </div> <span class="right"></span> <span class="left"></span> </div> </body> </html>
-
Залей на нормальный хост и дай ссылку или покажи скрин того, что хочешь получить
-
Ну спасибо тебе, прям застеснялся даже
-
Так опятьже нет проблем, добавляем несколько правил и получаем результат: 1) Код: <!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;} div.box { width: 50%; margin: 20px auto; background: #fde3f1; text-align: center; border: 2px solid #ddc1cf;} div.box em, div.box em b { background: url(sprite.jpg) no-repeat; height: 19px; display: block; position: relative; } div.box em { left: -2px; top: -2px;} div.box em b { background-position: 100% -19px; left: 4px; } div.box em.btm { background-position: 0 -38px; top: 2px;} div.box em.btm b { background-position: 100% -57px;} </style> </head> <body> <div class="box"> <em class="top"><b></b></em> Вот и всё, ничего сложного :) <em class="btm"><b></b></em> </div> </body> </html> 2) Спрайт: http://psywalker.ru/Forum/box2/sprite.jpg 3) Ссылка на пример: http://psywalker.ru/Forum/box2/main.html
-
Воо мужики, сообразил отменный вариант, вообще ничё не глючит и behavior: url(csshover.htc); даже не нужен. Автор когда увидит, оболдеет вообще 100%. (Отменно работает даже в ИЕ5 ) http://psywalker.ru/Forum/Hover/main2.html <!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;} ul li { overflow: hidden; width: 80px; height: 50px; border: 1px solid red; list-style: none;} ul li a { display: block; text-align: center; width: 80px; height: 20px; background: url(sprite.gif) 50% 0 no-repeat; padding-top: 29px; } ul li a span { display: block; width: 80px; height: 20px; padding-top: 30px; margin-top: 10px; background: #fff url(sprite.gif) 50% -72px no-repeat; text-align: center; } ul li a:hover { margin-top: -20px; padding-top: 0px;} ul li a:hover span { margin-top: 0;} </style> </head> <body> <ul> <li> <a href="#">Главная <span>НаведениЕ</span> </a> </li> </ul> </body> </html> Значит было всё же решение ещё одно и возможно не последнее и с ещё меньшими затратами
-
Нихрена медведь не прав ты, абсолют в ИЕ6 поддерживается НЕ нормально, У меня уже много случаев было, особенно связано с фоном внутри блока. А последний случай - это Логотип у меня пропал, он лежал в блоке с абсолютом, или помнишь недавно чел на форуме писал, что у него вообще блок с абсолютом исчез с Имгой (Жёлтый камаз) внутри? А главное в этих ситуациях никакой Зуум не помогает даже. Как нибудь столкнусь ещё разок, продемонстрирую тебе Кстати вот тебе ещё один пример: Ссылки на абсолюте, когда нужно ховер эффект создать для всплывающей подсказки, часто бывает, что без behavior: url(csshover.htc); не обойтись, хотя поведение не понятное, вроде бы ссылки должен осёл понимать
-
Не понял задачи? Тоесть нужен блок с закруглёнными углами и бордером вокруг? Покажи скрин того, что должно получиться в итоге
-
молодец, почаще на сайт заходи поучиться
-
Даа, есть такое дело в ИЕ6, но такие вещи кажется он нормально понимает, в любом случае ты у себя протести и если всё гуд, то вполне достойное решение. А вообще изначально надо нормально верстать и тогда не нужно будет прибегать к таким извращениям
-
Ты понимаешь, что пишешь? "Полностью резиновый центрированный макет" - это как?
-
Вот тебе другой наглядный пример: 1) Код: <!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 { background: #000;} div.box { width: 50%; margin: 20px auto; background: #333; text-align: center; color: #fff;} div.box em, div.box em b { background: url(s.gif) no-repeat; height: 11px; display: block; } div.box em b { background-position: 100% -11px;} div.box em.btm { background-position: 0 -22px;} div.box em.btm b { background-position: 100% -33px;} </style> </head> <body> <div class="box"> <em class="top"><b></b></em> Зачем столько ненужных блоков и стилей Оля??? <em class="btm"><b></b></em> </div> </body> </html> 2) Спрайт картинка: http://psywalker.ru/Forum/ugl/1/s.gif 3) Ссылка на пример: http://psywalker.ru/Forum/ugl/1/main.html В этом примере Один рисунок (спрайт) содержит в себе Углы от трёх примеров сразу, я дал тока один из трёх примеров, поэтому спрайт длинее
-
То что ты хочешь это геморно и долго заморачиватся, в твоём случае есть намного удобнее способ: Цельную картинку(спрайт) нужно сделать не кругом, а просто полоской вертикальной, где подряд будут идти цифры или закруглённые углы, вобщем всё что хочешь. Как пример: http://psywalker.ru/SAITS/Himik/img/red_block.jpg - тут полоска имеет в арсенале картинки нескольких разных углов.
-
Не вопрос
-
Блин, это справа вверху который с надписью: ГРОМАДСЬКА ВАРТА ? Лана, не важно, смысл такой короче: http://psywalker.ru/table/Table-BG.html
-
Нет, мне в лом выцеплять код, давай какую нибудь отдельную ситуацию, где тока задача наша и всё
-
Нет конечно, как правило, в этом деле могут помочь Паддинг-топ или марджин-топ Дай мне отдельный пример, я тебе покажу примерно, как нужно делать, что-бы было одинаковое отображение во всех браузерах
-
давай ссылку на страницу с таблицей и скрин той местности, которая должна быть кликабельной... поглядим, чё там у тя не выходит
-
Надо подогнать вид импута под все браузеры, вот в ИЕ например это валидно можно сделать через условные комментарии и т. д.
-
Ага, наивный ты человек, ведь надо ещё что-бы при наведении фраза менялась под картинкой, дык что-бы это дело в ИЕ6 тоже работало. Я смог добиться такого эффекта тока таким путём. Если сможешь предложить ещё варианты, буду тока рад увидеть! http://psywalker.ru/Forum/Hover/main.html
-
Да не за что, забудь, всегда пиши если чё
