ils
-
Posts
61 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by ils
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="http://www.fcwindow.tu2.ru" content="text/html; charset=windows-1251"> <meta name="generator" content=""> <title></title> </head> <link rel="stylesheet" type="text/css" href="text.css"> <link rel="stylesheet" type="text/css" href="http://www.fc-window.tu2.ru"> <body> <div class="os"> <img src="images/shapka.png"> <div class="vl"> <div id="leftcol"> текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 </div> <div id="rightcol"> <div class="ava"><img src="images/NikNak.jpg" width="220px" height=""> </div> <div class="card"> <table> <tr> <td width="98px" height="98px" bgcolor="" align="center"><img src="images/man.png"></td> <td width="20px" height="98px"></td> <td width="20px" height="98px" bgcolor="fff"></td> <td width="20px" height="98px"></td> <td width="20px" height="98px" bgcolor="fff"></td> </tr> </table> </div> <div> текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 текст1 </div> </div> <div style="clear:both"></div> </div> </div> </body> </html> BODY { text-align: center; /* Выравнивание блока по центру */ margin-top: 0; } A IMG { border: none; /* Убираем границу */ } .os { background: url(images/fon.png) repeat-x right top; margin: auto; /* Отступы вокруг блока */ width: 900px; /* Ширина блока */ background-color: #fff; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); } .vl { margin: auto; width: 98%; /* Ширина блока */ background: white; /* Цвет фона */ border: -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 2px 2px 4px #888; } #leftcol { /* Левая колонка*/ width: 625px; /* Ширина слоя */ float: left; /* Состыковка с соседним слоем */ background: #ffC; /* Цвет фона левой колонки */ /*margin-left: 11px; margin-top: 13px;*/ } #rightcol { /* Правая колонка*/ width: 240px; ~background: #e0e0e0; /* Цвет фона правой колонки */ margin: 3px 3px 3px 630px; } .ava { ~background: url(images/NikNak.jpg); margin: 10px; /* Отступы вокруг блока */ width: 220px; /* Ширина блока */ } .card { margin: 10px; /* Отступы вокруг блока */ width: 220px; height: 150px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); } Так??? и margin-ы, padding-и у левой и правой колонки заново напиши.
-
Вместо div#canvas div#tabs{ margin: 100px; border: 1px red solid; } #canvas { padding: 100px; } #tabs{ border: 1px red solid; } Вы об этом??? И незачем воротить конструкции вроде: div#top div#menu a:HOVER достаточно: #menu a:hover
-
Как выровнять блоки div с изображениями по вертикали?
ils replied to hea8y's question in HTML Coding
Да и вообще затея дерьмовая (imho). Можно поместить изображения в DIVы c height:25%, но, например в Opera, это дело глючит при ресайзе окна. -
Как выровнять блоки div с изображениями по вертикали?
ils replied to hea8y's question in HTML Coding
Да вроде без скриптов никак. -
Код в студию. И как должно выглядеть. А то из вашего объяснения ничего непонятно.
-
Если это статика и измененить нужно только одну страницу, то замените: <div class="blockr"> на: <div class="blockr" style="position:relative;left:200px"> Коряво, но работает.
-
PHP+БД?
-
Times new roman < 14px выглядит отвратительно (imho). Используйте arial и не парьтесь.
-
Может и для IE6. Я вообще не сторонник поддержки слишком старых браузеров.
-
Для IE7 добавить: .main > div { zoom: 1; display: inline; } И все будет ОК.
-
Попробуй это: <style> .main { background: lightblue; white-space: nowrap; overflow-x: auto; } .main > div { display: inline-block; } </style> <div class="main"> <div>Текст1</div> <div>Текст2</div> <div>Текст3</div> <div>Текст4</div> <div>Текст5</div> <div>Текст6</div> <div>Текст7</div> <div>Текст8</div> </div> Результат:
