berg12

Сайт в реестре

Да, работы в студию

В общем ситуация такая. Есть горизонтальное меню, при структуре с фиксированным расстоянием между кнопками(padding), вроде влазит, но кроме андроида и мазилы. (последний пункт выползает во 2 ряд)

Хочется чтобы оно автоматически растягивалась по ширине, сделал это с помощью div -display: table; ul- table-row; li- table: cell; Появилась другая проблема, раньше, при наведении на элемент он выдвигался (hover {padding-top: +5px;}), а с таблицей это не работает, отодвигаются все элементы.

Добрый вечер,не нашел раздела для новичков(js), по этому спрошу тут.

<ul>

li

li

li

</ul>

Хочу чтобы по клику элемент li(страница при этом не меняется) менял css (цвет и рамка), но при клике на другой элемент с предыдущего элемента css сбрасывалось.

И, пользуясь случаем, еще один вопрос.

есть таблица, по клику в ней меняется контент, я сделал целиком подмену таблицы, но понимаю, что это не оптимальное решения, как сделать лучше(хотелось бы чтобы менялись только некоторые значения ~10).

Вот:

<SCRIPT>

function sw(numb)

{

document.getElementById('tbl2').style.display = 'none';

document.getElementById('tbl3').style.display = 'none';

document.getElementById('tbl'+numb).style.display = 'block';

document.getElementById('tbl'+numb).style.background = '#ccc';

return false;

}

</SCRIPT>

<div style="display: none;" id="tbl2">

Объемная таблица

</div>

<div style="display: none;" id="tbl3">

Объемная таблица 2

</div>

<li onclick="sw(1);">Таблица 1</li>

<li onclick="sw(2);">Таблица 2</li>

Создай общий блок для картинки и блока с текстом, потом используй css float: left; для внутренних блоков, правда не понял куда там еще один блок, мне монитора ноутбука хватило только на эту страницу.

пс: брутом торговать не хорошо, да и не законно)

а если сделать элемент просто прозрачным?

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
2
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
3
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
4
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */

Не понял, а зачем? Как же там тогда будет отображаться элемент, когда он нужен?

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

padding и margin ему пустые сделай, а отступы пусть ставятся за счёт содержимого.

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

У него пустые параметры, как и говорите, но остается полоска бордера. Сделал вывод этого div вместе с модулем, но мне кажется это не самое лучшее решение, с точки зрения создания хорошего универсального шаблона.

Возможно я не правильно понял.

Задайте для данного блока display: none;

Можно еще сделать проверку и выводить данный блок только на главной.

display: none; совсем не подходит для этого случая. Проверка, мб быть, но это решает только конкретную пробему, мне надо чтобы этот див отображался тогда, когда в нем есть содержимое, а уже в кмс я выберу на каких страницах его отображать.

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

ув.модератор, откорректируй если есть возможность слово- "невидемым" а то опубликовал, а потом заметил такую нелепую ошибку.

И что, если картинка? А для IE6-8 — более статичная страница или можно пошаманить с фильтром AlphaImageLoader...

Спасибо, то что надо. Ваш образец помог разобраться.

Все было бы просто, если бы элементом была бы не картинка{url ("img") no-repeat}. отрицательный padding, чтобы прижать картинку к краю, картинка прижимается в зависимости от разрешения(@media), на +1280 все центрируется, для IE(6-7) используется более статичная страница. Можно сделать размер картинок статичный, под популярные разрешения, но тогда если менять размер браузера, содержимое будет плавать, а картинки будут меняться только по заданным разрешениям (640,800,1024).

Надеюсь кто-нибудь поймет то что я понаписал)

В общем есть задача, вроде вполне стандартная, но у меня вызвала затруднение.

Есть элемент, в CSS его расположения присутствует margin-left: -7px;

Структура элемента- width: 100%; Но при этом появляется отступ с права, т.к от элемента отняли 7 px, в идеале должно быть так width: 100%+7px;

Если задавать элементу 101%,102%, то появляется не нужная нижняя полоса прокрутки, т.к дизайн резиновый.

Кстати, прежде чем клепать для каждой такой задачи overflow: hidden, следует для начала прочитать о том, почему он вообще помогает и что делает в этой ситуации, а так же узнать и рассмотреть и другие способы. Просто я давно заметил, что все советуют вешать именно overflow: hidden, не задумываясь, зачем он и почему.

Мне, например, Илюхин метод нравится, но и то, несмотря на его универсальность, я всегда выбираю подходящий способ для конкретной ситуации.

Спасибо, помогло, правда не было возможности в IE проверить. А какие именно ошибки в верстке, и что плохого в position: absolute; ?

Абсолютное позиционирование редко когда используется для построения каркаса, потому что предназначено совершенно для других целей. Относительно каркаса, я бы с помощью position: absolute делал, например, псевдо-колонки, но только в качестве заднего фона. Но верстать весь сайт на нём жестоко)

Спасибо, полезная ссылка. Я, вроде получается, по назначению position т.к без него обертку пришлось бы разрывать, чтобы сделать задний фон.

Спасибо, помогло, правда не было возможности в IE проверить. А какие именно ошибки в верстке, и что плохого в position: absolute; ?

Как-нибудь то сделать можно. Не знаю, на сколько вам данное решение подходит, но например можно это использовать- -webkit-gradient

Если хотите увидеть что в итоге получается, вот вам пример стиля:

background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(4%, #FCFCFC), color-stop(96%, #8A8A8A), color-stop(100%, #4D4D4D));background:-moz-linear-gradient(top, #fff 0%, #FCFCFC 4%, #8A8A8A 96%, #4D4D4D 100%);background:-ms-linear-gradient(top, #fff 0%, #FCFCFC 4%, #8A8A8A 96%, #4D4D4D 100%);background:-o-linear-gradient(top, #fff 0%, #FCFCFC 4%, #8A8A8A 96%, #4D4D4D 100%);background:linear-gradient(top, #fff 0%, #FCFCFC 4%, #8A8A8A 96%, #4D4D4D 100%);}

Добрый вечер.

Опыта создания шаблонов с ноля у меня нет, по этому возникла проблема.

Суть проблемы:

<div id="контейнер">

2 колонки с содержанием(div)

</div>

стили

#content {

float: left;

margin-top: 170px;

padding-left: 3px;

width: 673px;

}

#kolonka {

float: left;

margin-top: 170px;

width: 200;

}

#container {

margin: auto;

width: 980px;

background: white;

border: 2px solid #E7E7E7;

}

html

<div id="container">

<div id="content" ></div>

<div id="kolonka"></div>

</div>

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

Контейнер имеет белый фон и рамку, но почему-то получается, что эти колонки не находятся внутри div(контейнер),так же возникает проблема с футером, который находится внизу.

Что самое интересное, взаимопонимание возникло только с браузером Opera, в нем можно посмотреть, что я в итоге хочу получить.

Посмотреть саму страницу можно тут.

В итоге: Все отображается как надо в Opera, в остальных с проблемами.