Jump to content

ils

User
  • Posts

    61
  • Joined

  • Last visited

Everything posted by ils

  1. А градиенты тут не причем. <html> <head> <title>Page</title> <style> body { background: white; } .block { width: 100px; height: 50px; position: relative; background: lightblue; } .block:before { content: ''; position: absolute; width: 0; height: 0; border: solid; border-width: 25px 25px 0 0; border-color: lightblue white; right: 0; bottom: 0; } </style> </head> <body> <div class="block">text</div> </body> </html>
  2. <nav> <ul> ... двухуровневое меню ... </ul> </nav>
  3. <div class="slider_body"></div> и <div class="slider_next"></div> местами поменять.
  4. Если проблема в ячейке: <td style="border: none;" valign="top" bgcolor="#fff"> <a href="ссылка"> <img src="ссылка"> </a> </td> то попробуйте так: <style> .xxx, .xxx>img { display: block; } </style> <td style="border: none;" valign="top" bgcolor="#fff"> <a class="xxx" href="ссылка"> <img src="ссылка"> </a> </td>
  5. <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Page</title> <style> body:before, body:after { content: ' '; width: 30px; height: 100%; background: blue; position: absolute; top: 0; } body:before { left: 0; } body:after { right: 0; } </style> </head> <body> </body> </html>
  6. <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Page</title> <style> .wrapper { width: 960px; margin: 0 auto; position: relative; } .header { background: red; height: 50px; } .content { background: green; margin-top: 30px; } .menu { background: blue; height: 30px; position: absolute; top: 50px; width: 100%; } .footer { background: yellow; } </style> </head> <body> <div class="wrapper"> <div class="header">header</div> <div class="content">content</div> <div class="menu">menu</div> <div class="footer">footer</div> </div> </body> </html>
  7. ils

    Помочь с CSS.

    .menu { z-index: 1; } а лучше: .menu { background: url(изображение.png); }
  8. Посмотрел шаблон. Сделать-то можно, но придется перелопатить минимум половину. Легче заново переписать. Найдите лучше другой шаблон.
  9. Ээээ... А что мешает запихнуть весь текст в один блок?
  10. Тады так: И в Firefox-e это тоже работает.
  11. <div id="OverlayContainer" style="position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1; visibility: hidden; opacity: 0; height: 1494px">
  12. Можно сделать Так, но это редкостное извращение.
  13. http://jsfiddle.net/ils_user/WwEwz/
  14. Попробую догадаться еще раз: Сейчас у вас Вам нужно И, если что, в следующий раз сляпайте скриншот Вот-так
  15. Никак. Этот блок - полоса меню? Я угадал?
  16. Если увеличить - line-height в % - вертикальный padding Если уменьшить - line-height 100%
  17. По моему везде одинаково ужасно (imho).
  18. А вы скрин или схему всей страницы выложите, а то не очень понятно что и где должно находиться.
  19. .menu { line-height: высота иконки; }
  20. Как-то так: <!doctype html> <html> <head> <title>Page</title> <style> #toc { display: none; } </style> <script> window.onload = function() { var counter = 0; var cn = document.getElementById('content').childNodes; for (var i = 0; i < cn.length; i++) { if (cn[i].nodeName == 'H1') counter++; } if (counter > 3) document.getElementById('toc').style.display = 'block'; } </script> </head> <body> <div id="toc"> Содержание </div> <div id="content"> <h1>Заголовок 1</h1> <h1>Заголовок 2</h1> <h1>Заголовок 3</h1> <h1>Заголовок 4</h1> </div> </body> </html> Или такое извращение (но без JS): <!doctype html> <html> <head> <title>Page</title> <style> #toc { display: none; } h1 + h1 + h1 + h1 + #toc { display: block; } </style> </head> <body> <div id="content"> <h1>Заголовок 1</h1> <h1>Заголовок 2</h1> <h1>Заголовок 3</h1> <h1>Заголовок 4</h1> <div id="toc"> Содержание </div> </div> </body> </html>
  21. white-space: nowrap; Упс. Накосячил. Вопрос то не об этом Кажись display: table-cell для li.
  22. ??? А по человечески? С примером.
×
×
  • 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