HTML Coding

29542 questions in this forum

1. Позиционирование блоков с наездом

   Помогите разобраться, как следует выполнить следующее задание: Длинна блока контейнера (Container) Зависит от большего по размеру блока Menu или Content. При этом Menu вылезает за пределы блока Container на 20px , а блок Content вылезает за блок Container на 10px. Сейчас все это обернуто в еще один контейнер, который имеет position: relative , а контейнеры Menu и Content position: absolute. Но при таком решении длинна Container остается не изменой. Как лучше справиться с этой задачей?

   Asked by cul8er, May 8, 2014

   0 votes
   4 answers
2. Как спрятать текст в <i> , но чтобы картинка отображалась?

   <li><i class="iconmail">... </i>info@reen.com</li> бекграундом вставил картину, но не знаю как спрятать текст, нужно чтобы картинка отображалась, Img не советовать

   Asked by RuslanHeYca4ev, October 23, 2014

   0 votes
   9 answers
3. Какая должна быть разметка в данном случае?

   Здравствуйте. Пытаюсь освоить адаптивный дизайн с bootstrap. Но пока не понимаю какая должна быть html разметка. С толку сводит например то, что на широком экране лого, телефон, магазины и корзина идут выше строки с меню, а в компоновке для узкого экрана - после меню. Или например поиск находит в сайдбаре на широком экране, но на узком в верхней строке после кнопки меню. Вот схема широкого экрана: А вот узкого: Объясните пожалуйста как решаются такие противоречия в адаптивной вёрстке? С помощью разного абсолютного позиционирования в медиа запросах css?.. Буду благодарен если вы покажите, какая должна быть html-разметка в данном случае.

   Asked by borus, May 11, 2015

   0 votes
   4 answers
4. Stream Link?

   ребята у меня ест вопрос как можно взят прямои силку из стрим канала? я все сделал но ничиго например Usagoals.net как ???

   Asked by MagicSpirit, October 9, 2015

   • Stream Source Code Import
   0 votes
   1 answer
5. Как сделать кликабельную картинку не прямоугольно

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

   Asked by Dave7044, April 26, 2016

   0 votes
   2 answers
6. Передёргивание страницы на чекинг радио инпут

   1) "Стар рейтинг" работает как задумано, только страница перёдёргивается. Решение вопроса через preventDefault() const labels = document.querySelectorAll('label'); function noDefault(e){ e.preventDefault(); }; labels.forEach(x => x.addEventListener('click', noDefault)); несостоятельно, т как инпуты перестают переключаться на "чекед". 2) Связанный с этим второй вопрос второго примера. Страница не передёргивается, чекится как надо. Только не работает в ИЕ, т как он не прощает :before применительно <input>, который не является блочным элементом. Первому варианту предпочтение, но оба примера применяют псевдоэлементы. Если нет…

   Asked by seemax, October 4, 2017

   0 votes
   3 answers
7. Использование плагинов и других вспомогательных вещей js

   Всем привет! Узнал о существовании плагинов js и появился такой вопрос: является ли использование плагинов и других вспомогательных вещей(типо галереи, слайдеры, карусели) на js хорошей практикой или лучше писать всё вручную?

   Asked by Oloref, May 2, 2018

   • вёрстка
   • css
   • js
   • html
   0 votes
   1 answer
8. Таблица с тремя ячейками а в них по img - в IE проблема бордюра

   Есть таблица. Одна строка, три столбца. В каждом столбце есть по img у каждого img свойство align="right" и во всех браузерах все чудесно, кроме кончено же IE. Здесь появляются не понятные зазоры между img и и границей td. Выглядит это так http://my.jetscreenshot.com/2772/20110427-hk6j-12kb.jpg в остальных браузерах белых полос между нет. Нужно убрать эти полосы. Дайте совет, что ИЕ хочет от меня чтобы он нормально их отобразил

   Asked by artlayers, April 27, 2011

   0 votes
   11 answers
9. Очень простой вопрос

   Это кажется само собой разумеющимся, что у фото-галерей да и других фоток есть маленькие дубликаты thumbs. (превьюшки). И я их тоже использую. Но воспрос все же остается. Зачем их используют? Только для того, чтобы уменьшить размер сайта при загрузке? В сети натыкался только на то, как их сделать, а на вопрос "для чего?" ответа нигде не было. Подскажите, пожалуйста.

   Asked by oke11o, October 21, 2011

   0 votes
   4 answers
10. Оформление шапки сайта

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

    Asked by St.Jimmy, March 31, 2013

    0 votes
    3 answers
11. как задать бордер радиус блоку?Не задается

    http://cssdesk.com/JAa92 Как закруглить нижние уголки календаря?Оверфлоу хиден нельзя делать т.к. он закроет спозиционированные абсолютно элементы. Ваши предложения? Я сделал для table отдельный блок и попытался для него применить бордер радиус но не получилось,почему?

    Asked by Temik2704, November 12, 2013

    0 votes
    2 answers
12. Применение классов к маркированным спискам

    Здравствуйте! Не получается применить классы или ID к маркированному списку. Дело в том, что списков на странице будет несколько, у каждого списка присутствует свой маркер (маркер заменяю картинкой через list-style-image). Когда пытаюсь применить к списку класс или ID, то все стили слетают. Делать пытаюсь так: HTML: <ul class="ddd"> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> <li>Маркированный список 1</li> </ul>CSS: ul .ddd{list-style-image: url(images/okay.png);text-align:left;}

    Asked by px379, April 30, 2014

    0 votes
    2 answers
