22 декабря 2015
1 декабря 2010
Два блока с float left по середине родительского блока.
Привет.
Такой код:
Так вот как мне всё содержимое shop-all-img располжить по центру по горизонтали? При том что блоки simg имеют float:left
Такой код:
<div class="shop-all-img">
<a href=".jpg"><img src=".jpg" width="250" height="176"></a>
<br>
<div class="simg"><a href=".jpg"><img src=".jpg" width="50" height="50"></a></div>
<div class="simg"><a href=".jpg"><img src=".jpg" width="50" height="50"></a></div>
<div class="simg"><a href=".jpg"><img src=".jpg" width="50" height="50"></a></div>
<div class="simg"><a href=".jpg"><img src=".jpg" width="50" height="50"></a></div>
</div>
Так вот как мне всё содержимое shop-all-img располжить по центру по горизонтали? При том что блоки simg имеют float:left
20 октября 2010
Перейти по ссылке при жесткой фильтрации
Здравствуйте.
В одной КМС существует компонент, который выводит некие данные из БД, при этом частично фильтруя.
Требуется: вывести ссылку, при том что не должно быть http://
как бы провернуть? вроде вариант с javascript и %20 кодировкой прокатывает, но появляются дополнительные кавычки, что не есть хорошо. И да, ссылка не относительная, иначе можно было бы и без http:// обойтись
В одной КМС существует компонент, который выводит некие данные из БД, при этом частично фильтруя.
Требуется: вывести ссылку, при том что не должно быть http://
как бы провернуть? вроде вариант с javascript и %20 кодировкой прокатывает, но появляются дополнительные кавычки, что не есть хорошо. И да, ссылка не относительная, иначе можно было бы и без http:// обойтись
18 октября 2010
Верстка резинового горизонтального меню
Имеется горизонтальное меню, оно резиниться по ширине, каждый пункт это ссылка с display:block; которая тоже резиниться в зависимости от длины текста.
Задача: сделать так, что бы между пунктами меню было одинаковое расстояние.
Найденное решение:
Сделал в коде список ul, потом с помощью JS заменяю его на таблицу, где динамически к пустым ячейка высчитывается ширина.
Вопрос
Как реализовать то же самое без JS ? ну или хотя бы без таблицы?
Задача: сделать так, что бы между пунктами меню было одинаковое расстояние.
Найденное решение:
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="6%"></td>
<td>item 1</td>
<td width="12%"></td>
<td>item 2</td>
<td width="12%"></td>
<td>item 3</td>
<td width="12%"></td>
<td>item 4</td>
<td width="12%"></td>
<td>item 5</td>
<td width="12%"></td>
<td>item 6</td>
<td width="12%"></td>
<td>item 7</td>
<td width="12%"></td>
<td>item 8</td>
<td width="6%"></td>
</tr>
</tbody>
</table>
Сделал в коде список ul, потом с помощью JS заменяю его на таблицу, где динамически к пустым ячейка высчитывается ширина.
Вопрос
Как реализовать то же самое без JS ? ну или хотя бы без таблицы?
11 октября 2010
Оптимизация графики для web
Доброго всем дня!
В данный момент заинтерисовала тема оптимизации графики для Web. А про данную тему мало чего написано, да и в основном вода одна. Хотелось бы услышать советы. Так же осветить данную тему применяя Photoshop.
С ув. Сергей.
В данный момент заинтерисовала тема оптимизации графики для Web. А про данную тему мало чего написано, да и в основном вода одна. Хотелось бы услышать советы. Так же осветить данную тему применяя Photoshop.
С ув. Сергей.
8 октября 2010
проблема с wordpress(om)
привет всем...вот такова проблема.В админке вордперсса при попытки добавления изображения к статье через flash- загрузчик,мне cms выдает Ошибка ввода/вывода.что делать ума не приложу..А если добавляем через стандартный загрузчик то все нормально,но только доступно если ффайл не более 2мг...
1 октября 2010
Сброс/хранение изменений в форме после обновления страницы
Если внести в HTML форму какие то данные (заполнить textfield или поставитьгалочку в checkbox), то при нажатии F5 или мышкой по иконке, эти изменения запоминаются браузером.
И это в принципе хорошо, но проблема возникает из-за того, что имеется порядка 1000 сущностей у каждой из которых может быть до 8 настроек, которые по-дефолту выключены (поэтому сразу в HTML нет смысла их рисовать, т.к. браузер надрывается рендерить). Т.е. оптимально было бы сделать 1000 checkbox (что в принципе не сильно лагает), при клике на который JS рисовал бы остальные 7 настроек, это всё без проблем. И тут проблема в том, что при нажатии F5 браузер сохраняет включенное значение у чекбокс, но при этом (что логично) убирает нарисованные JS'ом элементы.
Оптимально было бы конечно сохранять элементы настройки, но это можно наверное сделать единственным образом, пробежаться по всем чекбоксам, проверить их и заново нарисовать, но тогда значения этих элементов скинутся, что не очень подходит ..
Другой вариант это очищать чекбоксы .. я пока тоже вижу решение только через JS т.е. изначально можно сделать массив с ключами, в котором хранятся ключи только включенных чекбоксов и при перезагрузке выключать, которые не входят в данный массив ..
Третий вариант решения это дорисовывать в каждой строке кнопку сохранения, которая будет сохранять запись исключительно этой строки (при помощи XMLHttpRequest), тогда вообще можно избежать всех проблем, но это удобно где на странице много сущностей, но это скорее исключение, т.к. обычно будет порядка 30-40 сущностей, и лучше бы делать единой формой. Поэтому пока решение это считать количество сущностей и если их больше какого то числа делать такой вариант, если меньше, то единой формой.
Страницы с таким количеством сущностей будут появляться редко, но точно будут. Разбивать на страницы запрещено человеком, который будет работать с данным сервисом, поэтому я прям не знаю что сделать.
И это в принципе хорошо, но проблема возникает из-за того, что имеется порядка 1000 сущностей у каждой из которых может быть до 8 настроек, которые по-дефолту выключены (поэтому сразу в HTML нет смысла их рисовать, т.к. браузер надрывается рендерить). Т.е. оптимально было бы сделать 1000 checkbox (что в принципе не сильно лагает), при клике на который JS рисовал бы остальные 7 настроек, это всё без проблем. И тут проблема в том, что при нажатии F5 браузер сохраняет включенное значение у чекбокс, но при этом (что логично) убирает нарисованные JS'ом элементы.
Оптимально было бы конечно сохранять элементы настройки, но это можно наверное сделать единственным образом, пробежаться по всем чекбоксам, проверить их и заново нарисовать, но тогда значения этих элементов скинутся, что не очень подходит ..
Другой вариант это очищать чекбоксы .. я пока тоже вижу решение только через JS т.е. изначально можно сделать массив с ключами, в котором хранятся ключи только включенных чекбоксов и при перезагрузке выключать, которые не входят в данный массив ..
Третий вариант решения это дорисовывать в каждой строке кнопку сохранения, которая будет сохранять запись исключительно этой строки (при помощи XMLHttpRequest), тогда вообще можно избежать всех проблем, но это удобно где на странице много сущностей, но это скорее исключение, т.к. обычно будет порядка 30-40 сущностей, и лучше бы делать единой формой. Поэтому пока решение это считать количество сущностей и если их больше какого то числа делать такой вариант, если меньше, то единой формой.
Страницы с таким количеством сущностей будут появляться редко, но точно будут. Разбивать на страницы запрещено человеком, который будет работать с данным сервисом, поэтому я прям не знаю что сделать.
25 сентября 2010
Плавное появление img обьектов в DOM
Как реалезовано у вас на сайте. Сперва увидел на хабре, сейчас смотрю у вас тоже есть. Причем в DOM я ничего не нашёл. Я думаю вы понимаете, я о эфекте плавного появления при прокрутки страницы вверх или вниз, без разниц.
19 сентября 2010
Блок с картинкой и текстом.
Такая проблемка — есть шапка сайта, каждая ссылка состоит из картинки и текста
Код:
Нужно чтобы при наведении на блок менялись и стили картинки и стили ссылки, как так сделать?
Код:
<div class="navli"><center><a ><img src="image.png" id="imgp"></a><br>
<a class="p" href="#">Портфолио</a></center></div>
Нужно чтобы при наведении на блок менялись и стили картинки и стили ссылки, как так сделать?
11 сентября 2010
Помогите с wordpressом
В общем в своем блоге кликаю на категории,категория мне выдает ошибку 404.Как бы страницы не существует...
Блог пока у меня на компе,на денвере.Подскажите что надо сделать ,чтобы исправить
Блог пока у меня на компе,на денвере.Подскажите что надо сделать ,чтобы исправить
11 сентября 2010
Как в строку вставить блочный элемент?
Нужно сверстать название новости и тут же через несколько пробелов вставить блок с датой. То есть, блок с датой должен находиться сразу после окончания текста новости в этой же строке, и в случае переноса строки - блок тоже переносится (полностью, а не по частям). Ширина строки не фиксирована.
Вот ссылка на то как это должно выглядеть должно выглядеть
Я сначала сделала два дива, с float:left, один с не фиксированной длинной (в котором название новости)второй с фиксированной (с датой). В принципе, большинство браузеров адекватно отобразили верстку, кроме всеми любимых ИЕ6 и ИЕ7, в них все развалилось - вариант не подошел.
Потом пробовала блок с датой сделать через span, но в этом случае он является строчным элементом и следовательно разрывается при переносе, что противоречит макету.
Есть какие-нибудь еще варианты?
Вот ссылка на то как это должно выглядеть должно выглядеть
Я сначала сделала два дива, с float:left, один с не фиксированной длинной (в котором название новости)второй с фиксированной (с датой). В принципе, большинство браузеров адекватно отобразили верстку, кроме всеми любимых ИЕ6 и ИЕ7, в них все развалилось - вариант не подошел.
Потом пробовала блок с датой сделать через span, но в этом случае он является строчным элементом и следовательно разрывается при переносе, что противоречит макету.
Есть какие-нибудь еще варианты?