Web Standards – Форум http://webstandards.org.ru/forum/index.php Tue, 07 Sep 2010 09:31:25 +0400 1 Верстка под 17 дюймовый монитор http://webstandards.org.ru/forum/index.php?showtopic=284
Подскажите, верстка под 17 дюймов - это какая должна быть ширина в пикселях, 1280?]]> Thu, 19 Aug 2010 22:36:48 +0400 http://webstandards.org.ru/forum/index.php?showtopic=284 Вопросы по верстке http://webstandards.org.ru/forum/index.php?showtopic=283
1. В последних двух макетах у меня возникла некая сложность с фоновым изображением, которому с помощью CSS указано располагаться по центру
Код
background: url(images/content-bg.gif) repeat-y center 0 #13498f;

Изображение располагается на 1px правее относительно div-ов, которые также располагаются по центру при помощи
Код
margin: 0 auto;

Наблюдается в IE 6,7,8, Chrome, Safari. В Opera 9+ все хорошо, в FF 2.0.0.7 и 3.6.3 все хорошо, а в FF 3.0.6 изображение располагается на 1px левее.
От чего это зависит и как с этим бороться?

2. При масштабировании в браузере (зажатая клавиша CTR + кручу скролик) начинают "прыгать" некоторые элементы. Часто замечаю это с навигационным меню.
То ему по горизонтали хватает места, то последний пункт меню переносится на следующую строку, либо меню тупо располагается выше, оносительно заданного фона, некоторые графические элементы смещаются на 1px вверх и так далее.
http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=160
Из-за чего это может происходить и можно ли с этим бороться?

3. Обязательно ли мне, как верстальщику, хорошо знать java-script. Или достаточно изучить так называемые библиотеки jQuery, как они подключаюся и чего с их помощью можно добиться...

4. Как спецы проводят проверку на кроссбраузерность?
Я установил себе IeTester - IE 6, 7, 8 в одной проге, установил 3 версии Firefox начиная с 2.0.0.7, 5 версий Opera начиная с 9-ой, последние версии Chrome и Safari
Ну и во всем сайты смотрю, проверяю. Все это по совету одного блогера.
Слышал о каких-то сервисах и пр.
Как это делают профи?

5. Никто ничего против не имеет, если я и дальше буду задавать вопросы общего характера в этом топике ?)]]> Mon, 16 Aug 2010 12:42:37 +0400 http://webstandards.org.ru/forum/index.php?showtopic=283 Прижатый к низу футер + не единый фон http://webstandards.org.ru/forum/index.php?showtopic=282 Вновь обращаюсь к Вашему форуму с просьбой помочь разобраться в задаче.
А задача собственно вот в чем...

Объясню по скриншоту:
http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=159

У меня не получается растянуть на 100% "темно-синий и вложенный в него светло-серый div'ы в центре" (по коду #middle, #container)
"min-height: 100%" игнорируется - можно задать только определенную высоту.

Прошу подсказать, что я делаю не так и как можно решить поставленную задачу?

Важно чтобы футер был прижат к низу окна браузера и чтобы у хэдера, футера и контента был разный, растягиваемый по ширине фон.
Из-за последнего у меня и возникли сложности...

HTML:

Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "убрал - определяется как сслыка, которую я публиковать на форуме не могу">
<html xmlns="убрал - определяется как сслыка, которую я публиковать на форуме не могу">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Language" content="ru">
    <link rel="stylesheet" type="text/css" href="style.css" media="all">
</head>
<body>

<div id="wrapper">
    <div id="top">
        <div class="line-top">
            <ul class="langs">
            </ul>
            <form class="search" action="">
            </form>
        </div>
        <div class="header">
            <div class="hsl"></div>
            <div class="logo">
            </div>
            <ul class="menu">
            </ul>
            <div class="hsr"></div>            
        </div>
    </div><!-- top-->
    
    <div id="middle">
        <div id="container">
            <div class="content">
            </div>
            <div class="sidebar">
            </div>
        </div>
    </div><!-- middle-->
    
    <div class="clear"></div>
    
    <div class="empty"></div>

</div><!-- wrapper-->

<div id="bottom">
    <div class="footer">
    </div>
</div>

</body>
</html>


CSS:

Код
* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
body {
    font: 13px/18px Georgia, Verdana, Tahoma, sans-serif;
    width: 100%;
    height: 100%;
    color: #253c57;
}
a {
    color: #c32e00;
    outline: none;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
p {
    margin: 0 0 18px
}
img {
    border: none;
}
input {
    vertical-align: middle;
}
#wrapper {
    position: relative;
    min-height: 100%;
}
* html #wrapper {
    height: 100%;
}

