Tord002
-
Posts
6 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Tord002
-
-
Думаю проблема в свойстве .block {display:;} Подскажите возможные решения!
-
Помогите устранить проблему при верстке вертикального меню на основе таблицы. Прыгают / перескакивают ячейки подпунктов. Т.е. при просмотре в браузере подпункты не соответсвуют тем ячейкам в которых расположены. Подскажите возможные варианты решения! <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Меню из таблицы</title> <style type="text/css"> .таблица {font-family:Tahoma,Geneva,sans-serif;font-size:11px;color:#FFF;} .none {display:none;} .block {display:;} .over {background-color:#FFF;border-top:2px solid #555555;border-bottom:2px solid #555555;cursor:pointer;color:#555555} .out {background-color: #555555; color: #FFF} </style> </head> <body> <table width="902" > <tr height="25" align="right" bgcolor="#555555" class="таблица" > <th width="100" onmouseover="className='over';document.getElementById('id1').className='block'" onmouseout="className='out'">Пункт 1</th> <th width="100" onmouseover="className='over';document.getElementById('id2').className='block'" onmouseout="className='out'">Пункт 2</th> <th width="100" onmouseover="className='over';document.getElementById('id3').className='block'" onmouseout="className='out'">Пункт 3</th> <th width="100" onmouseover="className='over';document.getElementById('id4').className='block'" onmouseout="className='out'">Пункт 4</th> <th width="100" onmouseover="className='over';document.getElementById('id5').className='block'" onmouseout="className='out'">Пункт 5</th> <tr height="25" align="right" bgcolor="#555555" class="таблица" > <th id="id1" class="none" onmouseover="className='over'" onmouseout="className='none'">Подпункт 1</th> <th id="id2" class="none" onmouseover="className='over'" onmouseout="className='none'">Подпункт 2</th> <th id="id3" class="none" onmouseover="className='over'" onmouseout="className='none'">Подпункт 3</th> <th id="id4" class="none" onmouseover="className='over'" onmouseout="className='none'">Подпункт 4</th> <th id="id5" class="none" onmouseover="className='over'" onmouseout="className='none'">Подпункт 5</th> </tr > </table> </body> </html>
-
Сделал. <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Меню из таблицы</title> <style type="text/css"> .таблица {font-family:Tahoma,Geneva,sans-serif;font-size:11px;color:#FFF;} .none {display:none;} .block {display:;} .over {background-color:#FFF;border-top:2px solid #555555;border-bottom:2px solid #555555;cursor:pointer;color:#555555} .out {background-color: #555555; color: #FFF} </style> </head> <body> <script> function go() { document.getElementById('id2').className='none'; } function on() { timeoutId = setTimeout(go, 500) } function off() { clearTimeout(timeoutId) } </script> <table width="100" > <tr height="25" class="таблица" > <th bgcolor="#555555" onmouseover="className='over';document.getElementById('id2').className='block'" onmouseout="className='out';on()">Пункт</th> </tr > <tr height="25" class="таблица" > <th id="id2" class="none" bgcolor="#555555" onmouseover="className='over';off()"onmouseout="className='none'">Подпункт</th> </tr> </table> </body> </html> Тема закрыта
-
Ошибки исправлю. Спасибо! Как реализовать задержку?
-
Помогите устранить проблему при верстке вертикального меню на основе таблицы. Не работает переход с ячейки главного пункта меню на ячейку подпункта. Проблема понятна - курсор попадает на границу таблицы. Если границу таблицы убрать с помощью ( cellspacing="0") все работает, но при этом нарушается эстетика и задумка дизайна. Подскажите возможные варианты решения с сохранением внешнего вида таблицы. <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Меню из таблицы</title> <style type="text/css"> .таблица {font-family:Tahoma,Geneva,sans-serif;font-size:11px;color:#FFF;} .none {display:none;} .block {display:;} .default {border-top: 2px solid #555555; border-bottom: 2px solid #555555; color: #555555;} .over {background-color:#FFF;border-top:2px solid #555555;border-bottom:2px solid #555555;cursor:pointer;color:#555555} .out {background-color: #555555; color: #FFF} </style> <table width="100" > <tr height="25" class="таблица" > <th bgcolor="#555555" onmouseover="className='over';document.getElementById('2').className='block'" onmouseout="className='out';document.getElementById('2').className='none'">Пункт</a></th> </tr > <tr height="25" class="таблица" > <th id="2" class="none" bgcolor="#555555" onmouseover="className='over'"onmouseout="className='none'">Подпункт</th> </tr> </table> </head> <body> </body> </html>