HTML Coding

29542 questions in this forum

1. Проблема с Формой Поиска

   Кнопка поиска не встает рядом с формой ввода Код В HTML <form action="#" class="search"> <input type="search" name="q"> <input type="submit" value=""> </form> Код в CSS .search { width: 303px; height: 41px; float: right; } input[type="search"] { background-color: rgba(255, 255, 255, 0.20); border: none; outline: none; -webkit-appearance: none; height: 41px; width: 250px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; color: #fff; }[/center] input[type="submit"] { width: 53px; /* Ширина кнопки */ height: 41px; /* Высота кнопки */ border: none; /* Убираем рамку */ background: url(img/search.png); /* Параметры фона */…

   Asked by Danielee, July 31, 2013

   0 votes
   3 answers
2. Opacity

   Здравствуйте. У меня есть блок, у которого стоит opacity 0.5, в блоке есть изображение и текст. Проблема в том, что от блока передается opacity к другим элементам в блоке. http://jsfiddle.net/Kz9Rm/

   Asked by Samsonoff, August 8, 2013

   0 votes
   2 answers
3. Интересно ваше мнение, как реализовать данный макет

   https://www.fl.ru/a....jdbt/6-VmS05U_f"Все элементы на сайте, включая текст и картинки должны масштабироваться. То есть на большом экране весь сайт должен быть больше, сохраняя пропорции"У меня такое ощущение, что заказчик представляет себе масштабирование абсолютно пропорциональное, а не как при резиновой верстке (сайт раздается по ширине).Да и увеличение текста я так понимаю можно реализовать лишь через медиа запросы под каждое разрешение?Кстати можно ли задать для body размер текста скажем один, а остальной текст на всей странице имел какой-то процент от значения указанного в боди? То есть, чтобы в медиа запросе менялся лишь размер шрифта боди - а остальные менялись ав…

   Asked by Zverushka, October 2, 2013

   0 votes
   5 answers
4. margin 0 auto

   Почему разработчики придумали значение auto а не center????

   Asked by DivMan, March 1, 2014

   0 votes
   3 answers
5. Работа с доменом третьего уровня

   Здравствуйте! Делаю сайт. Есть домен третьего уровня. Никак не могу разобраться, как заходить на домен третьего уровня. Если набирать его в адресной строке, то открывает страницу домена второго уровня,а файл в корне index один. Как с ним работать, подскажите, пожалуйста!

   Asked by Torawhite, May 19, 2014

   0 votes
   6 answers
6. Нестандартная форма блока

   День добрый. Натолкнулся на такую штуку и не имею понятия, как ее сверстать. Углы понятно, а вот выпуклые верх и низ?

   Asked by Ponyatno, June 21, 2014

   0 votes
   4 answers
7. Выделение текста внутри псевдоэлементов.

   День добрый. .mh46{ display: block; position: relative; width: 235px; padding: 3px; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); margin-top: 8px;}.mh46:before{ content: " "; position: absolute; border: #e1e1e1 solid 1px; border-radius: 5px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left;}.mh46:hover{ background: #EFEFEF;}.mh46:hover:before, .mh46:focus:before, .mh46:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px;}Сделал блок DIV с тестовым содержимым…

   Asked by sergey032, August 23, 2014

   0 votes
   1 answer
8. Как проверить на валидность сайт?

   Всем доброго времени суток! Кто-нить знает, как проверить сайт на валидность, если включен пакет ssi ? Т.е. на страницах повторяется шапка, новости и т.д. Валидатор пишет,что не может проверить такие файлы. СПасибо!

   Asked by Vic-Tor, October 26, 2014

   • валидность ssi
   • include
   0 votes
   2 answers
9. События

   Добрый день! Мне нужно создать функцию которая будет запускаться при появлении модального окна ( не браузерного ) на странице. Появляется он в разное время, соответственно всякие setTimout не подходят. Выловить его можно по id.

   Asked by samec1337, October 31, 2015

   0 votes
   3 answers
10. Tag data в зависимости от ширины экрана

    День добрый! Применение этого слайдера http://codepen.io/462960/pen/yyKrWP на разных экранах требует выведение различного количества слайдов. Их количество регулируется " data-cycle-carousel-visible=7" в теге .cycle-slideshow Предложите пожалуйста решение этой задачи. Т есть, значение " data-cycle-carousel-visible=7" для каждого @media устанавливается разное.

    Asked by seemax, November 23, 2015

    0 votes
    3 answers
11. Не перемещается блок через margin

    Здравствуйте. Использовал на тексте float:right т.к. нужно было установить текст справа от блока с информацией сервера. Но когда я использовал float, блок с информацией(panel-body) сместился влево за край сайта. Путём долгих переборов своего говнокода я выяснил, что это из-за margin-left на panel-body. Отключаешь его - он становится надо, но появляется другая проблема: невозможно увеличить ширину panel-body. Пытался через width - безуспешно. Может кто помочь с данной проблемой? Страница с проблемой: Скрытый текст http://oldschool.bollobas.ru/servers.php

    Asked by Terron, December 4, 2019

    0 votes
    1 answer
12. SCSS

    Доброго времени суток. Наткнулся на пару статей про Less, SASS, SCSS и решил попробовать. OS: Win7 IDE: Netbeans 6.9 Lang: PHP В чём компилировать и как - я нашёл ( phampl ), а в чём редактировать SCSS-код нет =( Если использовать для этого обычный CSS, то пропадает автокомплит и повсюду пестрят ошибки, если проставить плагин SCSS Editor, то отсутсвует автокомплит ( в виду чего всякий смысл в SCSS пропадает вовсе ). Что я ищу - редактор SCSS под Win, с поддержкой: 1. autocomplete свойств, значений (и желательно переменных) 2. [желательно] возможность автоматической компиляции (к примеру, при сохранении) 3. подсветка синтаксиса 4. [желательно] расторопность (netbeans при п…

    Asked by faiwer, February 26, 2011

    0 votes
    0 answers
13. Progress Bar

    Доброго всем здравия и с проходящей масленицей. Задался целью сделать прогрессбар и чтоб циферки у него как в стандартных инсталляторах при переходе цвета тоже цвет менялся.. наверное не шибко понятно - http://beavers-net.narod.ru/primers/progress.html на примере лучше видать. Хочется, чтобы для слоев с циферками не приходилось забивать каждый раз отступ в пикселях, а забить его сразу на 50% и тогда он будет резиновый. Но такое у меня получается только при указании position: absolute; ...после чего слой уже не обрезается через overflow и виден всегда.. Можно ли вообще как-то обрезать абсолютно позиционированный слой? Буду рад конструктивной критике по коду. *код писалс…

    Asked by tt48, March 3, 2011

    0 votes
    3 answers
14. Странный фон колонки таблицы в IE

    Добрый день! Вот тут: http://www.kafe-na-dinamo.ru/ в IE (и только в нем) правый бордюрчик подложки для текста (бежеватой) отображается некорректно... Это колонка с фоном. Как быть и почему это?

    Asked by kuraga, May 19, 2011

    0 votes
    2 answers
15. Ширина div при разном разрешении

    Подскажите пожалуйста как средствами CSS сделать чтобы блок div при разрешении 1024 отображался с шириной 140px; а при разрешении больше - отображался 259px; Спасибо.

    Asked by tarkinsky, October 29, 2011

    0 votes
    1 answer
16. выравнивание по цетру

    Есть сайт http://clck.ru/QIwU Когда заходим на сайт с ipad или с монитора маленького разрешения то сайт показан с левого края. Как можно сделать чтобы сайт открывался и был по центру монитора?

    Asked by Tchorteg, December 1, 2011

    0 votes
    3 answers
17. Верстка "слайдера"

    Как сверстать блок с шириной 100% окна браузера, в котором есть несколько других дочерних блоков, принимающих его ширину? Из всех дочерних блоков виден только один. Это нужно для того, чтобы, например, при нажатии на кнопку дочерний блок сдвигался вбок, и стал виден второй блок.

    Asked by egoregor, February 11, 2012

    0 votes
    3 answers
18. Тянущийся бэкграунд для элементво списка

    Всем привет. Такая проблема, вожусь уже дня 2, полностью вынесло мозг. Есть такое меню (на картинке максимальный результат, которого мне удалось достигнуть, и то только в опере и файерфоксе). нужно чтобы в активном классе фоновое изображение проклятое растягивалось или сжималось, т.е. как ту на карттинке оно хорошо отображалось как в ие6 и ие7 так и современных браузерах. вок код: <div class="colproduct"> <ul> <li class="colprtext">Отображать товары по:</li> <li class="cpactive"><b> </b><i><span> 4 </span></i><em> </em></li> <li><a href="#" title="40">40</a></li&g…

    Asked by 9EVIL, April 6, 2012

    0 votes
    5 answers
19. Выранивание картинки справа

    Доброе утро всем... Утро сказывается, не могу решит простую задачу. Нужно что бы картинка отображалась справа на сайте. Если начинаю переносить марджином вправо - появляется полоса прокрутки. помогите позиционировать этот листик справа... Как на рисунке. http://ifolder.ru/30588322 - на всякий случай архив с CSS HTML и картинками. <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>Страница с листиком</title> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript">/*<![CDATA[*/with({e:'',p:'addEventListener',d:document})d[p]||d[e…

    Asked by Sheremet, May 20, 2012

    0 votes
    2 answers
20. Fansybox не корректно работает

    В общем столкнулся с такой проблемой. Первые 3 картинки должны увеличиваться, когда на них нажимаешь иногда увеличиваются, иногда нет. а вот самая последняя картинка увеличивается стабильно. Я думал это из за li элементов, в чем может быть проблема как думаете? Вот и сам пример

    Asked by moslem, August 10, 2012

    0 votes
    0 answers
21. Как сделать такой градиент?

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

    Asked by nikki4, August 11, 2012

    0 votes
    1 answer
22. Стационарная фоновая картинка

    Всем джамбо друзья! Закинул фон картинкой..таким образом: ______________________________________________________________________________ body {background: url(http://6.arhis.z8.ru.../2013/04/25.jpg) fixed no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}; /* —————————————————————- Remove Shadows */ #feature, #feature .bottom_shadow, #feature .top_shadow, #page, #page_bottom, #footer { background-image:none; } ______________________________________________________________________________ Проблема в том что при изменении размеров окна браузера картинка тоже увеличивается. Дак вот как ее…

    Asked by CatInTheBread, April 15, 2013

    0 votes
    7 answers
23. формы в bootstrap 3

    скажите пожалуйста должны ли иметь формы в bootstrap3 какие-нибудь обязательные атрибуты, без которых на телефонах отображаться будут не точно или совсем не будут? например в документации у форм присутствуют такие атрибуты <form role="form"> <div class="form-group"> <input type="email" class="form-control" > ..... ..... их обязательно использовать? у меня нет различных мобильных устройств чтобы проверить

    Asked by cyklop77, October 30, 2013

    0 votes
    3 answers
24. Самоучитель CSS

    Здравствуйте! Прочитал Самоучитель CSS в надежде понять код в котором хочу разобраться (код CSS темы WordPress). Очень много почерпнул, за что спасибо автору!!! Для меня осталось не понятным следующие моменты, а точнее такие строки: 1. #container #post-entry article.home-post.alt-post { } почему нет запятых между идентификаторами ? и что значит строка article.home-post.alt-post ? 2. .post-single .post-meta-top { } Можно и без запятых перечислять классы, или это Контекстный селектор ? 3. #post-navigator-single.post-nav-archive { } помогите расшифровать ! 4. .widget-area #sponsorlinks { } помогите расшифровать !

    Asked by ugg555, November 30, 2013

    • Самоучитель CSS
    0 votes
    1 answer
25. Как светстать блоки уходящие по вправо и влево до конца.

    Привет, всем!! Столкнулся с небольшой проблемой при верстке, никак не могу сообразить. В общем есть простой макет, только вот в нем несть несколько элементов, которые уходят вправо и влево до конца экрана, хотя сам контент зафиксирован по центру вот скриншот , подскажите как такое сверстать или хоть дайте ссылку на макет с похожей структурой, который верстали, глянуть код, а то мне что-то в голову ничего не приходит, пятница же блин . Ссылка на сайт в сети (сразу верстаю на вордпресс) : http://dzga.apoehali.com.ua/

    Asked by ya_verstaka, September 11, 2015

    0 votes
    2 answers