#top {
    background: url(images/line-top.gif) repeat-x 0 258px #68a3dc;
}
.line-top {
    height: 77px;
    width: 940px;
    margin: 0 auto;
}

.header {
    height: 222px;
    width: 940px;
    margin: 0 auto;
    background: #fff;
}
.hsl {
    position: relative;
    float: left;
    width: 62px;
    height: 222px;
    background: url(images/header-shadow-left.jpg) no-repeat;
    left: -62px;
}
.hsr {
    position: relative;
    float: right;
    width: 62px;
    height: 222px;
    background: url(images/header-shadow-right.jpg) no-repeat;
    right: -62px;
}

#middle {
    height: 200px;
    background: #13498f;
}
#container {
    width: 940px;
    margin: 0 auto;
    height: 200px;
    background: #ccc;
}
.clear {
    clear: both;
}
.empty {
    height: 41px;
}
#bottom {
    position: relative;
    background: #1b6abd;
    height: 41px;
    color: #ccc;
    margin: -41px auto 0;
}
.footer {
    margin: 0 auto;
    width: 940px;
    height: 41px;
    background: #555;
}
]]> Sat, 14 Aug 2010 22:32:45 +0400 http://webstandards.org.ru/forum/index.php?showtopic=282 Совет по дизайну сайта http://webstandards.org.ru/forum/index.php?showtopic=279 пришел за советом, есть у меня один знакомый дизайнер, я ему буду делать два сайта полностью с версткой и посадкой на кмс.
В отдачу он мне обещал сделать любой сложности дизайн сайта-визитки с тех-дизайном и т.д. в общем любой каприз любой сложности... 06.gif
Он ждет моих идей по поводу сайта, но я пока не определюсь...
Может подкинете идейки или сайты с которых можно под черпнуть их.
У меня есть небольшая идейка, в шапке зеленая полянка и сидит за компом человек в кресле, но пока не знаю...]]> Thu, 24 Jun 2010 03:35:45 +0400 http://webstandards.org.ru/forum/index.php?showtopic=279 Сократить панель задач виндовс http://webstandards.org.ru/forum/index.php?showtopic=278

