HTML Coding

29542 questions in this forum

1. версия для слабо видящих.

   Добрый день! Подкинули такую задачку, сделать кнопочку "версия для слабо видящих". В js я не очень хорошо плаваю, поэтому первым делом подумал про css который бы включал и выключал форматирования текста. В обще как лучше реализовать такую задачу, включение режима "для слабо видящих" ? Конечно можно заморочиться и скинуть в отдельную папку переделанный сайт и ссылку на него этой кнопкой, но наверняка же можно сделать всё проще ?)

   Asked by nerei, October 10, 2013

   0 votes
   5 answers
2. Плавающие элементы вразнобой

   Здравствуйте! Плавающие элементы (список товаров) на этой странице: http://ums-shop.com.ua/store/electrical-equipment/navigation-lights/ идут вразнобой. Явно из-за того, что у одного элемента название состоит из одной строки, у другого - из двух. Подскажите, пожалуйста, как сделать так, чтобы элементы выстраивались четко по рядам. Заранее благодарю.

   Asked by volshebnyi, March 19, 2014

   0 votes
   3 answers
3. Не применяется свойство right:0; к элементу pos abs

   http://jsfiddle.net/Rw4yW/ Господа,почему блок #prev_slide не виден?Ему заданы почти такие параметры,как и у #next-slide.Подскажите как разместить #prev_slide слева,а #next-slide относительно родительского элемента? Почему у меня не отображается как положено?

   Asked by Temik2704, April 27, 2014

   0 votes
   4 answers
4. Tень в IE9+

   Всем доброго времени суток!. Есть слайдер, который по разному отображает тень в IE9+(по бокам у элементов div.slider1 div.slide) в сравнении с тем же Firefox. Как быть?

   Asked by Arthur, October 11, 2014

   0 votes
   5 answers
5. Прямоугольник со скруглёнными сторонами (полуэллипс-полупрямоугольник)

   Возник вопрос как сверстать без картинок (с картинками я знаю как делать) блоки на картинке: http://li.tl/i/j/xwpEi.png Мучался с border-radius, стороны получаются в определённый момент прямыми (на картинке прямых частей почти не видно). Гуглил SVG - тоже ничего похожего, либо эллипс, либо просто углы скруглены. Также отдельно буду благодарен за совет про пимпочку снизу.

   Asked by antonKar, January 10, 2015

   0 votes
   1 answer
6. Неправильное отображение кнопки в Firefox

   Доброго времени суток. Кнопка в firefox почти в два раза больше, чем нужно, хотя через инспектор смотрю - все пиксель в пиксель. Не могу понять в чем проблема, помогите пожалуйста)

   Asked by Rakapudl, March 19, 2015

   0 votes
   5 answers
7. Можно ли поменять местами 2 параграфа?

   есть: <p><img путь и параметры картинки />текст</p>надо: <p>текст</p><img путь и параметры картинки />как такое сделать регулярками не понимаю, если вообще возможно. зато знаю как сделать так: <img путь и параметры картинки /><p>текст</p>но так получается что картинка над текстом.. может можно как-то при помощи CSS сделать визуально, чтобы фото было под текстом?

   Asked by nikki4, September 18, 2015

   0 votes
   8 answers
8. Стили дизайна сайтов

   Сабж Я например слышал такое, как минималистический стиль. Какие вообще бывают стили? Если можно, с примерами.

   Asked by torsar, December 23, 2015

   0 votes
   2 answers
9. Вывод из бд по условию

   Как то сталкивался с таким типо: $sql = "SELECT COUNT(*) FROM products"; $r = mysql_query($sql); $total = mysql_result($r,0,0); // общее колличество результатов без разбиения на строки $namea=$_POST['namea']; $named=$_POST['named']; $pricea=$_POST['pricea']; $priced=$_POST['priced']; if(isset($namea)) { $sql .= ' ORDER BY title ASC'; } else if (isset($named)) { $sql .= ' ORDER BY title DESC'; } else if (isset ($pricea)) { $sql .= ' ORDER BY price ASC'; } else if (isset($priced)) { $sql .= ' ORDER BY price DESC'; } Вот как такое работае и …

   Asked by DronBoy, June 19, 2016

   0 votes
   0 answers
