DImaN
-
Posts
57 -
Joined
-
Last visited
DImaN's Achievements
Explorer (1/14)
0
Reputation
-
После замены кода никакого положительного результата при ховере на ссылки ничего не происходит
-
Какова задача: есть скажем слой, в котором есть бэкграунд в виде картинки и 3 ссылки в виде картинок расположенных вертикально, нужно сделать так, чтобы при наведении мыши на кадую "ссылку-картинку" изменялся бэкграунд и чтобы он также являлся ссылкой на ту же странцу, что и та ссылка на которую мы навели указатель мыши. У меня получилось следующее: немного не то, что мне нужно сделать (и к тому же через таблицу), а именно: <script language="JavaScript" type="text/JavaScript"> function showT(q){ document.getElementById('ima').setAttribute('src','0'+q+'.png') } </script> </head> <body> <table width="500" border="0"> <tr> <td ><a href="#" onmouseover="showT(0)" onmouseclick=""><img src="screenshot_1.jpg"> <br></a> <a href="#" onmouseover="showT(1)"><img src="screenshot_2.jpg"> <br></a> <a href="#" onmouseover="showT(2)"><img src="screenshot_3.jpg"> </a></td> <td><img id="ima" src="00.png"></td> </tr> </table> т.е. у меня слева расположены 3 ссылко-картинки и при наведении на каждую изменяется не бэкграунд, а картинка, причем эта картинка не является ссылкой. Как можно реализовать то, что мне нужно помогите пожалуйста... Заранее спасибо
-
Ув. Иван Шумов, подскажите пжл, как это можно просто реализовать при помощи хтмл + цсс
-
вот я о том же, что вполне можно сделать такое-же без флэша.. вот только как саму картинку впаять в раскрывающееся меню.. например вот немного кода: <ul id="menu2"> <li class="top"><a href="#nogo" class="top_link">Home</a></li> <li class="top"><a href="#nogo" class="top_link">Contacts<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><iframe></iframe><![endif]--> <ul class="sub"> <li class="subtop"><span><a href="#nogo">Support</a></span><b></b></li> <li class="fly"><span><a href="#nogo">Sales<!--[if gte IE 7]><!--></a></span><b></b><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><iframe></iframe><![endif]--> <li><span><a href="#nogo">Buying</a></span><b></b></li> <li><span><a href="#nogo">Photographers</a></span><b></b></li> <li><span><a href="#nogo">Stockist</a></span><b></b></li> <li class="subbot"><span><a href="#nogo">General</a></span><b></b></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul> вот фрагмент css кода: #menu2 {padding:0; width:750px; margin:0; list-style:none; height:28px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; background:#000; border-bottom:1px solid #edb;} #menu2 li.top {display:block; float:left;} #menu2 li a.top_link {display:block; height:25px; float:left; line-height:22px; font-size:11px; font-weight:bold; padding:0 20px 0 10px; color:#edb; text-decoration:none; border-top:3px solid #000;} #menu2 li a.top_link:hover {color:#d85; border-color:#a52;} #menu2 li:hover > a.top_link {color:#d85; border-color:#a52;} #menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ #menu2 a:hover {visibility:visible; position:relative; z-index:200;} #menu2 li:hover {position:relative; z-index:200;} /* keep the 'next' level invisible by placing it off screen. */ #menu2 ul, #menu2 :hover ul ul, #menu2 :hover ul :hover ul ul, #menu2 :hover ul :hover ul :hover ul ul, #menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; height:0; margin:0; padding:0; list-style:none;} #menu2 :hover ul.sub {left:0; top:25px; white-space:nowrap; width:120px; height:auto; z-index:300; padding-top:5px; background:url(trans.gif);} #menu2 :hover ul.sub li {display:block; float:left; width:100%; height:25px;} #menu2 :hover ul.sub li span {display:block; height:25px; float:left; width:90px; font-weight:normal;} #menu2 :hover ul.sub li b {display:block; height:25px; float:left; width:30px; font-weight:normal;} #menu2 :hover ul.sub li a {display:block; position:relative; font-size:11px; height:25px; width:120px; margin-right:-30px; line-height:25px; text-indent:10px; color:#edb; text-decoration:none; background:url(trans.gif);} #menu2 :hover ul.sub li span a:hover {color:#f97;} #menu2 :hover ul.sub li:hover > span a {color:#f97;} #menu2 :hover ul :hover ul, #menu2 :hover ul :hover ul :hover ul, #menu2 :hover ul :hover ul :hover ul :hover ul, #menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {left:120px; top:0; white-space:nowrap; width:120px; z-index:400; height:auto;} #menu2 :hover ul.wide {width:150px;} #menu2 :hover ul.wide li span {width:120px;} #menu2 :hover ul.wide li a {width:150px;} #menu2 :hover ul.narrow {width:90px;} #menu2 :hover ul.narrow li span {width:60px;} #menu2 :hover ul.narrow li a {width:90px;} #menu2 :hover ul.narrow :hover ul, #menu2 :hover ul :hover ul.narrow :hover ul, #menu2 :hover ul :hover ul :hover ul.narrow :hover ul, #menu2 :hover ul :hover ul :hover ul :hover ul.narrow :hover ul {left:90px;} #menu2 li > span { background: url(tab-midleft.png); } #menu2 li > b { background: url(tab-midright.png) } #menu2 li.fly > b { background: url(tab-midright-sub.png) } #menu2 li.subtop > span, #menu2 li.flytop > span { background:url(tab-topleft.png); } #menu2 li.subtop > b { background:url(tab-topright.png); } #menu2 li.flytop > b { background:url(tab-topright-sub.png); } #menu2 li.subbot > span, #menu2 li.flybot > span { height:35px !important; background:url(tab-botleft.png); } #menu2 li.subbot > b { height:35px !important; background:url(tab-botright.png); } #menu2 li.flybot > b { height:35px !important; background:url(tab-botright-sub.png); }
-
Доброе время суток. помогите пожалуйста реализовать меню подобное тому, какое на данном сайте: http://www.fordvehicles.com/ я имею в виду именно о том раскрывающемся меню с пунктами "Ford now, cars и.т.д." Простое раскрывающееся меню сделать можно конечно без проблем, но интересует как можно сделать так, чтобы при наведении на определенный пункт меню отображался свой имэйдж. Спасибо за помощь
-
вот так: <input type="checkbox" name="our_name" value="1" checked="checked" />
-
А возможен ли такой вариант: Полезный альтернативный метод — встроить шрифты в документ Web, чтобы они отображались даже в случае их отсутствия на машине получателя. В настоящее время есть для этого два способа. С помощью инструмента Microsoft Web Embedding Fonts Tool (WEFT) можно сформировать файлы шрифтов в формате Embedded Open Type (EOT) и загрузить их на Web-сервер. Такие шрифты отображаются в Internet Explorer 4.0 и более поздних версиях браузера. Компания Bitstream предлагает другое решение для встраивания шрифтов, видимых в IE и Netscape Navigator 4 (но не 6 и 7). Здесь используется указатель на файл PFR (Portable Font Resource — перемещаемый шрифтовой ресурс) на сайте TrueDoc (www.truedoc.com) или другом Web-сервере. С помощью этой утилиты можно построить один файл EOT для каждого встраиваемого шрифта. Затем в страницы вставляются указатели на файлы шрифтов; для этого в раздел <HEAD> страницы добавляется элемент <STYLE>. Этот элемент имеет следующий вид: <PRE> <STYLE> font-family: fontname; font-style: italic; font-weight: normal; src: url(fontname.eot); } </STYLE> </PRE Элемент font-family содержит имя шрифта в EOT-файле, на который указывает строка src: url. Когда посетитель загружает страницу с текстом, набранным данным шрифтом, то браузер IE отыскивает файл Fontname.eot. Утилита WEFT управляется «мастером» с неплохой подсказкой, следуя которой пользователь проходит по этапам процесса. Сначала вы направляете WEFT на свой сайт для анализа шрифтов. Затем в окне «мастера» вы указываете встраиваемые шрифты, а WEFT генерирует EOT-файл на основе ваших решений. В завершение процесса на каждую страницу сайта добавляется указанный выше контейнер <font><STYLE></font>. Затем сайт можно протестировать, обращаясь к нему с ПК, на котором не инсталлированы встроенные шрифты.
-
Добрый день. Подскажите пожалуйста, можно каким-либо образом отобразить на своем сайте сторонние шрифты (*.ttf файлы). Только не как имэйджи, а именно как сам font. Возможен ли такой вариант в (x)html, если нет, но может есть какой-то способ отобразить их при помощи css или javascript?
-
Добрый день! Подскажите пожалуйста, как правильно нужно указывать параметры hspace и vspace тега iframe для того, чтобы документ xhtml проходил валидацию. Спасибо за ответ
-
а не могли бы вы подсказать, где и что мне подправить, чтобы нормально у меня эти квадраты отображались?
-
Подробнее о самой ошибке и когда она появляется: заходим на сайт, в новостях над "автор ..." видим квадраты (типа рейтинг статьи), когда нажимаем на квадрате - срабатывает onclick. Вот тогда и видим, что наши 5 квадратов превратились в 9 или 10 квадратов. после рефреша страницы все нормально
-
это я понимаю, но как только я меняю код следующим образом: <span class="some_class-3" id="some_id"></span> <div class="some_class" style="float:left;"> <ul class="some_class-2"> <li class="some_class-3" style="width:10px;">11111</li> <li><a href="href" title="1" class="class1" onclick="something; return false;">1</a></li> <li><a href="href" title="2" class="class2" onclick="something; return false;">2</a></li> </ul> </div> тогда неправильно обрабатывается onclick - результат отображается 2 раза.. хотя валидатор говорит, что все правильно
-
Подскажите пожалуйста, где я допустил ошибку. Код: <span id="some_id"> <div class="some_class" style="float:left;"> <ul class="some_class-2"> <li class="some_class-3" style="width:10px;">11111</li> <li><a href="href" title="1" class="class1" onclick="something; return false;">1</a></li> <li><a href="href" title="2" class="class2" onclick="something; return false;">2</a></li> </ul> </div> </span> При проверке валидатор выдает следующую ошибку: P.S. доктайп - xhtml P.S.S. в том случае, когда меняю строку <span id="some_id"> на <span id="some_id"></span>, а снизу убираю закрытый тег span - onclick обрабатывается не правильно, точнее неправильно отображаются объекты, которые заданы 2внутри div-а P.S.S.S. в том случае, когда удалить строки со span-ом вовсе - не обрабатывается onclick Спасибо за помощь
-
Валидные варианты "сделать стартовой" и "добавить в закладки"
DImaN replied to DImaN's question in HTML Coding
Спасибо, помогло. Учту на будущее -
Валидные варианты "сделать стартовой" и "добавить в закладки"
DImaN posted a question in HTML Coding
Добрый день! Подскажите пожалуйста как можно сделать ссылки "сделать стартовой" и "добавить в закладки", чтобы они были валидными для XHTML, мои вариант вот: <a href="our_link" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('our_link'); return false;" class="foot">Сделать стартовой</a> и <a href="our_link" onClick="window.external.addFavorite('our_link', 'our_capture'); return false;" class="foot">Добавить в заладки</a> Только они не проходят валидацию. Как сделать так, чтобы проходили? Спасибо за помощь