http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=158

]]> Mon, 21 Jun 2010 08:42:57 +0400 http://webstandards.org.ru/forum/index.php?showtopic=278 Макет три колонки http://webstandards.org.ru/forum/index.php?showtopic=276
Код
<html>
<head>
<title>Центр-Левая-Правая + max-width</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin: 0px; padding: 0px;}
html {background: #CCFFFF; height: 100%;}
body {min-width: 800px; min-height: 100%; position: relative;}
* html body {height: 100%;}

#header {background: #FFFF99; height: 100px;}

#content {width: 100%; max-width: 1000px; margin: 0px auto; padding-bottom: 70px; overflow: hidden;}

#outer1 {width: 100%; margin-right: -200px; float: left;}
#outer2 {margin-right: 200px;}
#outer3 {width: 100%; margin-left: -200px; float: right;}

#main {margin-left: 200px; background: #FFCCFF;}
#left {width: 200px; float: left; background: #00CCFF;}
#right {width: 200px; float: right; background: #FFCC66;}

#footer {background: #66FFCC; width: 100%; height: 70px; position: absolute; bottom: 0px;}
* html #footer {bottom: -1px;}
</style>
<script src="js/minmax.js" type="text/JavaScript"></script>
</head>

<body>
<div id="header">Заголовок</div>

<div id="content">

    <div id="outer1">
<div id="outer2">
     <div id="outer3">
   <div id="main">Контент</div>
     </div>

     <div id="left">Левая колонка</div>

</div>
    </div>

    <div id="right">Правая колонка</div>

</div>

<div id="footer">Футер</div>
</body>
</html>

Сделала, но в IE6 при добавлении текста левая колонка сползает вниз, а средняя уже растягивается на весь экран. Только в IE6. :( Не подскажете почему?]]> Wed, 02 Jun 2010 13:58:51 +0400 http://webstandards.org.ru/forum/index.php?showtopic=276 Растянуть фон для кнопки (ссылки) http://webstandards.org.ru/forum/index.php?showtopic=275 Возможно ли использовать один и тот же фон для разных по длине пунктов подменю?
Я так понимаю можно порезать кнопку - верх, низ, завернуть кнопку в дополнительный див фон повторить.. Но тогда не задается длина кнопки? А как быть, если для длины не хватит и получится кнопка приплюснутая? Правильно ли это?
Есть ли какие еще способы?
В прикреплении кнопка]]> Tue, 25 May 2010 16:12:34 +0400 http://webstandards.org.ru/forum/index.php?showtopic=275 Не могу найти подход к IE7 http://webstandards.org.ru/forum/index.php?showtopic=274 Суть проблемы такова, натянул шаблон на ShopScript. Вроде всё нормально работает кроме IE7.
Везде показывается нормально, т.е. всё сливается красиво

А в IE7 блоки разделяются

Везде margin и padding проверил, всё нормально, подскажите пожалуйста, в чём может быть причина.
Ещё такая проблема, пожалуй глобальная для меня, IE7 конфликтует с JS В IE 7 и 8 когда открывался мой сайт, писалось "выполнено, но с ошибками на странице".

[ссылка не работает]

Сообщение: Недопустимое значение свойства.
niftycube.js Строка: 181
Код: 0 Символ: 2

В файле niftycube.js на шел строку 181 вот она x.style.borderColor = border; Я в JS совсем не соображаю, но покопавшись в глубинах интернета, нашел, как обойти эту проблему
if(-[1,]){
x.style.borderColor = border;
}
Теперь не ругается. Но остаётся нерешенной проблема вот с чем В 7 IE всё растягивается за рамки, как будто не видит он границ

Хотя везде показывается нормально

Подскажите пожалуйста, в чём тут причина? У меня на сайт почему-то 50% трафика идёт с IE, потому и процент отказов 48%.
Ну и ещё один косяк (может, они связаны) некорректно в IE7 звёздочки рисуются

Хотя везде рисуются как надо, т.е. все желтенькие.
Заранее благодарю за любые рекомендации. Если нужна ссылка на сайт, напишу. Просто сейчас не пишу, чтоб не приняли спамера.]]> Mon, 24 May 2010 03:04:17 +0400 http://webstandards.org.ru/forum/index.php?showtopic=274 Я к Вам за советом http://webstandards.org.ru/forum/index.php?showtopic=273 Поэтому перед тем, как приступить к верстке решил обратиться к форуму, посоветоваться с профи так сказать.
скриншот макета:
http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=156

Всеми силами пытаюсь высмотреть отрезок в макете, который можно было бы растянуть, да пока не нахожу. В силу особенностей дизайна - градиенты, свечения, надрезанная и свернутая бумага... не реально воплотить все так, как это сделано к примеру вот здесь www.kulturbanause.de. Тут фон разбит на 3 части, центр растягивается. Поговорю еще с заказчиком, но получается по задумке или "недодкмке" дизайнера у сайта высота фиксированная. Т.е. если в опросе будет на вопрос больше- опрос залезит на щит, а текст в верху, если текста будет больше, мне туда полосу прокрутки что-ли добавить...