10. вопрос по фокусу

    Всем привет. Верстаю шаблон и столкнулся с очень не хорошей проблемой. Суть вот в чем. Сайт на ДЛЕ, и у него есть функция поиска на лету (для тех кто не работал с данной CMS объясню, это когда в поле поиска вводишь и вместе с этим всплывает блок в котором показаны н-ое число материала в которых что ты вводишь есть). теперь о главном, моя форма поиска помещена в сплывающий при наведении блок : Вот код: (так на всякий) .fix-left-icon { width:45px; height:30px; margin-left:5px; margin-top:3px; } .pop-up-left-fix { width:250px; min-height: 30px; left:45px; top:-37px; padding: 10px; border: none; -webkit-border-radius: 5px…

    Asked by green-vik, November 17, 2016

    • фокус
    • focus
    0 votes
    0 answers
11. css, margin:auto; при нажатии на чекбоксе

    <div class="wrapper"> <input type="checbox" value="Жми"> </div> Можно ли средствами css: включил чекбокс для wrapper, для него применилось свойство margin==auto. Отключил чекбокс, отмнился margin. (Или как поменять при клике на чекбокс, любое другое свойство для родителського wrapper)?

    Asked by torsar, December 21, 2017

    0 votes
    2 answers
12. блок с адаптивный контентом

    как сверстать блоком с картинкои с бамбуком на левои стороне где весь блок это картинка + поверх контент я сделал так = через html подключил картинку + поверх вставил блок с контентом (с position absolute)и все спозиционировал в нужное место блоку в котором находится картинка задал position relative. есть проблема при уменьшении экрана контент вываливается из картинки как сделать чтобы контент не вываливался из картинки в смысле чтобы высота картинки менялась под контент ? еще проблема как убрать 2 вертикальных скролла которые появляются при уменьшении экрана http://frontend-er.h1n.ru/asia-spa вот блок картинка чтобы лучше п…

    Asked by victorius, December 22, 2019

    0 votes
    0 answers
13. help, parallax/content

    Здравствуйте возникла проблема: http://prntscr.com/t96dcc (parallax) его высота смещает блок с текстом. Может подскажите другую рамку с текстом или как исправить это. Параллакс: <section class="parallax sticky" id="scene"> <div class="parallax-L" data-depth="0.3" id="L"><img src="img/bmw-m32.png" alt="" /></div> #L { width: 100%; height: 50vh; padding: 0; margin: 0; } .L { background: url(bmw-m32.jpg) left no-repeat; background-size: cover; overflow: hidden; } img { max-width: 20%; height: auto; } .sticky{ position: sticky; top: 0; } Рамка с текстом: <div class="ramka-5"> Ра…

    Asked by prank, June 30, 2020

    • html
    • css
    • js
    0 votes
    0 answers
14. бекграунд текста

    прошу прощения, если подобная тема поднималась - найти не смог.. в общем нужно добиться такого эффекта http://clip2net.com/clip/m33658/1288067101-clip-9kb.jpg может быть кому-нибудь приходилось такое делать? как добиться отступа в конце первой и начале второй страницы? ....сделать элемент блочным - не выход...

    Asked by infamous, October 26, 2010

    0 votes
    8 answers
15. Как прятать блоки?

    Видел где-то когда-то что при уменьшении ширины страницы допустим левое меню исчезает/переходит вверх,вниз. Это можно сделать на css или только на javascript?

    Asked by AquaGen, August 20, 2011

    0 votes
    4 answers
16. Сравнять с фоном

    Как убрать эти отступы и сравнять с фоном данный див?

    Asked by sdasddsa, November 10, 2011

    0 votes
    4 answers
17. Вертикальная полоса прокрутки

    Здравствуйте. Есть стандартный макет: * { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Middle —————————————————————————--*/ #middle { width: 100%; padding: 0 0 50px; height: 1%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 270px 0 220px; } /* Footer —————————————————————————--*/ #footer { width: 1000px; ma…

    Asked by param, January 17, 2012

    0 votes
    7 answers
18. Позиционирование элемента с отступом

    Подскажите пожалуйста! <div class="standart"> <span class="statistics">Статистика</span> </div> .standart { position: fixed; right: 5px; bottom: 5px; } .statistics { border: 1px solid #CFCFCF; background-color: #F2F2F2; padding: 5px } Если поставить padding: 5px в .statistics, то элемент div.standart уезжает за края, приходиться регулировать вручную параметр bottom: 5px в .standart Вопрос: почему span.statistics сам не регулируется относительно значений bottom и left заданных в .standart, при изменение padding внутри его? P.S. - Заметил что если элемент будет без span в одном div элементе, все корректно =(

    Asked by AppleMacMy, January 27, 2012

    0 votes
    2 answers
19. как выровнять текст в блоке

    http://jsfiddle.net/Q8cGj/ Как сделать так чтобы текст не вылазил под низ первого блока? Пробовал указать 2 блоку длинну, результата не последовало, подскажите пожалуйсто.

    Asked by JastinB, February 28, 2012

    0 votes
    3 answers
20. Ширина блока в зависимости от соседнего

    Доброго времени суток всем форумчанам. Есть 2 блока, в левом располагается цена, в правом опции заказа товара и сама кнопка заказа. Как задать изменение ширины правого блока в зависимости от того, какое число в блоке с ценой (соответственно от числа и кол-ва цыфр в нем меняется его шырина) Постарался понятно изобразить это на рисунке ниже. Спасибо за ответы!

    Asked by Elveren, March 23, 2012

    0 votes
    4 answers
21. проблемы с вертикальным выравниванием

    У меня возникли проблемы vertical-align:middle. есть меню, внутри li фиксированной высоты лежит ссылка, которую нужно выровнить по вертикали. http://jsfiddle.net/mC3j2/ Я почитала статьи vertical-align работает на инлайновые блоки, поэтому в моем случае должен работать, так как ссылка инлайновая, но почему то не работает. В данном случае нельзя использовать padding, потому что в одном пункте может быть ссылка умещается в одну строку, а в другом в 2 строки.

    Asked by chiffenok, April 25, 2012

    0 votes
    5 answers
22. Расположение элементов

    Как сделать что-бы меню было ровно с приветствием? CSS #ave{ margin-top: 30px; width: 700px; margin-left: 300px; } #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 205px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); padding-top: 10px; padding-left: 10px; padding-bottom: 10px; }

    Asked by vova.a99, July 11, 2012

    0 votes
    2 answers
23. не прописывает background

    Здравствуйте. Столкнулся с такой проблемой - не прописыввется background с фоновым изображением. диву присваиваю (background: url("../image/lupa.png") no repeat;) выводит без фона, причем в Firebug отсутствует эта строчка с бэкграундом!!! Все остальное есть, а этой строки нет! Как так, в коде строка есть, а Файрбаг показывает что нету! Я в шоке, первый раз такое вижу. Как выводит: Firebug: Код:

    Asked by Galyanoff, December 12, 2012

    0 votes
    4 answers
24. css резиновый div

    Вот, есть 2 div'a (float:left) у одного ширина 500px, как сделать что бы другой занял все оставшееся место на странице(min-width: 500px;max-width: 720px) и растягивался с ней, а первый оставался неподвижным?

    Asked by Zzz_, February 25, 2013

    0 votes
    7 answers
25. list-style-image те отображается

    Господа подскажите пожалуйста,почему в моем случае не отражается list-style-image?Даже обычный list-style не отображается.В чем проблема? Верхний правый список из 2х элементов. http://cssdesk.com/EGQUa

    Asked by Temik2704, November 19, 2013

    0 votes
    5 answers