eVErl@Sting
-
Posts
154 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by eVErl@Sting
-
Положить такую кнопку в див с позишен релатив, туда же положить див с позишен абсолют, например с прозрачной картинкой и сделать ее ссылкой…но это сработает если только “эта” определенная область должна быть прямоуголная/квадратная. Если кривая то тем же мапингом тогда..
-
<div style="float: left"><-- style="float:left" --></div> <div style="float: right" ><-- style="float: right" --></div> <div style="text-align: center" ><-- style="float:none" --></div> Ну вот в такой скилет попробуй впихнуть свой код, там все просто, лево, право и середина.. Ну и еще почитай о display:inline может так же поможет, можно еще центральный див сделать по центру margin:0 auto; а другие блоки флоатом прижать с лева и права к центру или стенкам браузера.
-
Точнее тут http://www.cssplay.co.uk/menus/ более или менее похожие там на скриптах я только встречал..
-
http://www.laminat-shop.ru/price/podskazka.htm Ну, если бы тот JS подключила и все сделала по инструкции, то получилось бы как у меня по ссылке) Пользуйся!
-
без js делать такое меню это полный изврат(
-
Если кнопка должна менять цвет при наведении то почему не сделать все на много проще: <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>test</title> <style type="text/css"> .button a{background:white;padding:20px;border:2px solid black;} .button a:hover{background:red;} .button a:active{background:green;} .button a:visited{background:white;} </style> </head> <body> <div class="button"><a href="#">ССЫЛКА</a></div> </body> </html> А если нужно чтобы картинка менялась то просто в место цвета бэкграунда, указываем картинку..
-
style="text-align:right;"
-
Почему-то не отрисовывается изображение в background
eVErl@Sting replied to adelante's question in HTML Coding
background: url('images/bgrnd1.png') repeat-x bottom left; У тебя бэкграунд расположен по низу сайта, на скрине низ сайта с твоим бэкграундом, чего не видно? -
за 100р на мобильник сделаю
-
А доктайп где?
-
В предыдущем посту не было время картинку приделать, вот если так сделать то как на картинке во всех браузерах кроме ИЕ получается. <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>test</title> <style type="text/css"> body{background:white;} .box{border:1px solid black;margin:20px;min-width:580px;width:580px;display:table-cell;} .box img{ display:block;text-align:center;float:left;vertical-align:middle} .roundbox{margin:40px 21px 40px 0px;width:480px;float:right;border:2px solid #CC0000;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;min-height:110px;position:relative;z-index:1;} .roundbox div{padding:15px;text-align:justify;font-family:Arial;font-size:12px;vertical-align:middle;} .icon{position:absolute;top:25px;left:-60px;z-index:2;} </style> </head> <body> <div class="box"> <div class="roundbox"><div class="icon"><img src="http://garant-vrn.ru/img/podskazka/voskl-znak.png" alt="внимание" /></div><div><b>Индивидуальный подход</b><br /><br />Ваш текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текскст текст текст тексткст текст текст тексткст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div></div> </div> </body> </html> Для поддержки круглых углов в ИЕ можешь заюзать http://code.google.com/p/rocon/
-
Я бы не назвал это простой вещью, по крайней мере я решить проблему не смог. У тебя там флоат лефт, а это все равно что выравнивание по левому краю и если даже верхние блоки по центру сделать то перенос блока при сужении браузера все равно будет по левой стороне, в общем интересно будет увидеть работающий вариант если кто сделает.
-
Как то так: <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>test</title> <style type="text/css"> body{background:white;} .box{border:1px solid black;margin:20px;min-width:580px;width:580px;display:table-cell;position:relative;z-index:1;} .box img{ display:block;text-align:center;float:left;vertical-align:middle} .roundbox{margin:40px 21px 40px 0px;width:480px;float:right;border:2px solid #CC0000;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;min-height:110px;} .roundbox div{padding:15px;text-align:justify;font-family:Arial;font-size:12px} </style> </head> <body> <div class="box"> <div class="roundbox"><div><b>Индивидуальный подход</b><br /><br />Ваш текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div></div> </div> </body> </html>
-
ну ты так и не исправила на ссылку "java script:void(null);"
-
Ну ты лишь упростил код, не чего нового, суть то тажа, что мое меню, что твое, 1 в 1. Я просто не хотел так заморачиваться и я переделывал его код по быстрому, а не писал свой. В любом случае классный у тебя код получился, мне понравилось.
-
А ссылка есть на сайт? По коду так не определишь, я его проверять стал, а без картинок там все не правильно идет... или хоть скрин дай с пояснительными стрелками чего должно быть
-
Ну когда у тебя у таблицы не прописан height, то значение по умолчанию там ставится, height =”100%” т.е. таблица у тебя растягивается максимально в низ на сколько может, если эта главная таблица то высоте браузера, если в каком то блоке таблица находится, там DIV или в <TD> то по высоте этого блока. Прочитай про свойства CSS min-height и max-height.
-
Любой опытный прогер накидает такой скрипт баксов за 100 ну и баксов 50 на простенький диз, не давайте больше!
-
Переделал по умному http://www.laminat-shop.ru/price/menu.htm , но то первое решение было же быстрым наброском чтобы направить в нужную сторону. Сейчас все пашет нормально все всех браузерах кроме ИЕ8 и ниже. Для ИЕ сделай отдельный стиль где по углам раскиданы png картинки с фоном на котором меню будет лежать и с вырезанными полукругами..
-
Ты просил меню как на фотке, чего тебе еще надо? только в ИЕ 8 и ниже не пашет и все и еще мелкий баг в мазиле, но тебе сказали что это решаемо округливанием углов png картинками для IE поверх меню <a href="#"><li class="bb"><span>Пункт 1</span></li></a> может это и слегка не правильно, но делалось чтобы весь блок был ссылкой в какое место не навести, а не только текст, если оставить просто текст то приходилось бы мышкой прям на текст наводить, а тут просто на любое место блока и все..
-
Почему-то не отрисовывается изображение в background
eVErl@Sting replied to adelante's question in HTML Coding
у него там и ID и CLASS, скорее всего он бэкграунд имено к ID лепит, потому что к UL лепить это тупо и вообще у меня сайт выгледит как надо вроде Uploaded with ImageShack.us -
... не ну если у тебя зеленый блок находится в нутри красного то двигать его туда-сюда маргином надо
-
IE - не браузер, точка. смотрите кто это говорит) Под ИЕ большая часть России на сайты заходит..и чего им написать при загрузке сайта типа ИЕ не браузер, точка, я так решил! Заходите под другим сайтом?
-
http://www.quackit.com/html_5/tags/html_nav_tag.cfm
-
Не чего у битрикса не по умному, самая геморная CMS, я как то считал сколько там файлов в ней, оказалось больше 30 тысячь!!! На FTP что то около 500мб занимает после установки! Мало того что эта CMS столько стоит, так она еще и работать будет норм только на VPS хостинге, где платить будешь около 1700-2500р в месяц за хостинг. Услуги программистов бешенные и верстальщиков…индивидуальная CMS сделанная под фирму в итого обойдется дешевле и будет более гибкой чем битрикс.