Если скажут верстать, как задумано:

Первое что приходит в голову, сделать все единым фоновым изображение и расположить по центру. (все, кроме лого, баннеров, кнопок и контента в целом естественно)
Ну а дальше блок в 1000px по середине, и верстка в 3 колонки...
В результате все красиво при разрешении 1024*768, а на широкоформатном картина раскрывается...

Я правильно все делаю ?:)]]> Tue, 18 May 2010 12:40:24 +0400 http://webstandards.org.ru/forum/index.php?showtopic=273 Верстка галереи http://webstandards.org.ru/forum/index.php?showtopic=272 В надежде, что мне смогут помочь, решил обратиться к данному форуму..

Собственно столкнулся с проблемой, которую пока не могу решить, на одной из внутренних страниц макета присутствует галерея:
http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=150

Код
HTML:
            <div class="gallery">
                <div class="thumbnail">
                    <div class="g-img"><img src="gallery-img/1.jpg" alt=""/></div>
                    <div class="frame"></div>
                </div>
                <div class="thumbnail">
                    <div class="g-img"><img src="gallery-img/2.jpg" alt=""/></div>
                    <div class="frame"></div>
                </div>
                <div class="thumbnail">
                    <div class="g-img"><img src="gallery-img/3.jpg" alt=""/></div>
                    <div class="frame"></div>
                </div>
... и т.д.
            </div>

CSS:

.gallery {
    padding: 2px 0 14px 17px;
    overflow: hidden;
}
.thumbnail {
    float: left;
    margin: 15px 14px 0 0;
    width: 180px;
    height: 103px;
}
.g-img {
    margin-top: -101px;
    margin: 0px 0 0 1px;
    width: 178px;
    height: 100px;
    position: relative;
    z-index: 1;
}
.frame {
    margin-top: -101px;
    width: 180px;
    height: 103px;
    background: url(images/frame.png) no-repeat;
    position: relative;
    z-index: 2;
}


Миниатюры, как это обычно бывает - должны ссылаться на изображения в большем масштабе. Тут я и столкнулся с проблемой.
Не могу задать миниатюре ссылку. Что я только не пробовал - задача решалась только лишь для отдельных браузеров.
Банально взять img в якорь ссылки - работает только в IE6
Брал ссылку в отдельный слой и поднимал так же, как и рамку, задав z-index: 3
Попробовал сделать из блока ссылку, задал onclick location.href (не работало в IE6) и cursor: pointer (не работало в IE6, Opera с 9 по 10.5)
Еще просто ссылку ставил, поднимал как рамку и padding'ом ее расширял, были попытки что-нибудь сделать вне блока thumbnail - что я там не делал от отчаяния

Подскажите пожалуйста, как решить задачу в заданных условиях?
Благодарю за внимание.
]]> Thu, 13 May 2010 03:38:53 +0400 http://webstandards.org.ru/forum/index.php?showtopic=272 Вертикальное раздвижное меню (ucoz) http://webstandards.org.ru/forum/index.php?showtopic=271 Решил сделать себе на сайты раздвижное меню.
Пример вот:
http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=146

Все как положено по юкозовским законам в блоке.
Все бы ничего, но меню неправильно отображается (FF, Opera - та же картина)
В разделе софт - All - все прекрасно - блок $GLOBAL_CLEFTER$ воспринимается. И меню такое же как показано мной раньше.
Но когда переходим например в категорию или на страницю материала - видно следующее:
http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=147

Подозреваю, что проблема в названии страниц - all - это /load
А категории - уже /load/2 и так далее.

Кодинг вот.http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=148
Или тут что-то другое?

Цитата(ylia @ 10.05.2010, 20:12) <{POST_SNAPBACK}>
Привет всем.
Решил сделать себе на сайты раздвижное меню.
Пример вот:
http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=146

