sitemaker999
-
Posts
88 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Posts posted by sitemaker999
-
-
У меня баг (скрин под спойлером):
Как видите, красное выделение съезжает до первой линии. Как это лечится? Код:
HTML:
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>[TITLE]</title><link href="template.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="template.js"></script></head><body><header> <div id="t-header-leftbar"> <div id="t-menu-button"> <div class="thlb"></div> <div class="thlb"></div> <div class="thlb"></div> </div> </div> <div id="t-header-logo">SITE LOGO</div> <div class="clearfix"></div></header></body></html>
CSS:
@charset "utf-8";@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,700italic&subset=latin,cyrillic-ext,latin-ext,cyrillic);body { margin: 0; background: #ecf0f1; font-family: "Open Sans", sans-serif;}header { border-bottom: solid 3px #e74c3c; font-weight: 300; height: 50px;}#t-header-leftbar { float: left; width: 33.33333333333333333333333333%; height: 50px}#t-header-logo { float: left; width: 33.33333333333333333333333333%; height: 50px; text-align: center; font-size: 16pt; line-height: 50px;}.clearfix { clear: both;}#t-menu-button:hover { background: #e74c3c; width: 50px; height: 50px;}.thlb { border-top: solid 1.5px #000000; border-bottom: solid 1.5px #000000; margin-left: 12.5px; margin-top: 10px; width: 25px;}
-
Я нашел другой способ:
-
@alacka, как теперь убрать скролл?
-
Мне не одинаковой высоты, мне нужно так:
http://sitemakers.3dn.ru/img/11122233.png -
а страница у вас фиксированной высоты? Если да, то дайте высоту левому блоку, если нет, то создайте футер.
А "фиксированной высоты" - это как? -
Я делаю дизайн для сайта. И мне нужно растянуть контейнер слева до низа страницы. Как это сделать.
Шаблон: http://jsfiddle.net/JQv7Q/ -
Привет всем!
У меня такая проблема:
В IE вместо фона отображаются полосы высотой 1 пикс.
Причину я знаю - в IE не поддерживается background-size
Фулл-скрин:http://jsfiddle.net/kG8x4/show/
Как это исправить?
-
а как еще справа добавить колонку 200 пикс.
Если мой пример разбирать, то:
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 пикс.
Посмотрите раздел "типовые макеты". Там есть описание резинового трёхколоночного макета.
чтобы добавить справа еще колонку сделать можно так
естесно есть определенные условия данной верстки, приличное количество "если"
например желательно установить минимальную ширину, чтобы контент не наезжал на правую колонку или чтобы правая колонка не съезжала вниз при маленьких размерах экрана
и если вдруг столкнешся еще с какими-нибудь если, то будем их рассматривать по отдельности
табличный вариант имеет меньше гемора в этом плане, там все автоматически выстраивается, но там свои нюансы
спс.... уже рабобрался
-
а как еще справа добавить колонку 200 пикс.
-
если пикселей 200 - не больше не меньше, в зависимости от контента можно сделать разными способами, например так http://jsfiddle.net/9HHKe/
Спасибо за ответ!
-
количество пикселей неизвестно. Не буду уверен, но скажу, что такой макет в принципе невозможно реализовать. Хотя бы потому, что 100% - это вся ширина экрана...
Под 100% я имел в виду остальное пространство, а пикселей 200.
-
как сделать макет как на изображении ниже:
?Жду ответа.
-
делает все переменные внутри (объявляемые через var) локальными (то есть работающими только внутри)
-
спс. получилось
Да не за что!
-
-
у меня стоит float:right только не в стиле для IE<=7 а для ВСЕХ браузеров
Стоп! Если контента меньше чем сайдбара, то в IE сайдбар съезжает немного влево.Идите на главную, все увидите.
-
Стоп! Если контента меньше чем сайдбара, то в IE сайдбар съезжает немного влево.
эти стили только под ИЕ7 естественно? у нем проверил выравнивание по-центру страницы - все ок.
Или может я не правильно понял проблему.
я уже это исправил
-
недобраузер
:D :D :Dвы ошиблись:
#layoutblock {
margin-left: -480px;
position: relative;
left: 50%;
}
-
пустое пространство исправил хаками, а вот то что враппер слева - нет
только появилась проблема: в IE если контента меньше, чем меню, то появляется пустое пространство справа
-
у меня IE7 под XP
-
ещё один недоклон появился. эх...
У тебя ширина враппера 960пк. Ширина центральной колонки (В ИЕ) равна 750пк. Так что как бы ты не старался, но ширина сайдбара должна быть 210пк.
макет все равно слева
и еще, в нормальных браузерах справа сайдбара пустое пространство
-
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;
} -
оптимизируем:
$update = mysql_query ("UPDATE `articles` SET `view`=`view`+1 WHERE id=".(int)$id);а если по теме, то тут надо не по IP, а куки оставлять, и если есть куки, то чел уже был на сайте
А вы не могли бы подсказать как сделать счетчик с использованием куков?
не советую, если пользователь почистит куки, то будет +1 пользователь
-
ставишь на body:
overflow-x: hidden;Javascript:
scrollTo(document.documentElement.offsetWidth/4)
window.onresize = function() {
scrollTo(document.documentElement.offsetWidth/4)
}
Съезжает выделение, появляющееся при наведении курсора
in HTML Coding
Posted
Спасибо!