HTML Coding

29,542 questions in this forum

1. Не отображается background

   Итак HTML-код: <div class="menu"> Акции</div><div class="menu"> Акции</div>CSS-код: .menu { background: url('images/menu.png') no-repeat; background-size: 100%; background-position: 100%; color: #fcefe4; font-size: 20px; font-weight: bold; margin-top: 20px; padding: 15px; padding-bottom: 25px; text-align: center; text-shadow: 0 -1px 0 black;}Проблемма: В первом div блоке background отображается а во втором нет. Как ето исправить?

   Asked by Ezdrael, July 12, 2014

   • background
   0 votes
   2 answers
2. Адаптивное меню на css3

   День добрый! Наверное, нет верстальщика, который хоть раз не опробовал готовый фреймворк. Чаще всего таковым выступает twitter bootstrap. Собственно, вопрос к форумчанам, которые его использовали и видели реализацию навигационного меню: возможно ли сделать его полностью на css, не прибегая к js-скриптам? Если ответ положительный, будьте так добры, пните на соответствующие темы/блоги... хоть что-то.

   Asked by redvi, July 13, 2014

   • css3
   0 votes
   2 answers
3. Оптимизация Тега H1 \ H2

   Добрый день. Поправьте меня если я ошибаюсь. 1. На главной странице сайта нет тега H1, только теги H2. Добавляем тег H1 в тег [aviable=main]. 2. В определённой категории новостей тоже нет тега H1, только куча тегов H2. Так же нужно добавить тег H1? Или тот тег что на главной странице будет мешать этому тегу в категории? Спасибо за внимание! Дополню заодно Допустим есть ключевое слово Warcraft 3 Читы. Если я напишу в H1 Скачать Warcraft 3 Читы - (Поисковики засчитают в + слова ключа Скачать? Или не использовать его "Скачать". Второе, можно ли использовать Тег H1 для главной так: Скачать Warcraft 3 Читы, Скачать Боты, Скачать Хост-Боты ну и т.д. Или лучше как то по…

   Asked by Dallas, July 13, 2014

   • Оптимизация Сайта
   0 votes
   0 answers
4. лишнее изображение у fancybox

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

   Asked by cyklop77, July 13, 2014

   0 votes
   4 answers
5. Добавление звездочки к обязательным полям с помощью CSS3

   Здравствуйте! Столкнулась с такой проблемой. Есть форма и в ней имеются обязательные поля для заполнения с атрибутом required. Хотела сделать, чтобы если поле имеет этот атрибут, добавить после него звездочку. Но код не работает. Что я делаю не так? И как еще можно решить такую задачу без JS. input[required="required"]:after{ content:'\2217'; font-size:17px; color:red; margin-left:20px;}

   Asked by Светлана Г., July 13, 2014

   0 votes
   3 answers
6. Быстрее ли будет загружаться сайт...

   Быстрее ли будет загружаться сайт, если где можно заменить несложными изображениями рисуемыми CSS, вместо обычного PNG?!

   Asked by SKSKSS2013, July 13, 2014

   0 votes
   2 answers
7. Настройка ширины Div'а

   Всем доброго времени суток. Ребят, разбираюсь с css, подскажите как сделать. Есть контейнер (с некоторой шириной), в котором ещё три контейнера, нужно чтобы 2й и 3й контейнеры имели фиксированную ширину, а 1й контейнер всё оставшееся пространство. Нужно чтобы контейнеры располагались в строку. Например: <div class="bigDivStyle"> <div class="style1"> тут какой то текст </div> <div class="style2"> второй </div> <div class="style3"> третий </div> </div> .cbigDivStyle { width: 40%; } .style1 { display: inline-block; } .cbigDivStyle { display: inline-block; width: 20px; } .cbigDivStyle { …

   Asked by den_yak93, July 13, 2014

   0 votes
   1 answer
8. Рисование на чистом CSS

   Есть ли у вас на примете визуальный редактор в котором можно было бы сразу рисовать в CSS? Хочется реализовать что-то в этом духе: http://marvelapp.github.io/devices.css/

   Asked by SKSKSS2013, July 13, 2014

   0 votes
   1 answer
9. Почему содержимое в блоке не выравнивается по вертикали?

   Как выровнять по вертикали, не изменяя HTML код? http://jsfiddle.net/ydLuC/ я придумал вот такое решение, оно нормальное? .post-date{ width:25px; height:5px; background:white; font-size:15px; font-weight:bold; border-bottom:5px solid #bdc3c7; text-align:center; padding:20px; padding-left:10px;}Какие ещё есть?

   Asked by DivMan, July 13, 2014

   0 votes
   2 answers
10. Проблемы с позиционированием

    Верстаю страницу (фиксированная верстка), на которую добавил боковое меню. Чтобы оно всегда было в зоне видимости, прописал "position: fixed". Разумеется, теперь при малейшем отклонении от данного разрешения экрана, это меню съезжает в сторону относительно нужной линии. Вопрос в том как прикрепить фиксировано это меню, чтобы всегда оставалось "на глазах" и не съезжало?

    Asked by Anonim_Khb, July 13, 2014

    0 votes
    2 answers
11. :first-child не всегда работает

    Всем привет, столкнулся с проблемой что не всегда работает :first-child для блоков, к примеру есть 3 блока в диве, ферст чилд для них не пашет а ласт чилд пашет, в чем прикол?

    Asked by logicface, July 13, 2014

    0 votes
    15 answers
12. Не работает box-shadow в Chrome

    У меня есть форма, к полям которой применяется box-shadow. Так вот во всех браузерах, кроме Chrome, это св-во работает. Версия Chrome: 35.0.1916.153 form-1 input[type="text"] { width: 240px; height: 46px; background: #dcebff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); border: none; color: #6dabff; font-family: 'pf_din_text_comp_promedium', sans-serif; font-size: 1.176em; outline: medium none; padding-left:…

    Asked by helio, July 13, 2014

    • box-shadow
    • css3
    • chrome
    0 votes
    2 answers
13. Анимация css

    Есть пример: http://jsfiddle.net/WqZGF/ . Возможно ли сделать плавный раскрывание и закрывание на CSS без явного указания высоты и JavaScript?

    Asked by afdw, July 13, 2014

    • анимация
    • css
    0 votes
    2 answers
14. Меня бесит тег p и line-height, как их угомонить?

    Всем привет, есть проблема с margin блоков. Дело в том, что я немного perfectционист и стремлюсь к тому, что бы все зазоры между блоками были одинаковые. Ладно, я могу простить разницу в 1 пиксель, но больше чем 1 нет, это выше моих сил.=D Все в порядке тогда, когда блок заканчивается какой то таблицей или четким элементом, но все дрожит и полыхает если блок заканчивается абзацем. Ей богу, как они меня бесят эти абзацы и этот line-height. Вот пример хорошего дела: https://www.dropbox.com/s/mr0jkcx2zg90gd1/1.png А вот пример плохого дела: https://www.dropbox.com/s/3vj1vlh2unp56vt/2.png line-height мне нужен такой как есть сейчас, что бы зазор между буквами был 14…

    Asked by logicface, July 13, 2014

    0 votes
    8 answers
15. Пункты раскрывающегося меню не влазят в экран

    Есть горизонтальное меню в шапке сайта с раскрывающимися пунктами. В одном из пунктов длинный список и когда на странице мало контента, раскрытые пункты не влазят в экран. Я так понимаю динамически растягивать страницу по размеру меню можно только через javascript.

    Asked by Psyh, July 14, 2014

    0 votes
    2 answers
16. css в <iframe>

    Здравствуйте товарищи. Ищеемся главная станица, где iframe. Туда хочу загрузить страницу с css дизайном. Отдельно эта страница классно отображается, а внури iframe все плохо. что исправить. PS код там маленький) (http://rghost.ru/56887167)

    Asked by JamesPipiskin, July 14, 2014

    • css iframe дизайн
    0 votes
    1 answer
17. Расположение изображения в HTML

    Здравствуйте, как с помощью HTML указать местоположение изображения? Пользуюсь ЖЖ, но получается какая-то фигня. Написал в их тех. поддержку, но т.к. там очень долго отвечают, решил заодно написать сюда: Как надо: http://f5.s.qip.ru/14a5VJePZ.pngКак получается при публикации: http://f6.s.qip.ru/14a5VJeQ0.png Код с изображениями: <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-right.png" style="position:absolute; LEFT:100px; WIDTH:20px; HEIGHT:20px" width="20" /> <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-left.png" style="position:absolute; RIGHT:100px; WIDTH:20px; HEIGHT:20px" width="20" /&g…

    Asked by Kony, July 14, 2014

    • html
    0 votes
    9 answers
18. Проблемы с margin

    Здравствуйте, непонятно из-за чего уменьшается margin. На этой странице все хорошо А вот на этой он уменьшается Насколько удалось выяснить, уменьшается он именно из-за красного поля, то есть отображения записей из БД. Но совсем неясно почему так происходит. Привожу код кода, который отображает этот блок echo '<table class="post_table" border="0">'; // выводим в HTML-таблицу все данные клиентов из таблицы MySQL while($data = mysql_fetch_array($result)){ if (empty($data['hidden'])) { $author = $data['author']; $avatar = "<img src='images/temp.jpg'>"; } else { $author = "Аноним"; $avatar = "<img src='images/anonim.jpg…

    Asked by Immortal, July 16, 2014

    0 votes
    4 answers
19. Браузеры блокируют контент у элементов с классом advert

    Всем доброго времени суток! У меня проблема. Есть сверстанная страница . Но браузеры отображают ее только на половину. 80% содержимого от контента попросту не отображается, хотя в коде оно есть. Уверен в том что это происходит из-за слова "advert" в именах классов. Понятное дело что придется переделывать, но тем не менее, может кто то объяснить почему браузеры так реагируют на это слово. Расценивают это как спам или как скрытую рекламу или как что?) Версткой занимаюсь давно, но с таким столкнулся впервые. Заранее благодарен! P.S. Сначала сделал все на локалке, а потом залил на хост и такая свистопляска.

    Asked by illuminate, July 14, 2014

    0 votes
    7 answers
20. Минималистичная верстка, хорошо или нет?

    Всем привет, есть хедер: <header> <a class="logo" href="/">Лого</a> <a class="button" href="/">Кнопка</a> </header> Кнопка имеет float:right и красивое оформление. Вопрос вот в чем: Нормально ли это? То есть, то, что эти элементы не обрамлены в div. Ведь на месте лого могла бы быть и картинка, но и в этом случае я не вижу смысла обрамлять что то в div. Ведь можно просто дать тегу a display:block и будет тоже самое.

    Asked by logicface, July 14, 2014

    0 votes
    2 answers
21. Select & Number (выравнивание по горизонтали, кроссбраузерность)

    Добрый день. Помогите, пожайлуста, советом. Хотелось бы чтобы выглядело вот так. В Firefox так и выглядит. А вот в других браузерах (Opera, Chrome) - вот так 1. Выравнивание select`а не по центру. Пробовал через padding, но тогда все "элементы выбора" select`а сдвигаются на фиксированное количество пикселей. А они имеют разную длину. И получается один по центру, а остальные со сдвигом вправо (в зависимости от длины). 2. Число в поле number отображается не четко по центру, а со сдвигом влево. Если наводишь на само поле - справа появляется стрелочки и тогда вроде по центру. Но без наведения виглядит не эстетично. Может можно эти стрелочки как-то принудительно отобр…

    Asked by motion, July 15, 2014

    • Выравнивание
    • select
    • number
    0 votes
    21 answers
22. Chrome и Enternet explorer

    Всем доброго времени суток! столкнулся вот с такой вот проблемой: на моем свеже-сморганенном сайте http://lvguide.lv/ получаются разные отступы блока content в chrome i IE, когда воял сие произведение пользовался только хромом, результат в котором меня полностью и с радостью устраивает, а вот в IE и MOZILA оступ от блока в низ пропадает. Не посоветуете ли где начать искать ошибку или как это вылечить ? Спасибо!

    Asked by Mirabo4, July 15, 2014

    • разные отступы
    0 votes
    8 answers
23. неправильно настроил анимацию

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

    Asked by cyklop77, July 15, 2014

    • jquery
    • css
    • html
    0 votes
    4 answers
24. z-index внутри блока с переопределенным контекстом наложения

    Есть пример-задача: http://jsfiddle.net/realovich/r4wdA/ В ней блок с классом "red" с помощью трансформации создает новый контекст наложения. Если присвоить любую трансформацию к блоку с классом "green" - этот блок попадает в тот же контекст, что и red, а вот img даже с трансформацией не хочет попадать в этот же контекст. Помогите, CSS-гуру.

    Asked by realovich, July 15, 2014

    • z-index
    0 votes
    2 answers
25. Как верстается такой интересный градиент ?

    Можно ли такую кнопку с двойным градиентом сверстать без применения фотоной картинки ?

    Asked by ilyas, July 16, 2014

    0 votes
    5 answers