HTML Coding

29,542 questions in this forum

1. div>hover>active>а что после этого?

   Есть блок-спойлер,который после прокликивания должен изменять свою форму: .videoA{ display:block; position:relative; background-color:#191919; border:solid 1px black; border-radius:5px; width:582px; line-height:30px; margin:15px auto 0px; font-size:12pt; padding:0px 10px; box-sizing: border-box; color:white;}.videoA:hover{ color:blue;}.videoA:active{ border-radius:5px 5px 0px 0px;}Но вот проблемка,hover - это изменение во время наведения курсора на блок,active - изменение во время зажима этого блока курсором,мне ещё нужно что бы был ещё один режим который видеоизменял бы этот блок после того как его активировали и вылез скрытый текст спойлера,я…

   Asked by pudge, November 19, 2013

   0 votes
   7 answers
2. Помоготе реализовать ссылки в ячейках

   Вот такой Шаблон необходимо сделать Проблемы возникают с боковыми колонками. Если сделать ссылку по центру (и по вертикали тоже), то вся ячейка не является ссылкой, а если растянуть ссылку на всю ячейку(сделать блочной), то текст оказывается вверху ячейки.

   Asked by RiG, November 27, 2013

   0 votes
   2 answers
3. Помогите нубику: почему-то внизу белая полоска в мозилле

   я только начал верстать и не пойму, почему в одном браузере (мозилле) здесь внизу белая полоска остается, друг попросил посмотреть, а у меня самого не получается помогите пожалуйста, буду очень благодарен. http://litter-robot.ru/dsdsfsdfwer

   Asked by lomchik, April 11, 2014

   0 votes
   3 answers
4. vertical-align

   Доброго времени суток! Есть такой код. Не очень шарю в свойстве vertical-align, а мне нужно выровнять разделители между надписями по центру(разделители добавлял через a:after в content: "|")

   Asked by Arthur, November 25, 2014

   • vertical-align
   0 votes
   2 answers
5. fancybox для любого контента

   посоветуйте пожалуйста плагин типа fancybox2, который может показывать в модальном окне любой тип контента(картинки, текст, флэш и т.д.) fancybox2 тоже это умеет, но там нужно указывать путь на внешний файл, а мне нужно, чтобы контент был обычной частью страницы(возможно, невидимой) UPD: ой, сам разобрался. админы, удалите пожалуйста тему

   Asked by cyklop77, March 14, 2015

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

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

   Asked by nikki4, September 18, 2015

   0 votes
   8 answers
7. Помогите с простой задачей XML, CSS

   Доброго времени суток, товарищи! Прошу помочь с таким вот заданием: Вывести содержание документа XML, который приведён ниже, в виде таблицы с фиксированной шириной 900px, где каждый столбец имеет фиксированный размер. Каждый второй ряд таблицы выведите красным цветом.

   Asked by GrandLamoz, December 14, 2015

   • xml
   • css
   • неуч
   0 votes
   0 answers
8. Как сделать кликабельную картинку не прямоугольно

   Как сделать, чтобы объекты на карте были кликабельны, но и не перекрывали друг друга. Стандартно прямоугольно если их делать они друг друга полностью перекроют...

   Asked by Dave7044, April 26, 2016

   0 votes
   2 answers
9. машинка поднимается на один уровень

   Если в мобильном телефоне быстро прокручивать страницу, то машинка поднимается на верх(то есть z-index становиться больше чем должно быть или телефон не успевает обработать скрипт ), что делать, чтобы это не происходило? portfoliox.ru

   Asked by начинающий верстаг, March 17, 2018

   • адаптивная верстка z-index
   0 votes
   1 answer
10. position:fixed vc iPad

    Последнее время нужно проверять как выглядит сайт на айпаде. Подвал нужно пригвоздить к низу, а контент чтоб проматывался. На айпаде подвал скользит вместе со страницей. В интернете ниче вменяемого не нашел. Писал 2 файла стилей для планшета и десктопа, проверял jquery, для айпада подвал делал обычный. Я провтыкал, там vs, а заголовок редактировать нельзя.

    Asked by sergio_ktt, September 28, 2011

    0 votes
    0 answers
11. Проблемы с прозрачностью

    Суть проблемы в следующем: Есть картинка с position: fixed; z-index: -3; Рядом с ней есть блок #content с background: rgba(255, 255, 255, 0.9) в нём располагается основной контент сайта (по размерам он меньше фоновой картинки, спозиционирован и т.д.) А внутри #content есть вертикальная менюшка с float: left и на скрипте скользящая при прокрутке страницы, и вот надо что-бы эта менюшка имела границу со всех сторон 5px прозрачную, т.е. не то что б белый полу прозрачный фон, а должна быть видна фоновая картинка, которая под контентом. Чего только не придумывал и gif прозрачный и rgba и игрался с z-index (ставил у контента = -1, а у враппера менюшки = -4, у менюшки = 0) ничего…

    Asked by sfer23, January 9, 2012

    0 votes
    2 answers
12. Растянуть текст в меню

    Текст в меню не растягивается на всю ширину, justify не помог, как это исправить? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Титл</title> <style type="text/css"> a:link{ color:#FFFFFF; text-decoration:none;} a:visited{color:#FFFFFF;} a:hover{ color:#FFFFFF; text-decoration:underline;} a:active{color:#FFFFFF;} nav { background-color:#afafaf;/*цвет фона*/ border:1px solid #4c4c4c;/*рамка в 1px чёрного цвета*/ height:40px;/*высота блока*/ margin-left:5%;/*отступ слева*/ margin-right:5%;/*отступ справа*/ font-family:Tahoma, Geneva, sans-serif;/*семейство шрифта*/ font-size:20px;/*высота текста*/ text…

    Asked by antoxa-ua, June 20, 2012

    0 votes
    1 answer
13. Проблема с div (наверное). Помогите!

    Вот такой вот код: #prodbtn a { font-family: Century Gothic; font-size: 14px; text-decoration: none; background: #e5e5e5; padding: 5px; border: solid 1px black; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px } #prodbtn a:hover { text-decoration: underline; background: #c1c1c1; } <a href = "http://link"><div id = "prodbtn">Оборудование</div></a> <a href = "http://link"><div id = "prodbtn">Программное обеспечение</div></a> Я в верстке шарю чуть лучше, чем никак. Хочу сделать 2 кнопки простенькие, на которых написано слово, а по клику пер…

    Asked by Shimmy, September 10, 2012

    0 votes
    3 answers
14. Не применяются стили в Explorer

    Господа форумчане, подскажите почему в горизонтальном меню номально отображаются картинки и отступы во всех браузерах, кроме пресловутого Explorer? Сайт: http://spb-matrasy.ru/

    Asked by Epileptoid, September 15, 2012

    0 votes
    5 answers
15. Помогите со стилями в IE и Google Chrome

    Здравствуйте... Пытался придать внешний вид мониторингу. Столкнулся с проблемой. Отображения в IE и Google. Проблема в том что блок с названием карты и кол-вом игроков расположен по верх картинки вот такими свойствами style="position:relative; top:-23px; left:24px;" И во всех браузерах а то Opera Mozilla Safari отображается нормально А в ие и гугле на месте где был блок образовалось пустое пространство.. из-за которого мониторы занимают больше места и + Вообще из шапки сьехали.... Вот полный код мониторинга. [online]<div style="color:#fff; text-align:center; width:165px; order:2px solid purple;"> <div> <div><div style="width:100%; backgroun…

    Asked by cheatoff-strike, November 27, 2012

    0 votes
    0 answers
16. Назначить фон картинке

    Здравствуйте. Пробую css на прочность... Пытаюсь задать стиль: .category-view .row .category .spacer h2 a img{ background: url('../images/img_bg.jpg') no-repeat; background-size:120%; } в надежде подсунуть картинку-обрамление для фотографии. В справочнике говорится, что background применим ко всем. Почему фоновая картинка не отображается?

    Asked by borus, April 18, 2013

    0 votes
    4 answers
17. красивый select

    Наверняка у многих из вас есть любимый способ менять обычный select на красивый. Поделитесь пожалуйста. К примеру нужно сменить стрелочку у select.

    Asked by eleonore, May 26, 2013

    0 votes
    4 answers
18. Растягивающийся div

    Добрый день, форурчане! Нужен немного необычный спойлер. Нужно сделать div, который будет иметь высоту картинки, которая резиновая, а при нажатии на него(div) или лучше внизу на кнопку, растягивался по высоте на размер всего содержимого этого div.

    Asked by lersen, December 10, 2013

    0 votes
    5 answers
19. Текст для определенного размера экрана

    Для стилей использую конструкцию вида - <link href="/css/style_480.css" rel="stylesheet" media="only screen and (max-width:480px)">Интересует, как можно в самом коде html делать подобные решения. Например, если экран устройства больше 480 пикселей вывести <div>вход на сайт</div>а если меньше <div>вход</div>То есть, как менять не только стили, но и элементы странички.

    Asked by alleclf, January 25, 2015

    0 votes
    5 answers
20. Работа с текстом из фотошоп

    Приветствую всех. Давно мучает такой вопрос: почему в шаблоне HTML отображается текст по другому, нежели в макете фотошоп и как сделать его одинаковым? Много раз видел профи шаблоны с идентичными текстами, а у меня такого не получается, хотя использую один шрифт Arial и в Фотошоп и в HTML... Раньше думал, что это связано в расстоянием между строк и между символов в HTML, что легко устраняется задаётся в css, но в профи макетах в css нет никаких правил, связанных с текстом. Мораль, текст не выровнять ни как и это портит вид HTML страницы.

    Asked by tigrus2014, April 1, 2015

    0 votes
    4 answers
21. как сделать такое выезжание иконок

    Всем привет, подскажите как сделать такие фичи http://otdelka-i-remont.by/ там есть блок "Чем мы отличаемся от других" и при скролле вниз иконки в нем собираются с краев в центр, может есть Jquery плагины для реализации такого? или как то по другому...

    Asked by Andryshok, April 19, 2015

    0 votes
    3 answers
22. Изменение масштаба макета

    Здравствуйте, дорогие друзья! Я начинающий верстальщик. Выполняя макет столкнулась с такой проблемой: при уменьшении масштаба все элементы макета начинают плыть. Помогите пожалуйста решить эту проблему и если можете дайте рекомендацию по улучшению кода. Ссылка на проект: http://rghost.ru/7WnZCZt5Y

    Asked by Nonius, May 10, 2015

    • fluent
    • div
    0 votes
    3 answers
23. Возможно ли назначть изображение полям (за пределы wrapper'a)?

    Привет всем! Как видите, у данного макета есть затемнённые поля (у нав-панели, у середны, и у футера) В моём коде средняя часть (и нав-панель, и основная часть, и футер) состоят в div'е шириной 940px и с margin'ом auto, то есть отцентрована) Вопрос: какими средствами можно затемнить эти поля? Как выявить именно их, чтобы присвоить рисунки? Или это невозможно и сделать всю структуру через table?

    Asked by centurionkz, September 23, 2015

    0 votes
    2 answers
24. Что за ошибка?

    Код: var numPool = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15 ]; var x1 = document.getElementById("11") function shuffle(numPool) { for(var j, x, i = numPool.length; i; j = parseInt(Math.random() * i), x = numPool[--i], numPool = numPool[j], numPool[j] = x); return numPool; }; var randomResult = shuffle(numPool); while( randomResult.length > 0 ) { x1.value = randomResult; — тут ошибка } Консоль выдаёт ошибку Uncaught TypeError: Cannot set property 'value' of null(…). Никак не могу понять из-за чего и как пофиксить.

    Asked by Kun32216, December 14, 2016

    0 votes
    1 answer
25. Как растянуть меню и сохранить контент по середине?

    Здравствуйте, не подскажите как растянуть выпадающее меню на всю ширину страницы, что бы контент/ссылки так и оставались на середине? Догадываюсь, что проблема в позиционировании "absolute" "relative", но знаний не хватает куда что прописать. Вот код css: #menu-wrapper {display:block; width:960px; margin: 0 auto;} /* Reset */ .nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none; } .nav a { text-decoration: none; } .nav li { list-style: none; } /* Menu Container */ .nav { display: inline-block; position: relative; …

    Asked by vignaliizada88, January 31, 2020

    0 votes
    0 answers