Все как положено по юкозовским законам в блоке.
Все бы ничего, но меню неправильно отображается (FF, Opera - та же картина)
В разделе софт - All - все прекрасно - блок $GLOBAL_CLEFTER$ воспринимается. И меню такое же как показано мной раньше.
Но когда переходим например в категорию или на страницю материала - видно следующее:
http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=147

Подозреваю, что проблема в названии страниц - all - это /load
А категории - уже /load/2 и так далее.

Кодинг вот.http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=148
Или тут что-то другое?



Проблема решена!
Решение:

Эту шапку кодинга:
<!-- <block1> -->
<table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b><!--
<bt> -->Навигация сайта<!-- </bt> --></b></td></tr><tr><td class="boxContent"><div class="boxText"><!-- <bc> --><!-- <block1> -->
<link rel="stylesheet" type="text/css" href="css/main.css" />

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>

А именно:
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>

Необходимо заменить на:
http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=149

Все таки дело в неправильном пути к картинкам меню. Я был близок к разгадке...

Всем спасибо. Проблема решена.]]> Mon, 10 May 2010 21:12:37 +0400 http://webstandards.org.ru/forum/index.php?showtopic=271 Верстка форумов http://webstandards.org.ru/forum/index.php?showtopic=270 Встал такой вопрос: верстать прямо в стандартном скине форума: то есть сохраняем html и css, images на локал и правим все это на свой лад. Затем переносим изменения.
Либо легче сверстать по крайней мере сильно изменные фрагменты полностью заново, используя только где необходимо те же классы и id'ы используемые в JS и PHP движка.
Склоняюсь больше к варианту "верстать заново".]]> Fri, 07 May 2010 03:31:35 +0400 http://webstandards.org.ru/forum/index.php?showtopic=270 Нестандартное меню http://webstandards.org.ru/forum/index.php?showtopic=269 Попалось вот такое меню.
Шрифт нестандартный и поворот текста наискосок =/


Посоветуйте как можно решить проблему?]]> Fri, 07 May 2010 02:43:52 +0400 http://webstandards.org.ru/forum/index.php?showtopic=269 Два фона на одной страничке http://webstandards.org.ru/forum/index.php?showtopic=267
Код
html
{
    background: #FFF  url(картинка_1) no-repeat top center;
    height: 100%;
    margin:0 auto 0;
}
body
{
    background-image:url(картинка_2);
    background-position:bottom;
    background-repeat:no-repeat;
    background-color:#FFF;
    width: 960;
    margin: 0 auto 0;
    
}

Но работает не так как хочется, а именно, верхний фон картинка_1 нормально крепится к верху хэдэра, нижний же фон не прилипает к низу страницы...]]> Mon, 03 May 2010 00:46:14 +0400 http://webstandards.org.ru/forum/index.php?showtopic=267 Опечатка в Табличном говнокоде http://webstandards.org.ru/forum/index.php?showtopic=266 Sun, 02 May 2010 23:09:50 +0400 http://webstandards.org.ru/forum/index.php?showtopic=266 Не работает hover после javascript http://webstandards.org.ru/forum/index.php?showtopic=265
Код
<!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>Тест</title>    
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <script type="text/javascript" src="script.js"></script>
    <style>
        *{text-align:center;}
        #id2{background:#d08600; width:100px; height:100px;}
        #id2:hover{background:#00ff00;}
    </style>
</head>

<body>
        <div id="id2" onmouseout="this.style.backgroundColor='#ff0000';">id2</div>
</body>
</html>






Потому что JS записывает в style тега, а style как известно главнее записи в CSS.

