sitemaker999
-
Posts
88 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Everything posted by sitemaker999
-
Съезжает выделение, появляющееся при наведении курсора
sitemaker999 replied to sitemaker999's question in HTML Coding
Спасибо! -
Съезжает выделение, появляющееся при наведении курсора
sitemaker999 posted a question in HTML Coding
У меня баг (скрин под спойлером): Как видите, красное выделение съезжает до первой линии. Как это лечится? Код: HTML: CSS: -
Растянуть контейнер до низа страницы.
sitemaker999 replied to sitemaker999's question in HTML Coding
Я нашел другой способ: http://jsfiddle.net/JQv7Q/3/ -
Растянуть контейнер до низа страницы.
sitemaker999 replied to sitemaker999's question in HTML Coding
@alacka, как теперь убрать скролл? -
Растянуть контейнер до низа страницы.
sitemaker999 replied to sitemaker999's question in HTML Coding
Мне не одинаковой высоты, мне нужно так: http://sitemakers.3dn.ru/img/11122233.png -
Растянуть контейнер до низа страницы.
sitemaker999 replied to sitemaker999's question in HTML Coding
А "фиксированной высоты" - это как? -
Я делаю дизайн для сайта. И мне нужно растянуть контейнер слева до низа страницы. Как это сделать. Шаблон: http://jsfiddle.net/JQv7Q/
-
Привет всем! У меня такая проблема: В IE вместо фона отображаются полосы высотой 1 пикс. Причину я знаю - в IE не поддерживается background-size http://jsfiddle.net/kG8x4/ Фулл-скрин:http://jsfiddle.net/kG8x4/show/ Как это исправить?
-
Если мой пример разбирать, то: http://jsfiddle.net/...diablo/CkXx4/2/ HTML код: <table width="100%" class="test" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="200px" class="test2">Установленно 200px</td> <td scope="col">Установленно 100%</td> <td width="200px" class="test3">Установленно 200px</td </tr> </table> CSS код: .test { background-color:#F60;} .test2 { background-color:#0F0;} .test3 { background-color:#008e00;} Посмотрите раздел "типовые макеты". Там есть описание резинового трёхколоночного макета. спс.... уже рабобрался
-
а как еще справа добавить колонку 200 пикс.
-
Спасибо за ответ!
-
Под 100% я имел в виду остальное пространство, а пикселей 200.
-
как сделать макет как на изображении ниже: ? Жду ответа.
-
делает все переменные внутри (объявляемые через var) локальными (то есть работающими только внутри)
-
Да не за что!
-
правому поставьте float:left третьему тоже Пример: http://jsfiddle.net/7KUzH/
-
у меня стоит float:right только не в стиле для IE<=7 а для ВСЕХ браузеров Идите на главную, все увидите.
-
Стоп! Если контента меньше чем сайдбара, то в IE сайдбар съезжает немного влево. я уже это исправил
-
:D :D :D вы ошиблись: #layoutblock { margin-left: -480px; position: relative; left: 50%; }
-
пустое пространство исправил хаками, а вот то что враппер слева - нет только появилась проблема: в IE если контента меньше, чем меню, то появляется пустое пространство справа
-
у меня IE7 под XP
-
макет все равно слева и еще, в нормальных браузерах справа сайдбара пустое пространство
-
http://sitemakers.lo...l/html/comment/ зайдите на эту страницу в IE: тут-то и появились проблемы во всех остальных браузерах - нормально HTML: <!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>Документ без названия</title> <link href="/0.css" rel="stylesheet" type="text/css" /> <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon" /> </head> <body> <div id="layoutblock"> <div id="headerblock"><h1 align="center">Сайт и сайтостроение</h1></div> <div id="contentblock"> Контент </div> <div id="rightblock"><?php include($_SERVER['DOCUMENT_ROOT']."/menu.php"); ?></div> <div id="footerblock">© 2013-<?php echo date('Y') ?>. Все права защищены.</div> </div> <?php include($_SERVER['DOCUMENT_ROOT']."/xdata.php") ?> </body> </html> CSS: @charset "utf-8"; /* MAIN STYLE */ body { background: url(http://sitemakers.lordhosting.ru/template/sitebg.jpg) fixed; margin: 0; } #layoutblock { background-color: #FFFFFF; width: 960px; margin: auto; border-radius: 50px; zoom: 1; } #rightblock, #contentblock {float: left;} #headerblock, #footerblock {clear: both;} #rightblock { width: 240px; background-color: #FBE8E1; zoom: 1; } #headerblock { width: 960px; background-color: #561D09; color: #FFFFFF; height: 50px; line-height: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; zoom: 1; } #headerblock h1 {margin: 0;} #contentblock { width: 704px; background-color: #FFFFFF; padding: 8px; zoom: 1; } #footerblock { width: 960px; /*background-color: #FFFFFF;*/ padding-left: 50px; padding-right: 50px; zoom: 1; } /* SITE MENU */ .sitemenu {list-style-type: none; padding: 0;} .sitemenu li.item {} .sitemenu a {color: #000000; text-decoration: none;} .sitemenu li.subitem {padding-left: 10px;} .sitemenu li.subitem2 {padding-left: 20px;} .sitemenu li.selected {} .sitemenu li.subsel {} .sitemenu li.subsel2 {} /* CODE */ .insertedcode { color: #000; background-color: #D6D6D6; font-family: "Courier New", Courier, monospace; font-size: 9pt; padding: 5px; white-space: pre-wrap; } .insertedcode span.comment { color: #999999; } .insertedcode .tag { font-weight: bold; color: #006699; } .insertedcode .doctype { color: #006699; } .insertedcode .attribute { font-weight: normal; color: #B61039; } .insertedcode .attrval { color: #39892F; font-weight: normal; } .insertedcode .live { background-color: #666666; } /* DOWNLOAD BUTTON */ .buttondownload:link, .buttondownload:visited, .buttondownload:hover { display: block; border-radius: 50px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#008000', gradientType=0); background-image: -o-linear-gradient(top, #00ff00, #008000); background-image: -moz-linear-gradient(top, #00ff00, #008000); background-image: -webkit-linear-gradient(top, #00ff00, #008000); background-image: -ms-linear-gradient(top, #00ff00, #008000); background-image: linear-gradient(top, #00ff00, #008000); text-decoration: none; color: #FFFFFF; height: 100px; line-height: 100px; text-align: center; font-size: 100px; } .buttondownload:active { display: block; border-radius: 50px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008000', endColorstr='#00ff00', gradientType=0); background-image: -o-linear-gradient(top, #008000, #00ff00); background-image: -moz-linear-gradient(top, #008000, #00ff00); background-image: -webkit-linear-gradient(top, #008000, #00ff00); background-image: -ms-linear-gradient(top, #008000, #00ff00); background-image: linear-gradient(top, #008000, #00ff00); text-decoration: none; color: #FFFFFF; height: 100px; font-size: 100px; }
-
А вы не могли бы подсказать как сделать счетчик с использованием куков? не советую, если пользователь почистит куки, то будет +1 пользователь
-
Масштабирование и центрирование содержимого окна под разрешение клиента
sitemaker999 replied to son6ka's question in HTML Coding
ставишь на body: overflow-x: hidden; Javascript: scrollTo(document.documentElement.offsetWidth/4) window.onresize = function() { scrollTo(document.documentElement.offsetWidth/4) }