ils
User-
Posts
61 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by ils
-
А градиенты тут не причем. <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>
-
<nav> <ul> ... двухуровневое меню ... </ul> </nav>
-
<div class="slider_body"></div> и <div class="slider_next"></div> местами поменять.
-
Если проблема в ячейке: <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>
-
<!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>
-
<!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>
-
.menu { z-index: 1; } а лучше: .menu { background: url(изображение.png); }
-
Посмотрел шаблон. Сделать-то можно, но придется перелопатить минимум половину. Легче заново переписать. Найдите лучше другой шаблон.
-
Ээээ... А что мешает запихнуть весь текст в один блок?
-
Тады так: И в Firefox-e это тоже работает.
-
<div id="OverlayContainer" style="position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1; visibility: hidden; opacity: 0; height: 1494px">
-
Можно сделать Так, но это редкостное извращение.
-
http://jsfiddle.net/ils_user/WwEwz/
-
Вы про ctrl+ ctrl-?
-
Попробую догадаться еще раз: Сейчас у вас Вам нужно И, если что, в следующий раз сляпайте скриншот Вот-так
-
никак
-
Можно ли указывать margin в разных величинах?
ils replied to and_zheltukhin's question in HTML Coding
Конечно. -
Никак. Этот блок - полоса меню? Я угадал?
-
Если увеличить - line-height в % - вертикальный padding Если уменьшить - line-height 100%
-
По моему везде одинаково ужасно (imho).
-
А вы скрин или схему всей страницы выложите, а то не очень понятно что и где должно находиться.
-
.menu { line-height: высота иконки; }
-
верстка блока, который появляется только при наличии более 3 заголовков
ils replied to beliy's question in HTML Coding
Как-то так: <!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> -
white-space: nowrap; Упс. Накосячил. Вопрос то не об этом Кажись display: table-cell для li.
-
??? А по человечески? С примером.