!important в помощь. Который, кстати, не работает в IE6.]]> Sun, 02 May 2010 22:52:32 +0400 http://webstandards.org.ru/forum/index.php?showtopic=265 Как создается подобная графика http://webstandards.org.ru/forum/index.php?showtopic=262 Интересует с помощью чего делались зерна граната, рояль и персонажи проекта Арт-Лайн?
Надо полагать при помощи какого-либо 3D-редактора графики?]]> Thu, 22 Apr 2010 22:03:03 +0400 http://webstandards.org.ru/forum/index.php?showtopic=262 Выпадающее меню HTML http://webstandards.org.ru/forum/index.php?showtopic=261
пытался сделать выпадающее mеню
в IE6 возникла проблема, заметил что при hover меню отталкивает блок вниз и еще форма перекрывает само меню =(.
Не подскажите как правильнее сделать чтобы в ie6 было как в примере справа ?

http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=138


прикрепил http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=137]]> Thu, 22 Apr 2010 16:56:46 +0400 http://webstandards.org.ru/forum/index.php?showtopic=261 Таблица реализации CSS3-свойств в разных браузерах http://webstandards.org.ru/forum/index.php?showtopic=260
Link: http://www.findmebyip.com/litmus/#target-selector]]> Fri, 26 Mar 2010 11:54:09 +0300 http://webstandards.org.ru/forum/index.php?showtopic=260 XHTML: указание языка документа http://webstandards.org.ru/forum/index.php?showtopic=257
Код
<html xmlns="не могу оставить ссылку" xml:lang="ru" lang="ru">
<html xmlns="не могу оставить ссылку" lang="ru">
<html xmlns="не могу оставить ссылку" xml:lang="ru">
<html xmlns="не могу оставить ссылку" lang="ru-RU">

Как же правильно? Интересуют варианты для html 4.01, xhtml 1.0 и html 5]]> Tue, 23 Mar 2010 19:32:57 +0300 http://webstandards.org.ru/forum/index.php?showtopic=257 Проблема с div версткой http://webstandards.org.ru/forum/index.php?showtopic=256
html

<html>
<head>
<title>Натяжные потолки Петербург</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<div id="shap">
<img src="images/01.jpg" alt"Натяжные потолки">
</div>
<div id="kn">
<div class="men1"><img src="images/kno.png"></div>
<div class="men1"><img src="images/kno.png"></div>
<div class="men1"><img src="images/kno.png"></div>
<div class="men1"><img src="images/kno.png"></div>
<div class="men1"><img src="images/kno.png"></div>
<div class="men1"><img src="images/kno.png"></div>
</div>

<div id="menu">
<div class="men2"><a href="index.htm">Главная</a></div>
<div class="men2"><a href="index.htm">Галерея</a></div>
<div class="men2"><a href="index.htm">FAQ</a></div>
<div class="men2"><a href="index.htm">Советы дизайнера</a></div>
<div class="men2"><a href="index.htm">Освещение</a></div>
<div class="men2"><a href="index.htm">Контакты</a></div>
</div>

<div id="content">

<h1>Наша компания занимается установкой <strong>натяжных потолков</strong> в Санкт-Петербурге и СПб области.</h1>


<p>Мы выполняем установку натяжных потолков любой сложности и любых фактур для благоустройства Вашего дома. Услуги нашей фирмы включают в себя полный цикл работ связанных с установкой натяжного потолка на Вашем объекте.</p>
<p class="cen">1. Преимущества заказа установки натяжных потолков у нас:</p>

<p>Обратившись к нам за натяжным потолком, Вы получите подробную консультацию у нашего специалиста, также осуществляется выезд нашего специалиста, который на объекте произведет все необходимые замеры для составления подробной сметы.

Он сможет сориентировать вас в выборе материалов для натяжного потолка и стилистических решений.

Мы предоставляем консультацию, замер вашего помещения, и доставку потолка - бесплатно.</p>



<p class="cen">2. Этапы установки натяжных потолков:</p>

<p>После согласования перечня работ, стоимости работ и материалов происходит заключение договора, в котором прописывается сроки проведения работ по установке натяжного потолка, их стоимость и гарантийные обязательства. У нас работают только опытные и высоко квалифицированные бригады специалистов.

При установке натяжного потолка мы используем материалы только отличного качества, французского производства.</p>

<p class="cen">3. Что происходит после установки натяжных потолков и окончания работ по их установке :</p>

