Jump to content

iillyyaa2

User
 View Profile  See their activity

  • Posts

    242

  • Joined

  • Last visited

 Content Type 

Everything posted by iillyyaa2

  1. iillyyaa2
    то, что я написал последний раз, не работает ?
  2. iillyyaa2
    .a-link { color:#6c5d4e; text-decoration: none; display:block; margin-left:70px; padding: 20px 0 0 40px; } .a-link:hover { background-image:url(img/a-hover.png); background-position: center; }
  3. iillyyaa2
    а это разве хорошо ?? <div class="div.doska_menu"></div>
  4. iillyyaa2
    D1mK4 уже сказал, используй padding к примеру: padding: 0 0 0 40px;
  5. iillyyaa2
    я не понял, что это значит
  6. iillyyaa2
    Всё, разобрался... .tabHelpMenu { display: inline; } исправило проблему с float:left csshover.htc, решило проблему ховеров Всем спасибо.
  7. iillyyaa2
    Gaspode, не в этом дело.. где то ещё что то в коде, что не работает.. меню даже нормально не распологается... не отрабатывает флоат:лефт да и ссылки как бы есть.. подключение csshover.htc никак ни на что не повлияло.
  8. iillyyaa2
    .top_head_menu ul{ этого ведь не существует...
  9. iillyyaa2
    сделал, всё вроде хорошо... везде всё работает... а тут открыл из ie6 и расстроился не работает даже флоат:лефт... вообще ничего не работает... один список в столбец (а не встрочку) и никакой реакции на мышку что то тыкаю, но разобраться не могу... что такое не поддерживает ie6 ? <!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"> <style type="text/css"> .listHelpMenu { padding: 35px 0 0; list-style: none; margin: 0; } .HelpBtn { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; float: left; margin: -33px 10px 0 0; height: 24px; padding: 5px; cursor: pointer; } .helpText { display: none; float: right; width: 100%; margin: 0 0 0 -100%; position: relative; z-index: 1; } .tabHelpMenu:hover .HelpBtn { height: 15px; margin: -24px 10px 0 0; position: relative; } .tabHelpMenu:hover .helpText{ display: block; } </style> <ul class="listHelpMenu"> <li class="tabHelpMenu"> <a class="HelpBtn" href="#tab1">tab 1</a> <div class="helpText"> text 1 </div> </li> <li class="tabHelpMenu"> <a class="HelpBtn" href="#tab2">tab 2</a> <div class="helpText"> text 2 </div> </li> </ul>
  10. iillyyaa2
    psywalker, спос, идею понял, буду делать
  11. iillyyaa2
    в ие8 не работает хром и фф работает, а ie остался в стороне...
  12. iillyyaa2
    <div class="tab-c"> <div class="tab-frame"> text 1 </div> </div> это лишний код ? или зачем он ? не пойму...
  13. iillyyaa2
    скорее всего проблема с селекторами, ибо .s:hover { border: 1px solid; } обрабатывается нормально, а вот с селекторами засада и вот такой код срабатывает в хроме: .m:hover + .s { display:block; } <div class="m">m1</div> <div class="s">s1</div> больше 2 селекторов не хочет обрабатывать... может можно как то переработать мой код в первом посте ? вот так не работает: .m:hover + div + .s { display:block; } <div class="m">m1</div> <div class="dd">ssdd</div> <div class="s">s1</div> а вот так глючит (что бы сработало нужно именно с соседнего дива заехать и что бы убралось вывести мышку нужно через соседний див) div:hover + div + div { display:block; } <div class="m">m1</div> <div class="dd">ssdd</div> <div class="s">s1</div> какая то жесть данный код опять же работает везде кроме хрома: .m:hover ~ .s { display:block; } реально что то они напортачили...
  14. iillyyaa2
    всё великолепно, ie и ff работает на ура, а вот в хроме никакой реакции... в чём может быть дело ?
  15. iillyyaa2
    упростил твой код, оказалось ещё проще... <!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>Untitled Document</title> <style> div { border: 1px solid; display:block; } .m { float: left; width:50px; height:50px; position: relative; border: 1px; } .s { display:none; position: relative; clear: both; width:200px; height:200px; } .m:hover + div + div + .s { display:block; } </style> </head> <body> <div class="m">m1</div> <div class="m">m2</div> <div class="m">m3</div> <div class="s">s1</div> <div class="s">s2</div> <div class="s">s3</div> <div style="position:absolute;clear:both;border: 0px;"></div> </body> </html>
  16. iillyyaa2
    Огромное спасибо, не додумался я, разместить блоки так... и "прыгать через несколько"
  17. iillyyaa2
    Идея думаю будет понятна из кода, вот только как заставить не падать блоки вниз ? Блоки должны быть резиновыми, размеры дал просто для понимания что и где, вариант поставить координаты блоку не подходит. Сделать такое на яве делов 5 минут, вот только интересует вариант на CSS, или такое не возможно ? <!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"> <style> div { border: 1px solid; display:block; } .m1 , .m2 , .m3 { float: left; width:50px; height:50px; position: relative; border: 1px; } .s1 , .s2 , .s3 { display:none; position: relative; clear:both; width:200px; height:200px; } .m1:hover + .s1 { display:block; } .m2:hover + .s2 { display:block; } .m3:hover + .s3 { display:block; } </style> <div class="m1">m1</div> <div class="s1">s1</div> <div class="m2">m2</div> <div class="s2">s2</div> <div class="m3">m3</div> <div class="s3">s3</div> <div style="position:absolute;clear:both;border: 0px;"></div>
×
×
  • 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