HTML Coding

29542 questions in this forum

1. Борьба с less.js

   Добрый день. Появилась необходимость сделать универсальную функцию в less следующего вида: .calc(@per,@val) { @per: calc(@val); @per: -moz-calc(@val); @per: -webkit-calc(@val); @per: -o-calc(@val); @per: expression(@val);}вызываю соответственно в нужном элементе, например: .example { .calc(top,100% - 50px);}.example { .calc("top","100% - 50px");}Никакой из вариантов less не хочет компилировать. Помогите пожалуйста решить проблему! Заранее спасибо!

   Asked by li4e, October 12, 2014

   • less
   • css
   0 votes
   9 answers
2. Почему не центрируется блок?

   Вот есть каталог электропечек для бани, со следующими стилями: .elpechi - стиль тела этой страницы, чтобы не применялось к другим аналогичным .marg - блок с каталогом печей .cat_row - блок с рядами (компонент разбивает товары по рядам) .floatleft - блок карточки товара со своими стилями. задача - отцентрировать. поидее это делается так, но не работает: .elpechi .marg .cat_row {margin:0 auto;}пробовал так: .elpechi .marg {margin:0 auto;}тоже не центрирует. текущие стили: .cat_row { float: left;}.elpechi .marg .cat_row .floatleft { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 5px #c2c0c0; …

   Asked by nikki4, December 11, 2015

   0 votes
   2 answers
3. Выбор колличества полей в форме.

   Доброго дня. Хочу реализовать такую вещь. Мне нужно сделать форму с некоторым количеством полей. Но количество полей должно быть вариативным. Как я это себе представляю, есть поле для ввода с выпадающим списком, в котором я выбираю например число 4. И у меня под ним появляется 4 поля для ввода, например textarea. Как это можно реализовать? Я не прошу всё расписывать за меня, но прошу хотя бы указать направление в котором можно копать. Заранее всем спасибо.

   Asked by partisan42, November 21, 2018

   • html
   • form
   • textarea
   0 votes
   2 answers
4. Помогите разобраться в sass @import

   Здравствуйте! Не могу сделать импорт в sass. Не могу понять в чем дело? По урокам делал, как все показывали, но не выходит! Импорт для оптимизаций и адаптаций сайта

   Asked by azaqwerty, October 18, 2019

   • html
   • sass
   • адаптация
   • css
   • vs
   • code
   0 votes
   2 answers
5. Не кешируются большие картинки

   Не хочет кешироваться картинка вверху страницы.Все остальные кешируются нормально.Возможно,это из-за размера?Она весит 40 кб. http://test.submain.com.ua

   Asked by user, October 22, 2008

   0 votes
   4 answers
6. Растягивание фонового рисунка

   Можно ли растянуть фоновый рисунок вообще!!!

   Asked by Yahoo!, October 28, 2008

   0 votes
   1 answer
7. Спрайты и фоновые изображения

   Всем ХИ!!! Такой вопрос: можно ли применить технику спрайтов к фоновым изображения, которые дублируются по Х и/или У. Вот, например, ниже приведенная картинка содержит 2 фрагмента, первый фрагмент дублируется по вертикали, а 2 по горизонтали. CSS свойство beckground-position тут не поможет. Можно конечно выделить фоновые рисунки дублирующиеся по Х и У в разные файлы, но если изображение дублируется и по Х и по У то такой подход не решит проблему. Может есть какой-то метод "вырезать часть изображения"?? Или всетаки спрайты и дублирующиеся фоновые изображения несовместимы?

   Asked by CoDy, June 28, 2009

   0 votes
   2 answers
8. Картинки прижать к краю браузера

   Туплю. Поэтому тупой вопрос: как сделать так, чтобы при разном размере экрана - к краям браузера были прижаты определенные картинки?

   Asked by YaD, July 14, 2010

   0 votes
   1 answer
9. 3 элемента в ряд width:33%; float:left;

   <div style="width:33%; float:left;"> <a id="divan" href="/upload/iblock/47b/47b42e09de2c2699b955dc8716ba57bc.jpg"><img src="/upload/iblock/d32/d3274baea244fb82b4a2b858ece608d8.jpg" width="230px"></a><br> <div align="center"><a style="color: #b1593c; width: 125px; vertical-align: top; display: inline-block; padding: 0 0 3px 4px; position: relative; font: normal 14px/110% trebuchet ms, helvetica cy, sans-serif;" id="divan" href="/upload/iblock/47b/47b42e09de2c2699b955dc8716ba57bc.jpg">Jercy Cremini, Albert Bronze</a></div> </div> Первые три ряда идут 3 элемента в строку, потом один, а потом через два ряда еще один …

   Asked by Tchorteg, September 8, 2011

   0 votes
   3 answers
10. Сложности в изменении темы для WP

    Доброго всем времени суток. Собственно, есть следующая тема для WP: http://demo.wpzoom.com/photoria/ Очень хотелось бы узнать, где в прикрепленном файле стилей нужно внести изменения для того, чтобы: 1) при наведении на пункт меню, он становился кликабельным целиком (т.е. таким, как подпункты меню из выпадающего списка) 2) аналогичный вопрос о записях под слайдером (т.е. при наведении запись становится кликабельной полностью) 3) и еще один вопрос по поводу записей: как изменить размер и положение фотоминиатюры внутри записи /*********************************************************************************************[/font][/color] [color=#000000][font=sans-serif, 'tre…

    Asked by cheptil, June 9, 2013

    • wp
    • css
    0 votes
    1 answer
11. Список li и noindex

    Уважаемые коллеги! Раньше никогда не парился над этим вопросом. Но сейчас хочется, чтоб всё было почистяку) Возник такой вопрос, как правильно оформить спискок li в тег noindex? То есть, чтобы весь этот список не индексировался. У меня пока такие варианты: Вариант 1<!--noindex--><ul><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li></ul><!--/noindex-->Вариант 2<ul><!--noindex--><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/"&gt…

    Asked by efendi, November 12, 2013

    • noindex
    • li
    0 votes
    3 answers
