Jump to content

Юрий

User
 View Profile  See their activity

  • Posts

    38

  • Joined

  • Last visited

 Content Type 

Everything posted by Юрий

  1. Юрий
    К сожалению не работает в IE 6 Прийд?тся делать по старинке
  2. Юрий
    Стоит задача создать блок с 4-мя закругл?нными уголками и чтобы каждая сторона блока отбрасывала тень. Фактически, если сделать это как я умею, то понадобится минимум 8 вложенных сло?в (по одному для каждого background'а). Может быть есть меннее затратный способ такое реализовать, может быть как-то можно использовать для одного несколько background'ов?
  3. Юрий
    Вот так вроде работает: <!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" xml:lang="en" lang="en"> <head> <title></title> </head> <body> <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="#000000"> <tr> <td rowspan=2 width=250px> <table width="250"> <tr> <td></td> </tr> </table> текст </td> <td width="100%">Текст</td> <td width=5px>5</td> </tr> <tr> <td colspan=2> текст нижней ячейки </td> </tr> </table> </bo
  4. Юрий
    тогда прижм?т вот эту колонку текст
  5. Юрий
    <!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" xml:lang="en" lang="en"> <head> <title></title> </head> <body> <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="#000000"> <tr> <td rowspan=2 width=250px> текст </td> <td>Текст</td> <td width=5px>5</td> </tr> <tr> <td colspan=2> текст нижней ячейки </td> </tr> </table> </body> </html> В FF вс? работает как надо, но в IE правая колонка становится не 5px когда в не? пишешь текст. Подскажите как исправить?
  6. Юрий
    Его легко устранить немного увеличив длину фонового рисунка (скругл?нный правый уголок). Как будто у IE и FF разная величина пикселя #nav_underline { border-bottom: 5px solid #E2E2E2; margin: 0 5px 0 5px; height: 24px; } margin: 0 5px 0 5px; В IE появляется промежуток как-будто задано не 5 а 8px. Замечаю уже несколько раз, так и не понял почему это происходит
  7. Юрий
    если правильно понял <table border=1 id="Table_01" width="180" height="86" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"> <img src="images/search_01.gif" width="180" height="6" ></td> </tr> <tr> <td rowspan="3"> <img src="images/search_02.gif" width="17" height="80"></td> <td> <img src="images/search_03.gif" width="146" height="3"></td> <td rowspan="3"> <img src="images/search_04.gif" width="17" height="80"></td> </tr> <tr> <td> <input type="text" name="n" value="" style="width:146px; height:20px; font-family:tahoma; font-size:11px; border-style:solid; border-width:0px " onFocus="if(this.value''потом ..;"></td> </tr> <tr> <td height="3" bordercolor="#000000" background="images/search_06.gif"> </td> </tr> </table>
  8. Юрий
    Я поменял местами слои вот так: <div id="menu"> <div id="level3"> <div id="but"> <a href="">ссылка 1</a><a href=""><img src="../images/root.gif" /></a> </div> <div id="navigator"> <div id="nav_2"> <div id="nav_underline"> <p id="navi_style"><span id="navi_tit">Навигатор:</span> index - о компании</p> </div> </div> </div> </div> </div> В FF отлично но в IE 6 есть один глюк.
  9. Юрий
    А почему не работает свойство z-index?
  10. Юрий
    Сделал в?рстку, в IE работает, в FF нет Намудрил с позиционированием. В FF при наведении на кнопочки ничего не происходит (я имею в виду, что ссылки перекраваюся слоем и на них нельзя нажать), т.е. кнопки под слоем. Можно их "поднять"? <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> body { padding: 0; margin: 0; } #menu img { margin: 0; padding: 0; border: 0; } #menu { padding: 1px 0 0 0; position: relative; } #menu #img_space { margin-right: 2px; } #but { float: right; padding: 0 20px 0 0; } #level3 { width: 100%; position: absolute; } #navigator { margin: 0 268px 0 20px; background: #D3D2D2 url('../images/left_corner.gif') no-repeat bottom left; } #nav_2 { background: url('../images/right_corner.gif') no-repeat bottom right; } #nav_underline { border-bottom: 5px solid #E2E2E2; margin: 0 5px 0 5px; height: 24px; } #navi_tit { font: 900 11px Tahoma; margin-right: 5px; } #navi_style { font: 100 11px Tahoma; margin: 0; padding: 6px 0 0 0; } #level3 { z-index: 1; } #but { z-index: 2; } </style> </head> <body> <div id="menu"> <div id="level3"> <div id="navigator"> <div id="nav_2"> <div id="nav_underline"> <p id="navi_style"><span id="navi_tit">Навигатор:</span> index - о компании</p> </div> </div> </div> </div> <div id="but"> <a href=""><img id="img_space" src="../images/add.gif" /></a><a href=""><img src="../images/root.gif" /></a> </div> </div> </body> </html>
  11. Юрий
    Спасибо. Как-то я это свойство упустил
  12. Юрий
    Как сделать чтобы слой id="direct" отображался внизу рубрикатора, а не под ним. В IE отображается как мне надо. Подскажите в ч?м ошибка. И как можно улучшить код? <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style type="text/css"> #nov_level1 { margin: 2px 20px 0 190px; position: relative; } #nov_level2 { background: #f0f0f0 url('../images/ug_lb.gif') no-repeat bottom left; float: left; width: 100%; } #nov_level3 { float: left; width: 100%; background: url('../images/ug_rb.gif') no-repeat bottom right; padding-bottom: 5px; } /* навигатор */ .arrow { font: 900 16px Arial; margin: 0; color: #000; } .dir { font: normal 13px Arial; margin: 0 0 5px 0; padding: 6px 0 6px 8px; border-bottom: 1px solid #fff; background: #F4F4F4; } .dir a { color: #0000CC; } .dir a:hover { color: #c60000; } #id_rub { background: #D0D0D0; padding: 3px 3px 4px 3px; margin: 0; color: #000; } .colon { width: 33.3%; float: left; padding: 2px 0 2px 0; } .colon a { font: normal 13px arial; color: #0000CC; margin: 0 0 0 8px; } .colon a:hover { color: #c60000; } .vsego { padding-left: 5px; font: normal 11px tahoma; color: #707070 } #direct { margin: 0px 5px 5px 170px; font: normal 11px Arial; background: #ccc; padding: 10px 0 0 0; } </style> </head> <body> <div id="nov_level1"> <div id="nov_level2"> <div id="nov_level3"> <p class="dir"><a href="index.php">E-VL.RU</a> <span class="arrow">→</span> <span id="id_rub">Авто, мото</span></p> <div class="colon"><a href=?id=1⊂=1>Продажа авто</a><span class=vsego>(202)</span></div> <div class="colon"><a href=?id=1⊂=2>Покупка авто</a><span class=vsego>(5)</span></div> <div class="colon"><a href=?id=1⊂=3>ПТС и документы</a><span class=vsego>(81)</span></div> <div class="colon"><a href=?id=1⊂=4>Продажа запчастей</a><span class=vsego>(35)</span></div> <div class="colon"><a href=?id=1⊂=5>Покупка запчастей</a><span class=vsego>(10)</span></div> <div class="colon"><a href=?id=1⊂=6>Автосервисы</a><span class=vsego>(10)</span></div> <div class="colon"><a href=?id=1⊂=7>Автошины</a><span class=vsego>(12)</span></div> <div class="colon"><a href=?id=1⊂=8>Спецтехника</a><span class=vsego>(69)</span></div> <div class="colon"><a href=?id=1⊂=9>Водная техника</a><span class=vsego>(16)</span></div> <div class="colon"><a href=?id=1⊂=10>Мото</a><span class=vsego>(21)</span></div> <div class="colon"><a href=?id=1⊂=11>Масла и смазки</a><span class=vsego>(4)</span></div> <div class="colon"><a href=?id=1⊂=12>Разное</a><span class=vsego>(66)</span></div> </div></div></div> <div id="direct"> Ниже рубрикатора </div> </body> </html>
  13. Юрий
    Нужно чтобы информация в блоке выравнивалась вертикально по середине. Можно ли такое реализовать без использования таблиц и ява скрипта? Вот как должно работать (IE 6): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Вертикальное выравнивание</title> <style type="text/css"> #level { background: #c1c1c1; width: 50%; margin: 0px auto; } </style> </head> <body> <table border=1px width="60%" height="200px"> <tr> <td valign=middle aling="right"> <div id="level">Информация должна быть выровнена вертикально по середине</div> </td> </tr> </table> </body> </html>
×
×
  • 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