Jump to content

sirop

Spammer
 View Profile  See their activity

  • Posts

    10

  • Joined

  • Last visited

 Content Type 

Everything posted by sirop

  1. sirop
    Здравствуйте. Возникла необходимость использовать anti-aliasing для шрифта при верстке сайта. Дизайнер в фотошопе использовал сглаживание шрифтов и теперь заказчик требует точного совпадения шрифта на сайте. Возможно ли какое-то решение в этом случае?
  2. sirop
    Justnewone, не сработало - всё-равно дергания есть. Всё же, мне кажется, что всё дело в div`ах для скоса основной картинки - убираю их и дергаться перестает. Ведь тот табличный монстр после того, как я убрал дивы для скосов, остаётся монстром, но не дергается Justnewone, прошу прощения не дочитал PS... Вы оказались правы - теперь всё заработало, Ваш вариант в PS оказался верным. Приогромнейшее спасибо!!!
  3. sirop
    а можно на примере? Спасибо
  4. sirop
    А так дергается не только при первом наведении. Размер бордера нужно указывать обязательно потому, что в спокойном состоянии у ячейки бордер 1px белого цвета, а при наведении тот же бордер 1px заменяется на другой цвет. Но дело вероятно не в бордерах. Если я убираю скругление у картинки то не дёргается - в этом вся загвоздка вероятно
  5. sirop
    Здравствуйте. Есть таблица из 3 ячеек и в каждой ячейке находится вложенная таблица с изображением у которого скруглены углы. При первом наведении курсора на ячейку с вложенной таблицей происходит дёргания соседних ячеек, при следующих наведениях курсора, дергапний нет. Эта ячейка является актовиной onMouseOver="this.className='boxover'" onmouseout="this.className='boxoutBorder'" onclick='change_location("/teller.php");' Никак не могу понять почему происходит дергание ячеек при первом наведении (дёргается только в ИЕ). Вся проблема в картинке с скругленными углами - если её убрать, то все нормально, но без неё нельзя. Помогите разобраться! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Test</title> <style> /*закругление углов картинки*/ .roundcont { width: auto; float:left; margin:0; z-index:10; } .roundtop { z-index:11; background: url(tr000000.gif) no-repeat top right; position:relative; } .roundbottom { background: url(br000000.gif) no-repeat top right; z-index:0; position: relative; } img.corner { width: 2px; height: 2px; border: none; display: block !important; } .img{margin:-2px 0;} /*стиль ячеек с вложенной таблицей*/ .boxover {border: 1px solid red; cursor: pointer;} .boxoutBorder {border: 1px solid #fff;} </style> </head> <body> <table border="0" cellspacing="0" cellpadding="5"> <tr> <td valign=top class="boxoutBorder" onMouseOver="this.className='boxover'" onmouseout="this.className='boxoutBorder'" onclick='change_location("/teller.php");'> <!--Таблица №1 в первой ячейке--> <table width="220" height="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td> <!--Картинка с закругленными углами--> <div class="roundcont"><div class="roundtop"><img src="test/tl000000.gif" width="2" height="2" class="corner"></div> <div class="img"><img src="test/56577lig.jpg" width="220" height="114"></div> <div class="roundbottom"><img src="test/bl000000.gif" width="2" height="2" class="corner" ></div> </div> </td> </tr> </table> </td> <td valign=top class="boxoutBorder" onMouseOver="this.className='boxover'" onmouseout="this.className='boxoutBorder'" onclick='change_location("/teller.php");'> <!--Таблица №2 во второй ячейке--> <table width="220" height="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td> <!--Картинка с закругленными углами--> <div class="roundcont"><div class="roundtop"><img src="test/tl000000.gif" width="2" height="2" class="corner"></div> <div class="img"><img src="test/56577lig.jpg" width="220" height="114"></div> <div class="roundbottom"><img src="test/bl000000.gif" width="2" height="2" class="corner" ></div> </div> </td> </tr> </table> </td> <td valign=top class="boxoutBorder" onMouseOver="this.className='boxover'" onmouseout="this.className='boxoutBorder'" onclick='change_location("/teller.php");'> <!--Таблица №3 в третьей ячейке--> <table width="220" height="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td> <!--Картинка с закругленными углами--> <div class="roundcont"><div class="roundtop"><img src="test/tl000000.gif" width="2" height="2" class="corner"></div> <div class="img"><img src="test/56577lig.jpg" width="220" height="114"></div> <div class="roundbottom"><img src="test/bl000000.gif" width="2" height="2" class="corner" ></div> </div> </td> </tr> </table> </td> </tr> </table> </body> </html>
  6. sirop
    Сделал самодельный <select>, но этот вариант не подошел. А можно на примере вариант с <iframe> ?
  7. sirop
    Здравствуйте. Всплывающая подсказка в ИЕ6 работает хорошо до тех пор пока на страничке нет полей формы - на их месте всплывающее окно уходит за эти поля. Перепробовал много различных вариантов, но не нашел исправного. И z-index не помагает Подскажите выход? Пробовал и такой вариант, может кому будет интересен (та же проблема в ИЕ6 с полями формы: <style type="text/css"> #bubble_tooltip{ width:147px; position:absolute; display:none; } #bubble_tooltip .bubble_middle{ padding-left:7px; padding-right:7px; } #bubble_tooltip .bubble_middle span{ position:relative; top:-8px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:11px; } </style> <script type="text/javascript"> function showToolTip(e,text){ if(document.all)e = event; var obj = document.getElementById('bubble_tooltip'); var obj2 = document.getElementById('bubble_tooltip_content'); obj2.innerHTML = text; obj.style.display = 'block'; var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop); if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; var leftPos = e.clientX - 100; if(leftPos<0)leftPos = 0; obj.style.left = leftPos + 'px'; obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px'; } function hideToolTip() { document.getElementById('bubble_tooltip').style.display = 'none'; } </script> <div id="bubble_tooltip"> <div class="bubble_middle"><span id="bubble_tooltip_content"></span></div> </div> <br><br><br><br><br><a href="" onmouseover="showToolTip(event,'Это текст в окне всплыващей подсказки');return false" onmouseout="hideToolTip()">Наведите курсор</A>
  8. sirop
    Это лучше сделать не стилями, а уже непосредственно в коде php при генерировании странички - вместо тега <br> нужно использовать <p> Могу только предположить, что у Вас в админке есть интерфейс управления. Там есть поле ввода ответа и вы ставите перенос строки Enter ом, который потом обрабатывается, как <br> Поэтому попробуйте ставить 2 переноса строки Но это тема для другого форума
  9. sirop
    Эх, жаль. Как раз и хотел этого - при size больше 0 убрать бордюры. Прийдётся искать другие способы. Спасибо за ответы
  10. sirop
    Здравствуйте. Никак не получается создать список select без рамки. Подскажите, как это можно сделать? <select size=2 style="width: 100%; margin: 5px; border: 0"> <option value="VAK">Вакансии</option> <option value="ACC">Афоризмы</option> </select>
×
×
  • 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