13. Резиновый сайт

    ЧИТАЕМ МОЙ САМЫЙ ПОСЛЕДНИЙ ПОСТ!!!

    Asked by vitaxastifler, July 10, 2014

    0 votes
    8 answers
14. Текст по ширине блока

    Добрый день. Помогите, please, необходимо растянуть текст по всей ширине блока. Свойство text-align: justify; уже стоит, необходимо что бы нижняя строчка была на всю ширину. Может есть какие-нибудь jQuery плагины? P.S. да, это бред и я согласен, но надо так сделать

    Asked by MadChild, August 4, 2014

    0 votes
    2 answers
15. слайдер съезжает при изменении разрешения

    Добрый день, форумчане. Прошу помощи в решении проблемы со слайдером: https://jsfiddle.net/bt17c0fs/ Есть резиновый слайдер который при разрешении col-lg показывает одну фотку и работает отлично, но так как сделан он для адаптивности, то когда меняю разрешение на меньшее, показывает уже не один слайд а все в ряд и сам съезжает, подскажите, как решить проблему. Заранее благодарен!

    Asked by artem.kliaus, December 27, 2015

    0 votes
    2 answers
16. Фиксация цвета шрифта гиперссылки

    Добрый день! Есть два фрейма. Один фрейм содержит статическую html-страницу, представляющую собой таблицу из группы товаров. Клик по гиперссылке в таблице загружает html-страницу с описанием товара в другом фрейме. Помогите изменить и зафиксировать цвет шрифта у гиперссылки, на которую кликает пользователь с таким раскладом, чтобы при следующем клике цвет шрифта гиперссылки, по которой кликнул пользователь в прошлый раз, восстанавливался на исходный. Т.е. цвет шрифта будет носить чисто индикативный характер. Если такое невозможно реализовать на CSS, просьба, сообщить! Заранее спасибо за любое предложенное решение!

    Asked by Montego, April 30, 2019

    0 votes
    4 answers
17. Схлопывание отступов и оверлей

    Столкнулся с проблемой схлопывания отступов при уменьшении высоты браузерного окна. Пофиксил, добавив overflow: auto; родительскому элементу. Однако, на оверлей это не действует. Как исправить? <header class="header overlay"> <div class="header-content"> <h1 class="header-content__title">We are awesome creative agency</h1> <p class="header-content__descr">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accums…

    Asked by Okieazy, July 7, 2019

    0 votes
    0 answers
18. работа с summary

    Как убрать маркер у тега summary. Прописываю в css summary::-webkit-details-marker{ display: none; } но ничего не меняется, маркер все так же есть

    Asked by Romario1985, April 30, 2021

    0 votes
    0 answers
19. Списки цвет маркера

    Помогите! Можно ли изменить в списке цвет только маркера?

    Asked by witgen, May 13, 2009

    0 votes
    1 answer
20. помогите новичку

    Всем привет! Недавно начал изучать CSS, возникли такие вопросы: 1)чем отличаются Классовые селекторы от ID селекторов? В справочнике прочёл, что CLASS - атрибут элемента в HTML, определяющий его класс, а ID - индивидуально именованный стиль. Но ведь разместить слой можно как через class так и через ID? В чём разница, покажите, пожалуйста, на примере. 2) как сделать рамку страницы с тенью? Проанализировав сайты, выяснил, что дизайнеры создают фон с рамкой 300x300 px, но как они размещают его. Получаются что растягиют? Как это реализовать? 3) И напоследок. Некоторые сайты всю графику помещают в один .gif файл. Слышал, что это делается для экономии времени загрузки, потому …

    Asked by FLYERok!, May 18, 2009

    0 votes
    4 answers
21. таблица в таблице

    Помогите плиз чайнику как сделать чтобы таблица в левой таблице основной таблицы выравнивалась по верху (а не по центру высоты) Заранее спс <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=content="text/html; charset=windows-1251"> <title>Untitled Document</title> </head> <body> <table width="100%" border="1"> <tr> <th width="60%" height="166" scope="col"><table width="100%" border="1"> <tr> <th scope="col"> </th> <th scope="col"> </th> </tr> <tr> <th scope="row"> </t…

    Asked by vvooll, July 12, 2009

    0 votes
    2 answers
22. Сглаживание шрифтов в макетах

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

    Asked by kvant, June 24, 2011

    0 votes
    3 answers
23. Вопросы по Html+Php

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

    Asked by DRYFOREST, November 17, 2011

    0 votes
    11 answers
24. Блоки разбегаются что делать?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> в IE FF картинка совсем не такая, как в Dreamweaver вот код: #header{ background-image:url(Flower.jpg); width:800px; height:140px; color:#033; font-size:36px; text-align:center; font-family:Verdana, Geneva, sans-serif; } #body{ width:800px; height:550px; padding-left:50%; margin-left:10%; border:none; } #menu{ background:#033; color:#FFF; font-size:12px; width:200px; height:360px; float:left; border:none; } #content{ background:#FFF; color:#033; width:400px; height:360px; margin:0 auto…

    Asked by Yarkaya, December 27, 2011

    0 votes
    3 answers
25. HTML

    Такой вот пример : <table border="1" width="900" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="2" align="center" valign="bottom" height="200" > Текст <img src="img/logo.png" align="right"/> </td></tr> <tr> <td>Ячейка 3</td> <td>Ячейка 4</td> </tr> </table> В первой строке в объединенной ячейке слово "Текст" выравнивается только по горизонтали становится в центре но вертикальное выравнивание тут не работает,то есть не опускается вниз. Объясните пожалуйста кто знает в чем тут дело!?

    Asked by mr.Dassler, January 20, 2012

    0 votes
    3 answers