notTrue
-
Posts
36 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by notTrue
-
#bl_1{ ... margin-top:5px; ... } .menu #bl_1 a:hover{ ... margin-top:1px; ... } прыгает, я так понимаю он - .menu #bl_1 a:hover на 4px
-
А в каком браузере у вас "прыгает"? Ваш код в 4-й мозилле,5-й сафари, опере 11 и хроме смотрится нормально, ие 8 тоже не прыгает, там другой косяк вылезает(
-
судя по вашему коду он смещается влево, ибо margin-left:0px и в верх margin-top:1px в ховере
-
Отмените обтекание: <div style="border:1px solid #bbb;"> <h2>Заголовок</h2> <img src="" alt="img" style="float:left;width:100px;height:100px;" /> <p>теkст описание картинки</p> <div style="clear:left;"></div> </div>
-
Может ето поможет??
-
Если речь именно о скругленных углах то, я уже давал ссылку выше, там решение и в ИЕ работает.
-
У меня в 8-м эксплорере картинка на месте, для 6,7 expression нада использовать(в гугле куча инфы поэтому вопросу). А углы можно картинками сделать, как в ИЕ 6,7 будет смотреться не знаю, но есть подозрение что, тоже колдовать придется.
-
Прошу прощения за сумбурный код в посте выше. Вот так лучше: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=Windows-1251" /> <title>test</title> <style type="text/css"> body { background:white; } .box { border:1px solid black; margin:20px; min-width:580px; width:580px; display:table; vertical-align: middle; position:relative; z-index:1; } .roundbox { margin:40px 0 40px 0px; width:480px; float:right; border:2px solid #CC0000; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; min-height:110px; } .roundbox div { padding:15px; text-align:justify; font-family:Arial; font-size:12px; } .wrapper_img { padding-left:45px; display:table-cell; vertical-align:middle; } img { height:30px; width:30px; border:none; } </style> </head> <body> <div class="box"> <div class="wrapper_img"><img src="http://garant-vrn.ru/img/podskazka/voskl-znak.png" alt="внимание" /></div> <div class="roundbox"> <div><b>Индивидуальный подход</b><br /><br />Ваш текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div> </div> </div> </body> </html>
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=Windows-1251" /> <title>test</title> <style type="text/css"> body{background:white;} .box{border:1px solid black;margin:20px;min-width:580px;width:580px;display:table;vertical-align: middle; position:relative;z-index:1;} .roundbox{margin:40px 21px 40px 0px;width:480px;float:right;border:2px solid #CC0000;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;min-height:110px;} .roundbox div{padding:15px;text-align:justify;font-family:Arial;font-size:12px} .box .wapper_img { display:table-cell; vertical-align:middle; } .box img.wapper_img { height:30px; width:30px; border:none; vertical-align: middle; } </style> </head> <body> <div class="box"> <div class="wapper_img"><img src="http://garant-vrn.ru/img/podskazka/voskl-znak.png" alt="внимание" /></div> <div class="roundbox"> <div><b>Индивидуальный подход</b><br /><br />Ваш текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div> </div> </div> </body> </html> немного доработал предыдущий пример
-
Вот тут нормально сделано ссылка
-
Хм.. А так ли важно что он(Internet Explorer 6) любит??