12. Нужна помощь с 2-хколоночной резиновой версткой

    Пару недель повисел на сайте, почитал статьи. Решил попробовать сверстать несложный сайт.Не всё так просто, как казалось. вот макет сайта https://googledrive.com/host/0B8AjTYm85ggoOWIzVGFwYTMtbFE/. Шапку с грехом пополам сверстал вроде. А дальше дело не особо пошло. В частности не могу понять почему не добавляются поля padding класса .wrapper. Думал сделаю обёртку чтобы текст не прилипал к границе слоя, но что-то не выходит. Вроде использую верное решение с сайта http://htmlbook.ru/samlayout/tipovye-makety/rezinovyi-dvukhkolonochnyi-maket. Вот моя недоделка https://googledrive.com/host/0B8AjTYm85ggoSjgyX29HOEJIYzQ/maket.html . Пытался сам понять что не так, в итоге сдела…

    Asked by relocker, December 17, 2013

    • помощь
    • верстка
    • слои
    • резиновый
    • двухколоночный
    • макет
    0 votes
    2 answers
13. Подскажите как поменять местами строки

    Есть такой код <div> <span>Text 1</span> <span>Text 2</span> <span>Text 3</span> </div> Как поменять первый и второй <span> местами не используя js и не трогая html? Использовать floatы нельзя, с помощью position:absolute на span:nth-child(2) тоже нельзя. Какие еще есть способы? Гугл молчит как партизан.

    Asked by sergei8550, March 18, 2017

    0 votes
    3 answers
14. Смещение картинок при наведении

    Здравствуйте. Возникли сложности с реализацией. При наведении на картинку она должна смещаться, оставляя за собой тень. Также картинка заливается градиентом и всплывают блоки-ссылки как на картинке. Скрытый текст

    Asked by Еврейская Мышь, March 8, 2018

    0 votes
    4 answers
15. Верстка: проблемы

    Поставил страницу http://rang56.ru/pages/aboutus/ в Опере она отображается правильно, а в IE почему-то смещается вниз? В чем проблема?

    Asked by help26, September 19, 2007

    0 votes
    1 answer
