sammasati

В IE 6,7 "display: table" не поддерживается вообще. Придется верстать по-другому.

http://htmlbook.ru/samhtml - Самоучитель HTML http://htmlbook.ru/samcss - Самоучитель CSS http://htmlbook.ru/samlayout - Верстка сайтов

Как вариант - сделать врапперы длинной 33.3% для каждой колонки. Внутри такого враппера блок растягивается на 100% и все отступы уже рассчитываются относительно враппера. Что-то вроде этого: <div id="content"> <h1>Приветствуем Вас!</h1> <p>Наша студия рада предложить Вам свои услуги в области ...</p> <div class="wrapper left"> <div id="column1"> <h3>Аэрография</h3> <p>большой пребольшой текст на всю ширину колонки идет и продолжается сколько надо</p> </div> </div> <div class="wrapper right"> <div id="column3"> <h3>Реставрация</h3> <p>большой пребольшой текст на всю ширину колонки идет и продолжается сколько надо</p> </div> </div> <div class="wrapper"> <div id="column2"> <h3>Татуировки</h3> <p>большой пребольшой текст на всю ширину колонки идет и продолжается сколько надо</p> </div> </div> </div> .wrapper { width: 33.3%; } .left { float: left; } .right { float: right; } P.S. и контенту добавьте overflow: hidden

div.block ul, div.block-2 ul { ... height: 0; } Но этот трюк сработает только для ul.

Лишняя закрывающая скобка: width: 580px; /* сначала устанавливаем ширину блока с текстом */ text-align: center; /* потом выравниваем текст по центру */ } } /* <——————- */ #blick /* долгожданный блик */ {

