Daiver

А по делу что-нибудь скажете?

Языки программирования, разметки и стили это не те языки, в которых можно придумывать свои теги и свойства.

Если в литературном жанре еще можно по всякому использовать слова и порядок их расстановки в предложениях (хотя и не во всех языках), то в компьютерных языках все довольно строго.

Кстати код валидный. Почти.

Папитяитэс абяснит инасранцу пачиму в ентом придлажени он не смагет панят ни аднаво из славей хот и исползует славар.

Браузеры они как иностранцы - у каждого разный уровень понимания не правильного языка.

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

1. Гостевая - в идеале должна быть возможность оставить свой отзыв и сразу его увидеть - что-то в роде стены с сообщениями. Если такого нет возможности сделать, то можно сделать форму для отправки писем прямо с сайта на почту и назвать эту страницу "Обратная связь" или что-то в этом роде, ну или на крайний случай сделать ссылку вида mailto: , но картинка, на которой написан адрес электронной почты, который пользователю прийдется еще и вручную перепечатывать - это очень и очень плохо.

2. В разделе FAQ надо как-то отличить сами вопросы от их ответов оформлением. Вопросительные знаки - хорошо, но не совсем понятно где начинается ответ.

3. Меню с трансферами имеет в себе 4 кнопки и 3 разных оформления. Какой бы ни был плохой дизайнер, а верстка одного меню должна иметь хоть как-то одинаковое оформление всех пунктов.

4. Желательно использовать валидатор

Вообще все визуальные редакторы вставляют в код много разного ненужного кода, нагромождают код. И валидностью кода тоже не отличаются. А если страница слишком нагромождена ненужностями, то и грузиться сайт будет дольше. А не валидный сайт менее любим поисковиками и ранжируется на много ниже. Если есть возможность прописывать все вручную не вставляя всяких "лишностей", то это самый лучший вариант для конечного результата. Тем не менее многих заказчиков устраивает дешевый, собранный на скорую руку в конструкторе сайт.

Я предпочитаю Notepad++. Там я вижу все что вставлено.

Так Работает : body { background:url(http://s2.goodfon.ru...3-1920x1200.jpg) #373e45 no-repeat 50% 0; word-wrap: break-word; }

А так нет: body { background:url("/public_html/templates/gamer-android/images/fon.jpg") #373e45 no-repeat 50% 0; word-wrap: break-word; }

body { background:url("/images/fon.jpg") #373e45 no-repeat 50% 0; word-wrap: break-word; }

body { background:url(images/fon.jpg) #373e45 no-repeat 50% 0; word-wrap: break-word; }

body { background:url("../images/fon.jpg") #373e45 no-repeat 50% 0; word-wrap: break-word; }

Я знакома с этим хостингом. Тут не надо прописывать public_html

То есть вместо

body { background:url("/public_html/templates/gamer-android/images/fon.jpg") #373e45 no-repeat 50% 0; word-wrap: break-word; }

нужно писать

body { background:url("/templates/gamer-android/images/fon.jpg") #373e45 no-repeat 50% 0; word-wrap: break-word; }

Папка public_html считается корневой папкой сайта.

В том и заковырка, что таким образом меню тянется не на всю ширину. Только на 96%.

А если взять

li {
float: left;
width: calc(100%/6);
width: -moz-calc(100%/6); /* Для кроссбраузерности */
text-align: center;}

так будут использованы все 100%

А Вас не смущает, что Opera не знает о calc? источник

Точно. И вообще мало какие ее правильно распознают.

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

Помогла

это уже мелочи.

Если мне не изменяет память, то padding применяется к блочным элементам, а тег <b> это строчный элемент.

padding налево и направо работает, а вот с отступами сверху и снизу проблемы

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

А к блочным элементам паддинг применяется по всем 4 направлениям.

Можно его применить к <div> и тогда все будет сдвигаться.

А тег <b> вообще является тегом для оформления жирности текста, так что к нему стили не применимы.

Можно использовать к примеру <span style="display:block; font-weight: bold; padding-top: 15px;"> вместо <b>

Если мне не изменяет память, то padding применяется к блочным элементам, а тег <b> это строчный элемент.

К примеру так:

html:

<input type="hidden" name="ik_payment_amount" id="amount_to_pay">

javascript:

function calc() {
		    var type_design = document.getElementById("type_design"); //получаем ссылку на элемент Select (Тип дизайна)
            var type_design2 = document.getElementById("type_design2"); //получаем ссылку на элемент Select (Тип дизайна)
		    var count = document.getElementById("count"); //получаем ссылку на элемент input (Кол-во вариантов)
		    var result = document.getElementById("result"); //получаем ссылку на элемент span, в него будем писать стоимость дизайна
            var is_html = document.getElementById("is_html"); //получаем ссылку на чекбокс (Требуется верстка?)
		    var price;
		    price = parseInt(type_design.value) + parseInt(type_design2.value);
            price += (is_html.checked == true) ? parseInt(is_html.value) : 0;
		    result.innerHTML = price;

            document.getElementById("amount_to_pay").value = price;
	    }

В том и заковырка, что таким образом меню тянется не на всю ширину. Только на 96%.

А если взять

li {
float: left;
width: calc(100%/6);
width: -moz-calc(100%/6); /* Для кроссбраузерности */
text-align: center;}

так будут использованы все 100%

В следующем элементе поменять значение name на любое другое, чтобы использовать его для отображения общей суммы заказа

<span name=ik_payment_amount id="result">0</span>

И добавить внутри формы, между тегами

<form>
</form>

следующее

<input type="hidden" name="ik_payment_amount">

И тем же скриптом, который высчитывает общую сумму заказа вставлять в value этого элемента значение суммы.

Что имеется ввиду под плавно сужалось? Чтобы шрифт уменьшался, а все меню оставалось при любом разрешении на одной строке?

И под какие минимальные разрешения должно работать?

Все получилось http://jsfiddle.net/57YRA/10/. Всем спасибо за помощь.

Особенная благодарность spdif

В принципе number имеет всего два состояния

в первом font-size: 38px; и внутри только одна цифра или & nbsp;

во втором font-size: 10px; и внутри от 1 до 8 цифр

можно его выставить фиксированно и добавить еще один элемент который будет тоже фиксирован и потом их уже скриптом поочередно показывать через css свойство display

Что у меня не получалось, так это выставить все так, чтобы при изменении number (или при замене на элемент другого размера) маленькие квадратики не убегали из углов.

Высота .number изменяема, или фиксированная?

изменяема, но должна сидеть всегда по серединекак горизонтально так и вертикально.

...

А что будет со всеми теми

width:60px;

height:60px;

и

left:5px;

top:20px;

когда изменятся размеры ячейки и самого number?

Снова ровнять ручками?

размер ячейки 60 на 60 не изменный. размеры number меняются, но на размер ячейки не влияют.

number всегда будет меньше ячейки.

Необходимо поставить number вертикально и горизонтально по центру ячейкти, а lefrsqr и rightsqr в нижние углы ячейки таким образом, чтобы ни один элемент не выезжал за границы ячейки и при изменении размеров number скриптом, lefrsqr и rightsqr оставались приклееными к своим углам, а он оставался выровнянным по центру.

Наличие элемента numberandbuttons не позволит выровнять number по вертикали и подстроиться под изменение размера ячейки. Иначе нужное положение можно задать и простым позиционированием. Поэтому, если он играет лишь роль общего контейнера, то нужно от него отказаться. А в остальном, вроде не так уж все и сложно.

Вот, при любых размерах ячеек и центрального элемента все будет на своих местах: http://jsfiddle.net/FrkhJ/

Можно так: http://jsfiddle.net/FrkhJ/1/

Или так: http://jsfiddle.net/FrkhJ/2/

наличие numberandbuttons обязательно, так как в общей картине присутствует еще элемент, который при появлении скрывает все содержимое numberandbuttons.

размер ячейки неизменный.

меняется только размер number.

Имеется некая таблица с величиной ячеек 60x60px. В каждой ячейке должна быть следующая структура:

<div class="numberandbuttons">
<div class="number">
</div>
<div class="lefrsqr">
</div>
<div class="rightsqr">
</div>
</div>

lefrsqr и rightsqr это квадраты размером 15x15px поставленные в нижние углы ячейки.

Необходимо поставить number вертикально и горизонтально по центру ячейкти, а lefrsqr и rightsqr в нижние углы ячейки таким образом, чтобы ни один элемент не выезжал за границы ячейки и при изменении размеров number скриптом, lefrsqr и rightsqr оставались приклееными к своим углам, а он оставался выровнянным по центру. То есть нужно позиционировать два угловых квадрата в нижние углы так, чтобы все остальные элементы отображались как будто их нет в ячейке.

Как это можно сделать?

Статью http://htmlbook.ru/css/position я читала, но так и не поняла как мне нужно поступать в моей ситуации.

Заранее спасибо за ответ.

Как-то было я заморочилась с подобной проблемой. Реализовывала на чистом js. Только в моем случае все уезжает вниз, а не в сторону.

Посмотреть как работает можно тут. Выезжает через 2 сек. после загрузки страницы. А исходники можно посмотреть вот тут. Только на странице с исходником надо вручную поменять кодировку на юникод.

Имеется таблица, которая создается динамически.

Это делается делегированием. Цепляйте обработчик ко всей таблице и фильтруйте элементы в функции обработчике.

Проблема заключалась в том, как прицепить, а не как реализовать.

Делегирование хорошо в немного других случаях. А у меня все на много проще.

В любом случае спасибо за подсказку.

Как раз делегирование мне подходит в другом месте, где я его и буду использовать.

на примере тега div

var div = document.createElement("div");
div.style.width = "100px";
div.style.height = "100px";
div.style.background = "red";
div.onmouseout = function(){
this.style.background = "red";
}
div.onmouseover = function(){
this.style.background = "blue";
}
document.body.appendChild(div);

Пыталась в функции-обертке вызывать функцию подсветки и ничего не срабатывало. Сейчас прописала все прямо в конструкторе и о чудо! оно заработало!

Спасибо большое за ответ!

Имеется таблица, которая создается динамически.

Необходимо к каждой ячейке таблицы прикрепить 2 обработчика событий - onmouseover и onmouseout таким образом, чтобы при наведении на каждую ячейку подсвечивались строчка и столбец в которых находится ячейка. Функция для подсвечивания имеется и работает, но только на статически созданных элементах (прописанных вручную в HTML). Сама функция подсвечивания имеет 2 входных параметра - row и col.

Помогите прицепить события ко всем ячейкам таблицы.

P.S. Присоединение обработчиков происходит в функции конструкторе ячейки таблицы.

В файле поменять этот код:

<div class="item">
<img src="/assets/templates/main/img/img-puziri.jpg" height="500" style="max-width: 100%; height: 500;" />
</div>

на этот:

<div class="item" style="background:url(http://www.skazka18.ru/assets/templates/main/img/img-puziri.jpg) no-repeat center top;">
</div>

А в этом файле добавить в класс

.carousel .item 

вот этот код:

margin-left:auto;
margin-right:auto;
text-align:center;
width:100%;
height:500px

и все будет работать как надо.

P.S. И не надо заморачиваться по поводу img, если и без нее все работает.

P.P.S. Каруселька в опере и ИЕ лагает. И надо бы надпись "Заказать Шоу мыльный пузырей" заменить на "Заказать Шоу Мыльных пузырей"

Я почти нашла решение на эту проблему, только нужна небольшая помощь других форумчан. Как выставить картинку, которая шире экрана так, чтобы по горизонтали она стояла по центру?

P.S. Уже не надо. Ответ в следующем сообщении.

http://jsfiddle.net/usfe/6peaT/

типо такого?

Да, спасибо. То что надо.

Нужно сделать список, но так, чтобы первая его строка оставалась на строке с предшествующим текстом, а не спрыгивала на новую, и потом все пункты выравнивались по первому пункту. Как это можно сделать?