Sayitright
-
Posts
68 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Sayitright
-
-
Так, с поразмыслив, понял, что рамка создаёт искажение. Но без неё, стиль получается поганенький.
-
C Праздником
-
Благодарю. Ваш вариант превосходно работает.
Я его под свои нужды настроил, и снова косяк - при смене разрешения на меньшее, правый блок съезжает вниз.
.n1 {
width:47%;
overflow: hidden;
float: left;
border:1px solid black;
margin-bottom:10px;
padding:5px;
padding:5px 1% 5px 1.25%;
}
.n2 {
width:47%;
overflow: hidden;
float: left;
border:1px solid black;
margin-bottom:10px;
margin-left:1%;
padding:5px 1% 5px 1.25%;
}
-
<div class="n1">Б1</div>
<div class="n2">Б2</div>
.n1 {
display:inline-block;
border:1px solid black;
width:49%;
}
.n2 {
display:inline-block;
border:1px solid black;
width:49%;
}
При разных разрешениях, блок съезжает на другую строку
-
Здравствуйте. Я затрудняюсь на создании резинового блока. дело в том, что я делаю два резиновых блока, присоединённых друг за другом. если в файле стилей я прописываю 50% на каждый, то при смене разрешения они искривляются и искажаются, в зависимости от количества слов в тексте в них.
Если у кого есть опыт, скажите, как сделать два резиновых блока. высоту можно сделать фиксированной 200px.
<div>Блок 1</div<div>Блок 2</div
-
спасибо) , права в файрфоксе бордер наступает на лого)
-
ну посмотрите же вы!
-
кто знает?
-
Надо было удалять вирь через сервис http://support.kaspersky.ru/viruses/deblocker
-
Не помогает
-
В IE 6 так же не пристыковывает
Помогите пожалуйста))
-
-
сорри, сайт на локалке((
пожалуйста помогите)
-
Здравствуйте. Я "верстаю" шаблон, и в ie6 верхнее меню не пристыковывается с левой стороны к шапке. А firefoxe всё хорошо.
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Rational by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer">
<div id="header"><img src="images/logo.gif" />
<div id="poisk"></div>
</div>
<div class="invertedshiftdown">
<ul>
<li><a href="#" title="Home">Home</a></li>
<li><a href="#" title="New">New</a></li>
<li class="current"><a href="#" title="Revised">Revised</a></li>
<li><a href="#" title="Tools">Tools</a></li>
<li><a href="#" title="CSS">CSS</a></li>
<li><a href="#" title="DHTML Forums">Forums</a></li>
</ul>
</div>
<br style="clear: both;" />
<div id="content">
<div id="primaryContentContainer">
<div id="primaryContent">
текст
</div>
</div>
<div id="secondaryContent">
меню
</div>
<div class="clear"></div>
</div>
<div id="footer">
<p>Copyright </a></p>
</div>
</div>
</body>
</html>CSS
*
{
margin: 0em;
padding: 0em;
}
h1,h2,h3,h4,h5,h6
{
color: #6a6a6a;
}
body
{
font-family: "Trebuchet MS", sans-serif;
color: #7a7a7a;
font-size: 11pt;
}
a
{
color: #AF0A0A;
text-decoration: underline;
}
a:hover
{
text-decoration: none;
}
/* Outer */
#outer
{
margin: 0;
}
/* Header */
#header
{
height: 175px;
width: 15.625em;
float: left;
position: relative;
background: #AF0A0A url('images/a1.gif') top right no-repeat;
}
#poisk {
position:absolute;
background-image:url(images/poisk.jpg);
height:36px;
top:175px;
left:0;
width:250px;
}
/* Menu */
.invertedshiftdown{
height: 12em;
margin-left: 17em;
position: relative;
padding: 0;
border-top: 5px solid #FB3434; /*Red color theme*/
background: transparent;
}
.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
.invertedshiftdown a:hover{
background-color: #FB3434; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}
.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #FB3434; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}
/* Content */
#content
{
background: #fff url('images/a3.gif') top left repeat-x;
margin-top: 1px;
padding-top: 1.5em;
}
/* Primary Content */
#primaryContentContainer
{
float: right;
margin-left: -19em;
width: 100%;
}
#primaryContent
{
margin: 0em 0em 0em 18em;
padding: 1.5em;
border-left: dotted 1px #cacaca;
}
/* Secondary Content */
#secondaryContent
{
float: left;
width: 15em;
padding: 1.5em;
}
/* Footer */
#footer
{
margin-top: 1.0em;
border-top: dotted 1px #cacaca;
padding: 1.5em;
font-size: 0.9em;
text-align: center;
}
.clear
{
clear: both;
}
}
/* Content */
#content
{
background: #fff url('images/a3.gif') top left repeat-x;
margin-top: 1px;
padding-top: 1.5em;
}
/* Primary Content */
#primaryContentContainer
{
float: right;
margin-left: -19em;
width: 100%;
}
#primaryContent
{
margin: 0em 0em 0em 18em;
padding: 1.5em;
border-left: dotted 1px #cacaca;
}
/* Secondary Content */
#secondaryContent
{
float: left;
width: 15em;
padding: 1.5em;
}
/* Footer */
#footer
{
margin-top: 1.0em;
border-top: dotted 1px #cacaca;
padding: 1.5em;
font-size: 0.9em;
text-align: center;
}
.clear
{
clear: both;
} -
Спасибо большое за ответы. Я сам верстку хочу заказать, поэтому и поинтересовался, что это означает. А то получается плачу за se-оптимизацию , а как проверить, что они там сверстали, не понимал. А по поводу того что контент должен быть в самом верху - получает верстая сайт, в коде должен сначала идти блок с контентом, затем меню, затем шапка и футер (а уже через стили все это правильно разместить)?
-
Здравствуйте. Подскажите пожалуйста, какими критериями должна обладать se-оптимизированная верстка. На фрилансе иногда в профиле у верстальщиков стоят такие пометки, мол они так верстают. Но как определить, что они сверстали так, как пишут?
Например я так понимаю один из критериев - это положение элементов. Санала шапка, затем контент, затем меню, затем футер.
-
Неужели нет способа в дремвивере как-то облегчить создание галереи. Вставлять одни и теже блоки и менять только три цифры не менее утомительно.
-
К сожалению я плохо понял как устанавливать эти галереи.. Вот создал папку, скинул изображения. А какой скрипт прописать незнаю
-
А есть скрипт, который реализует следующее:
Я создаю папку, бросаю туда все большие картинки.
В ХТМЛ файле прописываю скрипт, который создаёт галерею из маленьких картинок, а при нажатии на них в этом же или новом окне подгружается большая?
-
А почему макросы "зло"?
-
Тогда мне приходится копировать команду, вставлять её необходимое количество раз и потом вручную изменять все цифры.
-
Спасибо Вам. А знаете как макросом в дремвивере можно сделать?
-
С удовольсттвием использовал бы и Яву, только ещё не изучал.
-
Каждый по-своему гений. Найдётся.
Установка правильного Last-Modified
in PHP
Posted
На php сайте зачастую возникает проблема: не отдаётся верный заголовок обновления страницы. Поможет ли этот код решить проблему, будет ли отдавать верная дата изменения?
$date = time();
$last_modified = gmdate('D, d M Y H:i:s', $date) . ' GMT';
if (isset($_SERVER['HTTP_IF_MODIFIED_SINCE'])) {
$if_modified_since = preg_replace('/;.*$/', '', $_SERVER['HTTP_IF_MODIFIED_SINCE']);
if ($if_modified_since == $last_modified) {
header('HTTP/1.0 304 Not Modified');
header('Cache-Control: max-age=86400, must-revalidate');
exit;
}
}
header('Cache-Control: max-age=86400, must-revalidate');
header('Last-Modified: ' . $last_modified);