1) Добавляем блок с текстом: <div id="hr"></div> <!-- вставляем контент после нижней черты --> <div class="content"> <p> Текст здесь </p> </div> <!-- до последнего закрывающего дива --> </div> Прописываем стиль контента: .content { width: 740px; /* ширина блока. берется из ширины сайта минус ширина полей */ background: #ededed; /* цвет фона */ margin-top: 10px; /* отступ сверху от горизонтальной черты */ padding: 30px; /* поля внутри блока */ } 2) Дописываем в .text: .text { ... width: 580px; /* сначала устанавливаем ширину блока с текстом */ text-align: center; /* потом выравниваем текст по центру */ } 3) Закрепить блик можно примерно так: <div id="blick"> <!-- Удаляем картину отсюда --> </div> Удаляем старый стиль блика и пишем новый: #blick /* долгожданный блик */ { width: 557px; /* ширина блока под размер картинки*/ height: 167px; /* высота блока под размер картинки */ background: url(http://xoffka.ru/blick.png) left top no-repeat; /* устанавливаем картинку в качестве фона, позиционируем слева-сверху, без повторений */ position: absolute; /* абсолютное расположение блока */ top: 0; /* прижимаем блок к верху */ left: 50%; /* оступ слева на 50% размера онка. левый край картинки будет расположен в середине окна (по горизонтали) */ margin-left: -400px; /* смещаем картинку относительно центра на 400 пикселей влево */ } Блик все-равно будет немного ездить, но это почти не заметно.

Валидатором не получится проверить так как страница корзины не формирует адрес.Посмотреть вы можете по ссылке _http://lipoo.com.ua положите товар в корзине в Internet Explorer Вот сюда - http://validator.w3.org/#validate_by_input - вставляете код страницы и проверяете.

felixtrader background:#ffffff url(images/gerl.jpg) В css файле путь вычисляется относительно папки, в которой лежит этот css. Идея - сделать 3 колонки (http://www.gunlaug.no/tos/moa_27c.html). Центральная - контент, а в левую поставить девушку с привязкой к правому верхнему углу: body{background:#ffffff url(images/gerl.jpg) no-repeat right top;} Вобщем, как-то так: http://jsfiddle.net/8kPqB/ Центральная колонка фиксированная.

Сделайте валидацию HTML-кода (не php) страницы здесь - http://validator.w3.org/ - и исправьте все ошибки. Если проблемы остануться, выкладывайте ссылку на страницу, а не php-код.

<td> <p><input type="radio" name="checkout[answer]" value="Курьерская доставка по Киеву">Курьерская доставка по Киеву<br /> <input type="radio" name="checkout[answer]" value="Посылка Новой Почтой">Посылка Новой Почтой<br /> <input type="radio" name="checkout[answer]" value="Посылка Укр Почта">Посылка Укр Почта<br /> <input type="radio" name="checkout[answer]" value="Самовывоз в г.Киеве">Самовывоз в г.Киеве<br /> </td> Нет закрывающего тега </p>, может в этом проблема.

Вот, как вариант: http://jsfiddle.net/TKAHn/1/ Классу thread добавляем: position: relative; В сам div добавляем ссылку со спаном: <a href="http://htmlbook.ru"><span></span></a> И прописываем ей такой стиль: a>span { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; }

http://jsfiddle.net/LDFNX/12/ Убрать подчеркивание ссылок, у которых class="link": a.link { text-decoration: none; }

А вот этого я не знаю, т.к. не разбираюсь в js.

Положение всплывающих меню генерируется в скрипте, а где именно, я не нашел. Поэтому так: #_umenu0{ left: 138px !important; top: 40px !important; } #_umenu1{ left: 248px !important; top: 40px !important; } #_umenu2{ left: 435px !important; top: 40px !important; } Это нужно добавить в стили.

Можно попробовать добавить в стили: iframe { float: left; }

Почитал. Кода страницы как не было, так и нету. Это стиль! Чтобы понять в чем проблема, нам нужен исходный код самой страницы. Так я тебе и пытаюсь объяснить, что один из родительских блоков кнопки +1 смещен, поэтому кнопка прыгает. Абсолютная позиция - она не совсем абсолютная.

Это стили кнопок, а не их код. Код кнопки +1 выглядит как-то так: <g:plusone annotation="none"></g:plusone> Его нужно поставить рядом с остальными кнопками, чтобы он находился в одном с ними контейнере (блоке-родителе). Ну и задаеть ему "top: 69px" как у других кнопок.

Судя по top:69px; top:59px; в хроме и фф где-то вылезают 10 пикселей, на которые опера и ие забили болт. Попробуй переместить код кнопки +1 рядом с кодом остальных кнопок. Ну и неплохо было бы посмотреть на весь код страницы.

Как-то вот так: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Distext</title> </head> <body> <script> function magic(){ var text=document.getElementById('text') if (text.style.display == 'none') text.style.display='block' else text.style.display='none' } </script> <div style="display: none; font-size: 20pt; color: red" id="text">Magic!</div> <input type="button" value="Press Me" onclick="magic()"> </body> </html> При нажатии на кнопку срабатывает javascript-функция, которая меняет стиль div'а с текстом. http://jsfiddle.net/c3nQ8/

В самом начале страницы, второй скрипт сверху: http://seom.info/wp-content/themes/arclite/js/jqwery.js

А там на jquery все сделано: $(function(){ $('#top10').load('http://seom.info/wp-content/themes/arclite/js/top10.html', function() { // ... }); }); То есть он подгружает данные из файлика.

Вот такой вариант: http://jsfiddle.net/bmvCw/2/ Для main-body и footer создается div с абсолютной позицией, который смещается немного вверх. Про фон не совсем понятно. Залейте куда-нибудь страницу с картинками.

С помощью джаваскрипта как-то вот так: http://jsfiddle.net/8TrSb/

Если я правильно понял задачу: http://jsfiddle.net/4PSEM/ Или вместо кнопки можно: <body onLoad="loadlinks()">

background: url(..\images\home.jpg) no-repeat; background: url(../images/home.jpg) no-repeat; Не тот слэш поставил