Jump to content

DImaN

User
 View Profile  See their activity

  • Posts

    57

  • Joined

  • Last visited

 Content Type 

Everything posted by DImaN

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

    ошибка с div

    DImaN replied to DImaN's question in HTML Coding

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

    ошибка с div

    DImaN replied to DImaN's question in HTML Coding

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

    ошибка с div

    DImaN replied to DImaN's question in HTML Coding

    это я понимаю, но как только я меняю код следующим образом: <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. DImaN

    ошибка с div

    DImaN posted a question in HTML Coding

    Подскажите пожалуйста, где я допустил ошибку. Код: <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. DImaN
    Спасибо, помогло. Учту на будущее
  15. DImaN
    Добрый день! Подскажите пожалуйста как можно сделать ссылки "сделать стартовой" и "добавить в закладки", чтобы они были валидными для 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> Только они не проходят валидацию. Как сделать так, чтобы проходили? Спасибо за помощь
  16. DImaN
    ИНтересно, но можете подсказать когда именно мне нужно вставлять данный код над тегом input, внутри него, под ним?..
  17. DImaN
    Можно немного поподробнее: вот пример моей строки с тегом input. Как можно сделать это валидным <input onClick="doAddComments();return false;" name="submit" type="image" src="/images/picture.png" />
  18. DImaN
    Добрый день. Вопрос в следующем: как правильно нужно указывать параметры onClick, onMouse и им подобные внутри тегов <a>, <input> чтобы данные строки были валидны согласно синтаксису XHTML? Спасибо за помощь
  19. DImaN
    часть кода: ... <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-я снизу строка
  20. DImaN
    Спасибо большое. Было достаточно только & не знал о таком У меня еще один небольшой вопрос по ошибкам валидации (чтобы новый топик не создавать), а точнее вопрос по такой ошибке: XML Parsing Error: Opening and ending tag mismatch: td line 135 and tr </tr> Из-за чего может быть данная ошибка. таких ошибок тоже почему-то много вылезло у меня. Спасибо за помощь
  21. DImaN
    Доброе время суток! Вопрос в следующем: есть сайт, у которого есть подобная ссылка. <!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 Но ведь с ссылкой все верно... В чем может быть проблема объясните пожалуйста. Как поправить это отсутствие валидности?
  22. DImaN
    Ogalig, я в принципе это и имею в виду. бэкграунд сверху и снизу - темнозеленый, по середине почти белый. меня интересует каким образом я могу повешать нижнюю часть на div... ЗЫ Верстка у меня табличная, не будет ли нелепо если для бэка у меня будет дивка
  23. DImaN
    На странице есть бэкграунд, который задается при помощи следующего тега: <body id="background" background="/images/some_background.png" style="background-repeat : repeat-x;"> Как видно из кода, это имэйдж, который просто повторяется по оси Х. Внимание вопрос: возможно ли сделать так, чтобы сам бэкграунд расстягивался по центру по вертикали относительно котента, т.е. так, чтобы при любой высоте страницы верхняя и нижняя части бэкграунда всегда оставались на своих местах, а расстягивалась только середина самого имэйджа? Если же нет человеческого выхода из ситуации подскажите плз, как лучше всего сделать, чтобы получился данный эффект Заранее спасибо за ответ.
  24. DImaN
    На первый вопрос уже нашел ответ: <tr> <!--U1LOGO1Z--><SCRIPT type=text/javascript> //<![CDATA[ random_img("link_image0", "link_image1", "link_image2", "link_image3") //]]> </SCRIPT> </td><!--/U1LOGO1Z--> осталось только 2 вопроса, помогите с ними плз
  25. DImaN
    Можете подсказать можно ли реализовать следующие фичи посредством 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

  I accept