16. Простейшая конструкция mod_rewrite не работает :(

    Задача: Превратить ссылку вида site.ru/abc/1 в site.ru/abc/index.php?id=1 Файл .htaccess лежит в каталоге abc и выглядит так: <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-d RewriteRule (.*) index.php?id=$1 [L] </IfModule> Прочитал кучу мануалов по htaccess, и везде пишут одно и то же — именно так! И все равно не работает. В качестве параметра "id" скрипту передается значение "index.php".

    Asked by hooey_ru, October 31, 2008

    0 votes
    3 answers
17. Не работает относительный height, в DIV

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> При попытке присвоить DIV-у свойство "height:100%;" оно не срабатывает. Height:100%; работает только, если удалить doctype. Однако, после удаления doctype код не проходит валидацию и в IE получается "каша" ВОПРОС: Как, не удаляя doctype, "убедить" DIV воспринимать относительную высоту???

    Asked by hui_znaet, November 30, 2008

    0 votes
    2 answers
18. Drag & Drop

    Доброго дня всем! У меня вопрос, по работе с текстом. Как можно сделать, чтобы при наведении мышкой на текст, он менял цвет и подчёркивался снизу. Пример: "Текст чёрного цвета, НО при наведении мышкой на текст, он меняется цвет на синий + подчёркивается". После нажатия на ссылку, текст должен поменять цвет на светло синий цвет. С Уважением Олег

    Asked by nod32rus, February 3, 2009

    0 votes
    2 answers
19. Как "округлить" картинку?

    Здравствуйте! Мне на веб-страницу необходимо поместить портрет. Но портрет я имею квадратный, а нужен овальный. Могу я из квадратного сделать овальный?

    Asked by Рося, March 30, 2009

    0 votes
    3 answers
20. Различные CSS для различных разрешений экрана

    Уважаемые форумчане, помогите решить проблему. Суть такая: есть сайт, где вначале определяется ширина экрана <script language=JavaScript> if (screen.width <= '800') {document.write ('<LINK href="style800.css" rel="stylesheet" type="text/css">'); } else if (screen.width <= '1024') {document.write ('<LINK href="style1024.css" rel="stylesheet" type="text/css">'); } else if (screen.width <= '1152') {document.write ('<LINK href="style1152.css" rel="stylesheet" type="text/css">'); } else if (screen.width <= '1280') {document.write ('<LINK href="style1280.css" rel="stylesheet" type="text/css">'); } else if (screen.width <= '1440') {do…

    Asked by trudsib.ru, October 15, 2009

    0 votes
    1 answer
21. Извечные Div'ы и разные браузеры

    Доброго времени суток, всемогущий All! Ситуация: Верстаю шаблон для Joomla 1.5. Три колонки. Решил пойти путем display:table При этом, чтобы весь шаблон был без таблиц, скопировал папку html из шаблона Beez. Таким образом код генерируемой страницы получается таким (вставляю только интересующую часть): <div id="middle_container"> <div id="middle_wrap"> <div id="left"> <div class="moduletable_news"> <h3>Наши новости</h3> <ul class="vert_news"> <li> <p>Администрация располагается по адресу: via Banetti,50 - 21027 Ispra (Varese)</p><span class="article_separator"> </span> &…

    Asked by Kaylang, October 9, 2010

    0 votes
    8 answers
22. Перевод на страницу для Internet Explorer 6.

    Здравствуйте! Искал сегодня решение для перевода, но всюду предлагаются лишь методы закрытия доступа. Например, этот, ест много других. Нет, если можно спокойно давать от ворот поворот, то я за, но вроде кто-то им все еще пользуется. При написании кода приходится править не только CSS, но и HTML. Например, в макете картинки в левой колонке не центрируются (display: block помогает всем, но не IE 6), бордюры у них же игнорируются, сдвигать при помощи margin-left - снова не работает. Но это так, чтобы не быть голословным. Как отослать пользователя на index_ie6.html? Какой код и куда вставлять?

    Asked by Red Planet, February 19, 2011

    0 votes
    6 answers
23. Посоветуйте CMS для сайта

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

    Asked by anna-2011, July 11, 2011

    0 votes
    10 answers
24. Проблемы в использовании атрибута Checked

    Здравствуйте. Проблема у меня такова - не могу сообразить сценарий работы Checked'a, мне необходимо, чтобы при снятии галочки возле Пользовательского соглашения кнопка "Оплатить" у интернет-магазина блокировалась. Скриншот прилагается ниже.

    Asked by DoZa, February 9, 2012

    0 votes
    10 answers
25. Растянутый контент до футера.

    В общем, суть такая. Есть страница, футер прибит к низу, тело сайта растянуто до низа. А теперь как сделать, чтобы блокн внутри сайта id="content" тоже был растянут до конца сайта? Если присвоить min-height: 100%, то появляется полоса прокрутки и сайт делается длиньше высоты разрешения экрана. <div id="main"> <div id="header"></div> <div id="content"><h2> Тело сайта</h1></div> <div id="rbar"><h3> Меню:</h1></div> </div> <div id="footer">Made by ShadowScale</div> Ксс такой: html, body {height: 100%; width: 100%;} #main { width: 1000px; border:5px solid #96bbae; border-top:0px; b…

    Asked by ShadowScale, September 12, 2012

    0 votes
    6 answers