HTML Coding

29542 questions in this forum

1. При наведении на ссылку вывести иконку

   Ребята, помогите пожалуйста реализовать на практике следующее. Есть горизонтальное меню со списком, состоящих из ссылок: Затрудняюсь задать код псевдокласса hover, чтобы при наведении на ссылку из меню, снизу появлялось следующее изображение. HTML: <div class="topmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">О сайте</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Новинки</a></li> <li><a href="#">Добавить в избранное</a></li> </ul></div>CSS: .topmenu { position: absolute; top: 200px; le…

   Asked by efendi, May 17, 2014

   • ссылка иконка наведение
   0 votes
   11 answers
2. помощь в правках по верстке

   вот пациент http://modern-hostel.com/blog/ в хроме и фф выглядит по разному-снизу черная полоса появляется http://modern-hostel.com/blog/obshhezhitiya-dlya-rabochix-v-moskve/ какой лучше шрифт сделать чтобы читабельнее было?

   Asked by https, November 3, 2016

   0 votes
   9 answers
3. Отображение текста в браузерах

   Добрый день! Создал меню, текст в google chrome отображается не вылезая за границы, а в firefox как на картинке. В чем проблема и как это исправить?

   Asked by мурамаса, December 26, 2017

   • html
   • google chrome
   • firefox
   • css
   0 votes
   2 answers
4. Текст не находится по центру кнопки, хотя должен

   На главной странице сделал небольшое меню, для того что бы пользователям было проще сразу перейти к нужной странице, но текст почему-то смещён немного вправо, хотя тег <center> присутсвует <center> <div id="navigation"> <a href="pages\news.html">Новости</a> <a href="pages\story.html">Лор</a> <a href="pages\forum.html">Чат</a> <a href="pages\materials.html">Материалы</a> <a href="https://worldofwarcraft.com" target="_blank">Сайт World Of Warcraft</a> <a href="https://www.blizza…

   Asked by Venner, January 5, 2019

   • помощь
   0 votes
   1 answer
5. Как правильно задавать расстояние между однотипными блоками

   Добрый день, буду благодарен за ответ или ссылку где есть ответ на следующий вопрос. Как правильно(стандартный метод) расположить однотипные блоки, в случае если между ними должно быть расстояние, но крайние блоки прилегают к родительскому блоку. Расстояние между блоков не должно меняться. Как пример http://prntscr.com/n1p5ol . Методом проб и ошибок, нашел несколько способов, и считаю самым правильным из этих способов задать всем блокам margin-right, а у каждого последнего блока строки убрать margin-right. Но если последний блок перепрыгнит на следующую строчку, то два блока склеятся. Второй метод задавать последнему блоку строки отдельный класс без margi…

   Asked by BezMizinca, March 23, 2019

   0 votes
   5 answers
6. Как правильно указать путь к файлу?

   проблема в том, что если я пишу путь так(через /) : <script src="/js/mainjs.js"></script> то гугл сообщает об ошибке, якобы файл не найден. Хотя файл html и папка js лежат в одном файле. как быть? PS если указать полный путь к js то все работает.

   Asked by Marking, October 17, 2019

   • src
   • html
   • js
   0 votes
   1 answer
7. не получается прозрачный iframe

   Такая ситуация: в плавающем фрейме у меня выводятся разные страницы. Все они используют один и тот же файл css, в котором для тега body не указан цвет фона или фон-картинка. Для фрейма атрибут: allowtransparency='true'. Но почему то одна из страниц упорно отображается с белым фоном, хотя остальные на прозрачном. Проверил уже все: все таблицы на странице прозрачные. Если пробовать задавать цвет и картинку фона для страницы, то действует. Если убрать эти атрибуты в css, то возникает белый фон.

   Asked by begin, October 28, 2007

   0 votes
   0 answers
8. Как в теге <input> прилепить текст к низу

   Проблема такая мне нужно чтобы в теге текст начинался от самого низа, там добавляется отступ снизу, никак не получается его убрать. проповал text-align: bottom, но это свойство применяется к самому элементу а не к тексту в нем. нашел один способ сверху добавить padding - не это плохой способ. т.к. он не универсальный и каждый раз нужно подгонять. подскажите какой-нибудь универсальный способ? может есть какое CSS свойство которое за это отвечает?

   Asked by multio, July 28, 2008

   0 votes
   1 answer
9. Таблица

   Таблица Стиль задан такой: .table1 { border: 1px solid #CC0000; padding:2px; margin: 2px; background-color:#FFFFFF; } Но на странице не все линии таблицы видны - получается просто внешняя рамка. Где же я ошиблась? Заранее спасибо

   Asked by Ромашка, December 4, 2008

   0 votes
   5 answers
10. Модуль чат вытягивает новость

    Всем привет! Снова обращаюсь к Вам всем за помощью В общем проблема такая: поставил модуль чат, а он вытягивает первую новость блога... Впрочем объяснить сложно зайдите пожалуйста сюда и посмотрите: fiesta-xi-xi.ru Код я кидать не буду так как его много, и его можно посмотреть в браузере Заранее спасибо!

    Asked by MC WEST, January 20, 2010

    0 votes
    6 answers
11. уроки по блочной верстке

    С html и css ознакомился. Хочу закрепить свои знания на практики. Подскажите, пожалуйста, уроки по верстке где детально объясняются принципы верстки.

    Asked by mastermedia, June 22, 2012

    0 votes
    7 answers
12. Как убрать активный курсор

    Курсор можно изменить, можно даже заменить его картинкой (кроме оперы) Но при клике и движении во время клика курсор приобретает вид вертикальной черты. Как этот курсор убрать/заменить?

    Asked by sonque, September 10, 2012

    0 votes
    1 answer
13. Контур button

    Доброго времени суток, столкнулся с такой проблемой, создал кнопку, задал ей следующие параметры: .menu button:hover { background:#86C129; color:#FFFFFF;}.menu button:active { background:#901D79;}.menu button:focus { border:none;}Однако основная проблема, что после нажатия на кнопку появляется контур и пока не клацну мышкой в любом месте не исчезает, перебрал псевдоклассы не могу понять к чему относится этот контур. Также у меня сама кнопка заключена в ссылку: <a href="#" title="Главная"><button>ГЛАВНАЯ</button></a>Думал мб, что наследуется от гиперссылки однако просто кнопка без тега ссылки также себя ведет. Вот так выглядит проблема http://jsf…

    Asked by Arhidiablo, December 23, 2013

    0 votes
    10 answers
14. Картинка absolute должна занимать весь слой без учета padding

    http://jsfiddle.net/Zverushka/q9Vmk/ Как сделать, чтобы картинка была равна по ширине и высоте своему родителю, но без учета padding? картинка должна быть absolute. ie8+

    Asked by Zverushka, June 16, 2014

    0 votes
    13 answers
15. Горизонтальное выпадающее меню

    Доброго времени суток! Подскажите пожалуйста, как выровнять выпадающее меню по горизонтали? http://codepen.io/anon/pen/wGvBNQ

    Asked by luckyguy, February 26, 2016

    0 votes
    12 answers
16. Изменение порядка блоков

    <div>Лого</div> <div>Текст</div> <div>Меню</div> Как сделать чтобы в адаптивной версии меню оказалось выше текста?

    Asked by gadjet, December 8, 2018

    0 votes
    6 answers
17. background-image

    не сочтите нахальством пол.. как правильно задается свойство: ... background-image: url; .... напишите плз рабочий пример

    Asked by Hevard, November 20, 2008

    0 votes
    1 answer
18. Помогите разобраться с дивами

    У меня есть Див, в который периодически аяксом подгружаются разные картинки: например тут Хочу сделать пролистывание, чтобы поверх картинки слева и справа подгружались кнопочки "влево" и "вправо": примерно как тут Желательно, чтобы эти кнопочки были "активные", но при этом человек мог бы "достучаться" до изображения. Подскажите решение, пожалуйста.

    Asked by partiz, January 23, 2009

    0 votes
    3 answers
19. Табица в HTML

    Приветствую. Подскажите пожалуйста, как реализовать следующее: 1. Создаю две таблицы с одинаковыми параметрами. Таблицы должны отображаться в браузере последовательно в строчку (одна по левому, другая по правому краю), например: таблица1 Таблица2 Мазила и Опера все отображают нормально, а в IE все съезжает, в одну колонку, т.е.: таблица1 таблица2 Как можно это победить? 2. По умолчанию, таблицы привязаны к краям браузера, т.е при изменении его размеров, таблицы смещаются вместе с краями, т.е. видны. Как сделать так, чтобы при изменении размеров брауезра, таблицы не двигались вместе с его краями, а оставалась "грубо говоря" "за кадром". Использую чистый HTML, без CSS. Спас…

    Asked by maksia, March 8, 2009

    0 votes
    3 answers
20. Проблема с размерами DIV

    есть конструкция <style type="text/css"> .container { width:500px; margin:0 auto; } #content { width:250px; float:left; } </style> <div class="container"> <div id="content"> <p>text text text</p> <p>text text text;</p> <p>text text text</p> <p>text text text</p> <p>text text text</p> </div> </div> По мере увеличения текста блоке content, блок container не увеличивается (размеры) в следствии чего блок content накладывается на нижестоящие блоки. Как можно сделать чтобы блок container тоже растягивался вниз? проблема возникает когда content получает …

    Asked by DRiVER, March 27, 2009

    0 votes
    5 answers
21. Проблемы вёрстки списка

    Приветствую ! Есть проблема: верстаю вертикальный список с маркером в виде картинки. Однако, ни в Опере, ни в Хроме маркеры не отображаются посередине своего элемента списка. Вот как показано на картинках (1-я картинка - Опера, 2-я - Хром). Пробовал способ задать картинку-маркер в виде фона для элемента списка. Однако, вот что происходит, когда слишком длинный текст: т.е. если элемент списка слишком длинный, то маркер становится посередине элемента. Так вот, расскажите, как сделать при помощи первого способа так, чтобы маркер одинаково посередине отображался во всех браузерах ?

    Asked by dimacat, October 4, 2010

    0 votes
    9 answers
22. Высота левой колонки сайта по содержимомму

    Добрый день. Нужно чтобы серые квадраты повторялись по вертикали в зависимости от содержимого. <table cellspacing="0" cellpadding="0" align="center" border="0"> <tr> <td style="width:966px; height:100%"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:42px; height:780px"></td> <td style="width:876px; height:780px"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:876px; height:100px"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:435px"> <br style="line-height:20px"> <a href="/"><img…

    Asked by Николаич, October 11, 2010

    0 votes
    10 answers
23. Нестандартные бордеры

    Возникла проблема при верстке достаточно не стандартных бордеров в таблице, см. ниже Решение которое я выбрала это положить в ячейки div, что бы ему задать margin left и right и ему же добавить border-bottom. Но возникает проблема div по высоте занимает высоту контента и нижний бордер не на одном уровне результат-http://jsfiddle.net/chiffenok/KqNS7/ Объясню, почему я использую внутри дивы: если посмотреть на горизонтальные границы между строками они с разрывами. Что бы сделать такие разрывы подходит маржин слева и справа но маржин не действует на ячейки таблицы. А если просто применить бордеры к ячейкам то они будут слитные. Атрибуты cellspacing и cellpadding здесь не по…

    Asked by chiffenok, April 18, 2012

    0 votes
    14 answers
24. Анимация на css3

    Всем привет! Имеется вот такое вот меню. Хотелось бы сделать плавное наполнение заднего фона пунктов меню при наведении, но так, как задний фон сделан из "спрайта" выглядит фигово. Можно ли как-то сделать красивое, плавное наполнение (насыщение). http://jsfiddle.net/eW3YR/1/

    Asked by Jeka778, February 24, 2014

    • css3
    • анимация
    0 votes
    6 answers
25. Анимированный спойлер.

    Здравствуйте! Имеется скрытые посты, при клике они раскрываются и повторном скрываются. Проблема в следующем. Как что бы пост плавно раскрывался до конца содержимого, в том что имеется появляется пустота или будет скрываться содержимое, свойство height: auto; не анимируется. http://jsfiddle.net/n9p89v1t/

    Asked by Vicos, August 30, 2014

    • spoiler
    0 votes
    2 answers