Jump to content

DImaN

User
  • Posts

    57
  • Joined

  • Last visited

Everything posted by DImaN

  1. После замены кода никакого положительного результата при ховере на ссылки ничего не происходит
  2. Какова задача: есть скажем слой, в котором есть бэкграунд в виде картинки и 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 ссылко-картинки и при наведении на каждую изменяется не бэкграунд, а картинка, причем эта картинка не является ссылкой. Как можно реализовать то, что мне нужно помогите пожалуйста... Заранее спасибо
  3. Ув. Иван Шумов, подскажите пжл, как это можно просто реализовать при помощи хтмл + цсс
  4. вот я о том же, что вполне можно сделать такое-же без флэша.. вот только как саму картинку впаять в раскрывающееся меню.. например вот немного кода: <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); }
  5. Доброе время суток. помогите пожалуйста реализовать меню подобное тому, какое на данном сайте: http://www.fordvehicles.com/ я имею в виду именно о том раскрывающемся меню с пунктами "Ford now, cars и.т.д." Простое раскрывающееся меню сделать можно конечно без проблем, но интересует как можно сделать так, чтобы при наведении на определенный пункт меню отображался свой имэйдж. Спасибо за помощь
  6. вот так: <input type="checkbox" name="our_name" value="1" checked="checked" />
  7. А возможен ли такой вариант: Полезный альтернативный метод — встроить шрифты в документ 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>. Затем сайт можно протестировать, обращаясь к нему с ПК, на котором не инсталлированы встроенные шрифты.
  8. Добрый день. Подскажите пожалуйста, можно каким-либо образом отобразить на своем сайте сторонние шрифты (*.ttf файлы). Только не как имэйджи, а именно как сам font. Возможен ли такой вариант в (x)html, если нет, но может есть какой-то способ отобразить их при помощи css или javascript?
  9. Добрый день! Подскажите пожалуйста, как правильно нужно указывать параметры hspace и vspace тега iframe для того, чтобы документ xhtml проходил валидацию. Спасибо за ответ
  10. DImaN

    ошибка с div

    а не могли бы вы подсказать, где и что мне подправить, чтобы нормально у меня эти квадраты отображались?
  11. DImaN

    ошибка с div

    Подробнее о самой ошибке и когда она появляется: заходим на сайт, в новостях над "автор ..." видим квадраты (типа рейтинг статьи), когда нажимаем на квадрате - срабатывает onclick. Вот тогда и видим, что наши 5 квадратов превратились в 9 или 10 квадратов. после рефреша страницы все нормально
  12. DImaN

    ошибка с div

    это я понимаю, но как только я меняю код следующим образом: <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 раза.. хотя валидатор говорит, что все правильно
  13. Подскажите пожалуйста, где я допустил ошибку. Код: <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 Спасибо за помощь
  14. Добрый день! Подскажите пожалуйста как можно сделать ссылки "сделать стартовой" и "добавить в закладки", чтобы они были валидными для 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> Только они не проходят валидацию. Как сделать так, чтобы проходили? Спасибо за помощь
  15. ИНтересно, но можете подсказать когда именно мне нужно вставлять данный код над тегом input, внутри него, под ним?..
  16. Можно немного поподробнее: вот пример моей строки с тегом input. Как можно сделать это валидным <input onClick="doAddComments();return false;" name="submit" type="image" src="/images/picture.png" />
  17. Добрый день. Вопрос в следующем: как правильно нужно указывать параметры onClick, onMouse и им подобные внутри тегов <a>, <input> чтобы данные строки были валидны согласно синтаксису XHTML? Спасибо за помощь
  18. часть кода: ... <table align="center" width="192" cellspacing="0" cellpadding="0"> <tr> <td width="192" align="center"> <table align="center" width="192"> <tr> <td align="center"> <table align="center" border="0" width="192" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table align="center" border="0" width="184" cellspacing="0" cellpadding="0"> <tr> <td><img border="0" src="/images/topbg1.png" width="44" height="21" alt="" /></td> <td style="background: url('/images/topbg2.png');" width="180"></td> <td><img border="0" src="/images/topbg3.png" width="60" height="21" alt="" /></td> </tr> ... 7-я снизу строка
  19. Спасибо большое. Было достаточно только & не знал о таком У меня еще один небольшой вопрос по ошибкам валидации (чтобы новый топик не создавать), а точнее вопрос по такой ошибке: XML Parsing Error: Opening and ending tag mismatch: td line 135 and tr </tr> Из-за чего может быть данная ошибка. таких ошибок тоже почему-то много вылезло у меня. Спасибо за помощь
  20. Доброе время суток! Вопрос в следующем: есть сайт, у которого есть подобная ссылка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>111</title> </head> <body> <table id="myTable"> <tr><th width="170" align="left" style="border: 0px; font-weight: normal;"> <a href="http://my_link/index.php?do=cat&category=link">111</a><br /></th></tr> </table> </body> </html> При проверке на валидацию с помощью http://validator.w3.org/ выдаются следующие ошибки: …/my_link/index.php?do=cat&category=link">111</ …/my_link/index.php?do=cat&category=link">111</ т.е. показывает ошибку: 1-я строка буква "с" стразу после амперсанда 2-я строка знак равенства после ?do Но ведь с ссылкой все верно... В чем может быть проблема объясните пожалуйста. Как поправить это отсутствие валидности?
  21. Ogalig, я в принципе это и имею в виду. бэкграунд сверху и снизу - темнозеленый, по середине почти белый. меня интересует каким образом я могу повешать нижнюю часть на div... ЗЫ Верстка у меня табличная, не будет ли нелепо если для бэка у меня будет дивка
  22. На странице есть бэкграунд, который задается при помощи следующего тега: <body id="background" background="/images/some_background.png" style="background-repeat : repeat-x;"> Как видно из кода, это имэйдж, который просто повторяется по оси Х. Внимание вопрос: возможно ли сделать так, чтобы сам бэкграунд расстягивался по центру по вертикали относительно котента, т.е. так, чтобы при любой высоте страницы верхняя и нижняя части бэкграунда всегда оставались на своих местах, а расстягивалась только середина самого имэйджа? Если же нет человеческого выхода из ситуации подскажите плз, как лучше всего сделать, чтобы получился данный эффект Заранее спасибо за ответ.
  23. На первый вопрос уже нашел ответ: <tr> <!--U1LOGO1Z--><SCRIPT type=text/javascript> //<![CDATA[ random_img("link_image0", "link_image1", "link_image2", "link_image3") //]]> </SCRIPT> </td><!--/U1LOGO1Z--> осталось только 2 вопроса, помогите с ними плз
  24. Можете подсказать можно ли реализовать следующие фичи посредством HTML (XHTML, PHP, JS), а если можно, то как именно (без фреймов)? 1. - Нужно, чтобы при рефреше страницы менялся основной баннер. 2. - При нажатии на определенный линк менялся основной баннер на определенную картинку только после нажатия на определенный линк (к примеру - 10 линков - 10 определенных картинок для основного баннера). 3. - При загрузке линки показывался определенный сплэш. Заранее спаибо за помощь
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy