Jump to content

people2010

User
 View Profile  See their activity

  • Posts

    313

  • Joined

  • Last visited

  • Days Won

    1

 Content Type 

Everything posted by people2010

  1. people2010
    Как сделать, чтоб происходил звук при наведении мышкой на кнопку баттон и отдельно на картинку кнкопку?
  2. people2010
    Всё вроде понял после 4 просмотра видео. Тут возник ещё вопрос вот this.offsetLeft, this.offsetTop Это 2 аргумента который передаются в функцию show,верно? Может ли вместо this.offsetLeft, this.offsetTop стоять что-то иное ,в примеру. this.saxar, this.moloko
  3. people2010
    Вот так сработало. <html> <head> <style type="text/css"> .podskazka{ background-color: blue; padding:10px; border:1px solid black; position:absolute; } </style> <script type="text/javascript"> function podskazka() { this.show = function(text,x,y) { var div = document.createElement('div'); div.className = 'podskazka'; div.id = 'metka'; div.innerHTML = text; var koordx = x + 10; var koordy = y + 20; div.style.left = koordx + 'px'; div.style.top = koordy + 'px'; document.body.appendChild(div); } this.hide = function() { var metka = document.getElementById('metka'); metka.parentNode.removeChild(metka); } } var vsplil = new podskazka(); </script> </head> <body> <p onmouseover="vsplil.show('Первый абзац', this.offsetLeft, this.offsetTop);" onmouseout='vsplil.hide()'> Первый абзац </p> </body> </html> Если кто может прокоментируйте в каждой строке этот код, как он рабоатет. Заранее благодарю.
  4. people2010
    http://www.sdelaysite.com/javascript/javascript-video-3
  5. people2010
    Смотрю видеоурок, и там переписал вот такой код. Должно при наведении на текст ,как там говорится повится должна подсказка. Вот исходник, но почему-то вообще ничего не происходит, как исправить проблемму? <html> <head> <style type="text/css"> background-color: blue; padding:10px; border:1px solid black; position:absolute; </style> <script type="text/javascript"> function podskazka() { this.show = function(text,x,y) { var div = document.createElement('div'); div.className = 'podskazka'; div.id = 'metka'; div.innerHTML = text; var koordx = x + 10; var koordy = y + 20; div.style.left = koordx + 'px'; div.style.top = koordy + 'px'; document.body.appendChild(div); } this.hide = function() { var metka = document.getElementById('metka'); metka.parentNode.removeChild(metka); } var vsplil = new podskazka(); </script> </head> <body> <p onmouseover='vsplil.show('Первый абзац', this.offsetLeft, this.offsetTop)' onmouseout='vsplil.hide()'> Текст абзаца </p> </body> </html>
  6. people2010
    Всё, не нужно, я понял проблемму, я добавил в стилях вот такое: .interval{line-height:16pt;} А затем в эти места кода дописал, вот такое: <A class="menushka interval" HREF="lab1237.html#num1" target="B"> <A class="menushka interval" HREF="lab1237.html#num2" target="B"> Теперь проблемма, хочу чтоб при навдении мышки на эти ячейки, они выделялись другим фоном, слышал, что можно сделать так, но так как-то не выходит. .efect table td:hover { background-color: green; } Как прмиенить правильно данное действие?
  7. people2010
    Вот я решил дописать ещё 1класс. A.menushka:link{text-decoration:none; /*Убираем линию подчёркивания*/ color:blue; } A.menushka:visited{color:red; text-decoration:none;} /*Посещённая ссылка*/ A.menushka:hover{color:magenta; background:#99ffff; font-style:normal; font-weight:normal; letter-spacing:0px; font-size:12pt; line-height:16pt; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:red; } A.menushka:active{color:yellow; background:red;} И в файле menu.html написал так: <HTML> <HEAD> <TITLE>menu</TITLE> <link rel="stylesheet" style="text/css" href="style1237.css"> <meta http-equiv=Content-Type content="text/html; charset=Windows-1251"> </HEAD> <body bgcolor="#336633"> <div align="center"> <table class="menu" width="15%" border="5" height="10%" cellpadding="10" bgcolor="#ccffcc" > <tr > <!-- первая ячейка в 1-ой строке--> <td valign="top" height="10%" width="50"> <img src="spisok.png" border="0" ></td> <!-- Вторая ячейка во 2-ой строке--> <td > <A class="menushka" HREF="lab1237.html#num1" target="B" > Переход к карте изображения расположенной в плавающем фрейме</a> </td> </tr> <p> <!-- 2-ая строка--> <tr> <!-- первая ячейка во 2-ой строке--> <td valign="top" height="10%" width="50"> <img src="spisok.png" border="0" ></td> <!-- Вторая ячейка во 2-ой строке--> <td ><A class="menushka" HREF="lab1237.html#num2" target="B"> Переход к таблице - Калорийность продуктов. Яйцо и яйцепродукты</a> </td> </tr> </table> </div> </body> </HTML> Проблемма в том, что выделение красной линией подчёркивания происходит в том случае, если установленн междустрочный интервал в 16 пунктов, если сделать немного меньше, тогда линия подчёркивания скрывается, но при таком интервале при наведении мышкой на текст, текст раздвигается, но зато показывается вся красная линия подчёркивания Как сделать, что пр инаведении мышкой на текст, линия подчёркивания подчёркивала красным цветом текст весь, а не только её часть? Мне нужно чтоб при навдеении мышкой на текст, он не раздвигался, но вся линия красная подчркивания была видна, а не её часть.
  8. people2010
    Вот есть у меня слева на странице, 2 ссылки, со значком салатовыми. Возле каждого значка написан текст который ссылается на другой фрейм, ну это я сделал уже. Проблемма вот в чём, у меня в стилях, в файле style1237.css, заданн класс menu, для ссылок. Я хочу применить класс меню к файлу menu.html Вроде применение происходит, но после наведении мышки на одну из строк и при её нажатии к примеру к строке: Переход к карте изображения расположенной в плавающем фрейме происходит не такое же самое отображение, как при наведении и нажатии на ссылку, под названием: [b]Перейти вниз[/b] Как сделать чтоб было такое же самое как и пр инаведении и нажатии на текст Перейти вниз Чтоб также тектс не раздвигался у меня, а просто происходило выделение, чтоб было такое же самое действие с таким же подчёркиванием и цвето и со всеми такими эффектами как со словом: [b]Перейти вниз[/b] Вот проект: http://www.sharemania.ru/0172292
  9. people2010
    После долгих стараний, вроде всё вышло. Я написал перед тего боди точку, это в фале в стилях. Затем в файл lab1237..html в теге боди прописал класс, class="body". Затем поизменял немного вот это место размеры. /* 3-ная рамка для карты изображения*/ #karta1{padding:30px; border-style:solid; border-width:30px; border-color:yellow; width:440px; height:350px; background:red;} #karta1 img{display:block; border-style:solid; border-width:20px; border-color:#ffcc00; } #karta2{border:30px solid #33ccff; width:560px; height:470px;} А в плавающем фреймне написал следущее: <iframe src="karta.html" width="620" height="540" marginwidth="0" scrolling="no""> </iframe> Получились маленькие но всё же они есть отступы, мизерные но они есть. Как их убрать? Отступы произошли сверху и снизу фрема, но она браузере Опера всё иделаьно, но на др, вот эта проблемма. Вот проект уже в переделанном виде. http://www.sharemania.ru/0182770
  10. people2010
    <iframe src="karta.html" width="620" height="530" marginwidth="40" scrolling="no"> Но так тоже не работает.
  11. people2010
    <iframe src="karta.html" width="620px" height="530px" style="margin:0" scrolling="no"> Во так код всё равно не делает впритык голубую рамку к бордюру фрейма.
  12. people2010
    Хид закрыл, ошибся. Скажите, что можно дописать в этой строке: <iframe src="karta.html" width="620px" height="530px" > Чтоб не переделывать весь код.
  13. people2010
    ____
  14. people2010
    Проблемма в том, что в плавающем фрейме у меня произошёл отсуп от голубой рамки до бордюра самого фрейма, и не могу его убрать, всё перепробовал.Вначале файл индекс запустить нужно. Там, всередине документа, находится плавающий фрейм. Как можно избавится от проблеммы, с отступом от голубой рамки до рамки бордюра, чтоб убрать эту пустоту, чтоб голубая рамка была впритык к бордюру плавающего фрейма? Проект в архиве http://www.sharemania.ru/0192600. Не вылаживаю здесь так как код будет длинноватый, загвоздка толкьо в той проблемме, описанной выше.
  15. people2010
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head><title>foto</title> <link rel="stylesheet" style="text/css" href="style.css"> </head> <body> <table id="ramka" border=25 align="center" cellspacing="20px" cellpadding="0px"> <tr> <td> <img id="svet_bordur" src="foto.jpg" width="400" height="320" border="20" > </td> </tr> </table> </body> </HTML> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <head><title>Frame</title> <link rel="stylesheet" style="text/css" href="style.css"> </head> <body> <div align="center"> <iframe class="otstyp" src="foto.html" height="490px" width="560px" vspace="10"></iframe></div> </body> </HTML> Файл style.css #ramka{border-color:red; border-style:double; border-collapse:collapse; background:yellow; } #svet_bordur{border-color:#ff6633;} .otstyp{ padding: 0; margin: 0;} Вот попробовал не выходит.
  16. people2010
    Понятоно, т оесть если используется доктайп, нужно чтоб всё было в нижнем регистре, а также все параметры должны быть в кавычках. Вот сделал, как там написанно, сверху нету отсутпа, а слева, справа и снизу есть, как избавится от отступов?. Вот код с изменениями. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head><title>foto</title></head> <body> <table border=25 align="center" cellspacing="20px" cellpadding="0px" style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; "> <tr> <td> <img src="foto.jpg" width="400" height="320" border="20" style="border-color:#ff6633;"> </td> </tr> </table> </body> </HTML> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <head><title>Frame</title> <style type="text/css"> * { padding: 0; margin: 0; } </style> </head> <body> <div align="center"> <iframe src="foto.html" height="490px" width="560px" vspace="10"></iframe></div> </body> </HTML>
  17. people2010
    Вот подучил. Вот написал так код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD><TITLE>Frame</TITLE></HEAD> <body> <div align="center"> <iframe src="foto.html" height="490px" width="560px" VSPACE=10></iframe></div> </body> </HTML> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HEAD><title>foto</title></HEAD> <body> <table border=25 align="center" cellspacing=20 style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; margin:0px;"> <tr> <td> <img src="foto.jpg" width="400" height="320" border=20 style="border-color:#ff6633;"> </td> </tr> </table> </body> </HTML> В ИЕ, нормально отображает, но проблемма в отображении в др. браузерах, какк исправить проблемму?
  18. people2010
    Не получается убрать эти непонятные отсупы, скажите ,как их убрать. Вот файл с которого идёт загрузка. <!DOCTYPE HTML> <HTML> <HEAD><TITLE>Frame</TITLE></HEAD> <body> <div align="center"> <iframe src="foto.html" height="490px" width="560px" > VSPACE=10</iframe></div> </body> </HTML> Вот файл который загружается: <!DOCTYPE HTML> <HEAD><title>foto</title></HEAD> <body> <table border=25 align="center" cellspacing=20 style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; > <tr> <td> <img src="foto.jpg" width="400" height="320" border=20 style="border-color:#ff6633;"> </td> </tr> </table> </body> </HTML> Вот такой результат получаю. Эти отсупы я не понимаю от куда взялись http://slim.filesurf.ru/20100406/00000001/...ip_image002.jpg
  19. people2010
    Вы меня не поняли, мне не нужно чтоб не везде была рамка красная, мне только в низу крассная, код не работает. A.menu1:link{text-decoration:none; /*Убираем линию подчёркивания*/ color:blue; } A.menu2:visited{color:red; text-decoration:none;} /*Посещённая ссылка*/ A.menu3:hover{color:magenta; background:#99ffff;text-decoration:underline; font-style:normal; font-weight:bold; letter-spacing:2px; font-size:11pt; border-bottom:1px; border-color:red; border-style:solid; } A.menu4:active{color:yellow; background:red;} <a class="menu1 menu2 menu3 menu4 " href="#ona">Перейти в низ</a> <a name="ona">Текст</a> Получится такое фото, каоке выше, после такого кода.
  20. people2010
    Вот что происходит с бордером., совсем не то, что нужно. http://riteaboutnow.filesurf.ru/20100405/0...ip_image002.jpg
  21. people2010
    margin-bottom вместо text-decoration вы имеете ввиду?
  22. people2010
    Не могу сделать цвет подчёркивания красным так, чтоб цвет букв остался розовым. Пишу такое. Файл css: A.menu1:link{text-decoration:none; /*Убираем линию подчёркивания*/ color:blue; } A.menu2:visited{color:red; text-decoration:none;} /*Посещённая ссылка*/ A.menu4:hover{color:magenta; background:#99ffff;text-decoration:underline; font-style:normal; font-weight:bold; letter-spacing:2px; font-size:11pt;} A.menu3:hover{color:red; text-decoration:underline;} A.menu5:active{color:yellow; background:red;} фАйл HTML <a class="menu1 menu2 menu3 menu4 menu5 " href="#ona">Перейти в низ</a> <a name="ona">Текст</a>
  23. people2010
    Не получается создать крату изображения, хотя бсамую простую. Вот пишу код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <head><title>Карты изображений</title> <meta http-equiv="Content-Type" content="text/html"; charset="Windows-1251"> <head> <body > <table class="karta" border=25 align="center" cellspacing=20 style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; margin-top:60px;"> <tr> <td> <img src="karta.jpg" usemap="#karta" border=20 style="border-color:#ff6633;"> </td> </tr> </table> <p><map name="karta"> <area shape="rect" coords="303,171,832,624" href="java script:alert('circle')"> </map> </body> </HTML> В любом месте экрана, по всему экрану вожу и нигде мышка не превпащается в руку, чтоб можно было нажать на эту ссылку.
  24. people2010
    Скажите, я про IFRAME(плавающий фрейм) возможна ли загрузка карт изображений прямо в плавающий фрейм, толкьо чтоб карты изображений не находились в отдельном файле html? Если да, напишите пожалуйста скромный примерчик, как это может быть возможно.
  25. people2010
    Вот сделал скриншоты проблеммы. Посомтрите пожалуйста, скажите как избавится от такого, а то я уже замучался. Проблемма показана на скриншотах. http://www.sharemania.ru/0175738
×
×
  • 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