<p>После выполнения монтажа потолка, заказчик принимает его и производит оплату.
После окончания работ по установке потолка подписывается акт сдачи-приемки работ. С этого момента начинается гарантийный срок, который составляет 10 лет на материалы и 2 года на произведенные работы.</p>


<p class="cen">За качество всех материалов и выполняемых нами работ мы несем полную ответственность — в случае выявления, каких либо дефектов, они будут устранены <strong>бесплатно</strong>.</p>
</div>

</body>
</html>


css

body {
background:#000 url(../images/gr.gif) repeat-x
}

h1 {
text-align: center;
color: white;
font-size: 30;
}

p {
color: white;
font-size: 20;
text-align: justify;
}

a {
font-size: 20;
}

.cen {
text-align: center;
font-size: 22;
}

a:link {
color: white;
font-weight:bold;
text-decoration:none;
}

a:visited {
color: white;
font-weight:bold;
text-decoration:none;
}

a:active {
background-color: yellow;
text-decoration:none;
}

a:hover {
color: black;
text-decoration:underline;
}

#shap {
position:relative;
top: 0%;
left: 24%;
}

#kn {
position:absolute;
top: 53%;
left: 5%;
}

#menu {
position:absolute;
top: 52%;
left: 6%;
}

.men1 {
margin: 7%;
}

.men2 {
margin: 20% 5% 22%;
}

#content {
margin: 0% 24% 0% 25%;
position:absolute;
top: 50%;
left: 0%;
}




]]> Tue, 02 Mar 2010 22:09:59 +0300 http://webstandards.org.ru/forum/index.php?showtopic=256 Стилизация элементов управления http://webstandards.org.ru/forum/index.php?showtopic=255 #header .search .vvod {background: url(images/search_bg.gif) no-repeat; width: 120px; height: 21px; border: none; padding: 2px 50px 0 10px; overflow: hidden; }
в лисе все хорошо, но в IE не обрезается поле ввода при достижении указанного максимума в пикселях.
Вроде когда-то делал - сейчас уже и не помню как.]]> Thu, 25 Feb 2010 20:38:16 +0300 http://webstandards.org.ru/forum/index.php?showtopic=255 Дефис в HTML http://webstandards.org.ru/forum/index.php?showtopic=254
Код
<li><span>Вопрос-ответ</span></li>


Каким способом сделать чтобы IE6 не переносил слово после дефиса и соответствовало стандарту XHTML 1.0 Transitional?

Есть вариант с <nobr>, но не соответствует стандарту. Также не желательно указывать фиксированую ширину.]]> Mon, 15 Feb 2010 16:00:00 +0300 http://webstandards.org.ru/forum/index.php?showtopic=254 <![CDATA[Меню по типу "раздвижные двери"]]> http://webstandards.org.ru/forum/index.php?showtopic=253 просто скачал пример и немного переделал,
чтоб при наведении появлялась картинка.
Вот теперь такая проблема, в ие6 некорректно отображается а в ие7 норм.
Но мог-бы я пропустить момент с ие6, но это меню я поставлю на ucoz,
и когда открываю уже там, в ие7 такая-же проблема как и в ие6.
Что делать? может как-то по другому переделать, чтоб добиться такого результата?
http://webstandards.org.ru/forum/index.php?act=attach&type=post&id=122]]> Sat, 13 Feb 2010 12:09:51 +0300 http://webstandards.org.ru/forum/index.php?showtopic=253 Открытие ссылки в нужной части по высоте страницы http://webstandards.org.ru/forum/index.php?showtopic=252 Не подскажите как это можно осуществить?]]> Sat, 13 Feb 2010 11:30:06 +0300 http://webstandards.org.ru/forum/index.php?showtopic=252 Таблицы и принтер http://webstandards.org.ru/forum/index.php?showtopic=251 такой вопрос:
У меня после вывода таблицы через принтер почему-то не выводится серый фон.
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="B">
<h1>График уборки</h1>
<h2>МАРТ</h2><h3>
<table border="1px" bordercolor="#000000">
<tr bgcolor="#999999">
<td colspan="3" style="font-family:sans-serif; width:80px;">48 кв.</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td>
</tr>
<tr>
<td colspan="3" style=" font-family: sans-serif">49 кв.</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td>
</tr>
<tr bgcolor="#999999">
<td colspan="3" style="font-family:sans-serif;">50 кв.</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td>
</tr>
<tr>
<td colspan="3" style=" font-family: sans-serif">48 кв.</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td>
</tr>
</table></h3>
</div>
</body>
</html>
/* CSS Document */

td
{
    
    font-weight:bold;
    padding:15px;
}

.B
{
    text-align:center;
    width:500px;
    margin:auto;
}
]]> Fri, 12 Feb 2010 18:38:16 +0300 http://webstandards.org.ru/forum/index.php?showtopic=251 Проблема с тянущимися блоками http://webstandards.org.ru/forum/index.php?showtopic=250 Надо, чтоб левый тянулся а правый был фиксированной ширины
а получается, что текст вытисняет и правый блок оказывается снизу.
Код
<!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" xml:lang="ru" lang="ru">
<head>

<title></title>
<style type="text/css">

.Block_Top{ width:100%;}
.Block_Top_left{ float:left; background:red;}
.Block_Top_right{ float:right; background:#00FF00; width:332px;}

</style>

</head>
<body>
<div class="Block_Top">
<div class="Block_Top_left">ddddddddddddsdfnfffffffffЛевый блокffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
f
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
f
fffffffffffffffffffd</div>
<div class="Block_Top_right">Правый блок</div>
</div>

</body>
</html>
]]> Sun, 07 Feb 2010 15:27:10 +0300 http://webstandards.org.ru/forum/index.php?showtopic=250 Пара вопросов по верстке меню http://webstandards.org.ru/forum/index.php?showtopic=249
В силу многих причин иногда приходится подверстывать для своих проектов всякие мелочи.
Долгое время все это делалось в табличном стиле, потом много лет не менялось.
Сейчас появилось желание навести везде порядок. Тем более, что есть маааленький
проектик для тренировки.

Собственно в этой связи вопросы:
1. Стал ли PNG беспроблемным форматом, или лучше продолжать использовать GIF ?
Заметьте, меня интересует результат, а не борьба за авторские правва на алгоритмы итп.
2. Как более корректно сверстать подобное меню (кусок эскиза левого меню):


Подразумевается что надписи - это надписи, возможно было-бы интересно сделать
какую-нибудь анимацию при нажатии (вращение шестеренок итп), но это уже отдельно.
К сожалению ничего сходу в голову не приходит. Неужели надо сделать в одном слое
бэкграунд со всей графикой, а в другом надписи с абсолютными координатами, при этом
выделив каждый пункт в отдельный класс ? Или есть способ поумнее ?

Спасибо]]> Thu, 14 Jan 2010 13:07:09 +0300 http://webstandards.org.ru/forum/index.php?showtopic=249 Альтернативный вид radiobutton и не только http://webstandards.org.ru/forum/index.php?showtopic=248 Суть такова что там radiobutton выполнены в хитром виде (дизайнерском). Вид этот я прилагаю - может кто поможет разобраться, так сказать на будущее :)
и вопрос номер 2 - как лучше организовывать такую структуру при верстке? Тоже прилагаю. Толкните в нужном направлении :)
Заранее спасибо :)]]> Wed, 16 Dec 2009 19:00:56 +0300 http://webstandards.org.ru/forum/index.php?showtopic=248 <![CDATA[Проблема с "каруселькой"]]> http://webstandards.org.ru/forum/index.php?showtopic=247 Если у кого есть время и желание помочь - буду благодарен :)
Исходники прилагаю.]]> Sat, 05 Dec 2009 13:15:49 +0300 http://webstandards.org.ru/forum/index.php?showtopic=247