HTML Coding

29,542 questions in this forum

1. Верстка иллюстраций с подписями.

   Доброй ночи. Делаю электронный вариант учебника и столкнулся с трудностью подачи иллюстраций. Помогите пожалуйста. Допустим есть блок с картинкою <div class="illustration"> <img src="imge.jpg" alt="imge" width="640" height="480"> <span>подпись</span> </div> Как задать ширину блока illustration такую же, как ширина картинки? Ответ - записать: width="640" не годится Как это сделать на JavaScript? или есть какое то свойство по типу "width: inherit;" только которое бы наследовало ширину ребенка а материнский элемент? Любые ссылки приветствуются.

   Asked by stupidtrue, August 16, 2012

   0 votes
   13 answers
2. бордюр не на всю высоту элемента

   свойство border делает бордюр элементу от начала и до конца, как сделать, чтоб получились отступу с каждого края?

   Asked by sc@r@bey, August 31, 2012

   0 votes
   5 answers
3. Как пройти Pagespeed от гугла?

   Доброй ночи. Народ. Не подскажите как пройти спидтест для десктопа в гугле? (впервые прохожу ) Есть такая страница например: http://webmaster.ayrveda.ru/se_plus/index26083k.html И результат по ней вот такой выдается: https://yadi.sk/i/fdwugjQ5rQq9A как уже только не оптимизировал те 2 картинки - спидтесту этому они все равно не нравятся ) + не понятно что надо сделать со стилями и джаваскриптом.. ) Так же хотел бы поинтересоваться наиболее простым методом сжатия в GZIP (может кто то толковую статью скинет на эту тему..) P.S. Буду благодарен за помощь..

   Asked by Yamaradg, April 30, 2016

   • pagespeed
   0 votes
   12 answers
4. Разрывная линия через текст

   Задача, на примере фрагмента из макета от Softlink. Задача: На рисунке видим разрывную линию которая обрывается на тексте и после него продолжается. Текст выровнен по центру линии. Имеет ПРОЗРАЧНЫЙ фон, чтобы просвечивался фон родителя. Можно утрировать, линию делать как двухпиксельную разного цвета или сплошную. В общем интересуют разные варианты решения этой задачи коллективным разумом, но чувствую есть более правильное и элегантное про которое я не знаю). Приходилось сталкиваться с подобными задачами, но каждый раз они решались по разному, где-то через относительное позиционирование, где-то экстраразметкой, где-то псевдоэлементами. Мне вот любопытно как бы вы эту …

   Asked by Svatov, March 28, 2012

   0 votes
   13 answers
5. Наложение резинового фона поверх формы

   Привет! Подскажите как наложить нижнее синее облако поверх формы что справа.. Пробовал позиционировать этот фон относительно body и других контейнеров, мало того что не получилось расположить поверх формы так он ещё и обрезается, а он должен быть резиновым.. Пробовал поставить z-index выше относительно самой формы, body, а также других элементов но также ничего не вышло.. Пробовал эксперименты с opacity - тоже не помогает.. Для элементов формы применяется абсолютное позиционирование, видимо это не дает вытащить синий фон поверх нее, но должно же быть решение

   Asked by Odinokiy_volk, February 17, 2018

   • html css
   0 votes
   4 answers
6. Email

   Подскажите пожалуйста форму для отправки email с сайта без участия Outlook

   Asked by Jon, November 15, 2007

   0 votes
   1 answer
7. Помогите найти проблему

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

   Asked by heller, April 10, 2008

   0 votes
   6 answers
8. Отображение в Internet Explorer 6

   Описание изображения HTML: <div class="img-desc"> <img src="sample.jpg" width="575" height="335" alt="" /> <cite>Salone del mobile Milano, April 2008 - Peeta</cite> </div> CSS: .img-desc{ position: relative; display: block; width: 575px; height:335px } .img-desc cite{ background: #111; filter:alpha(opacity=55); opacity:0.55; color: #fff; position: absolute; bottom: 0; left: 0; width: 555px; padding: 10px; border-top: 1px solid #999 } результат: http://www.sohtanaka.com/web-design/exampl...dow/caption.htm так вот, в ИЕ 6 вообще не отображается. для отображения добавил csshover.htc.: http://www.xs4all.nl/~pet…

   Asked by sol, May 22, 2009

   0 votes
   11 answers
9. Справочники *.chm

   Всем доброго времени суток! Такой вопрос: можно ли как-нибудь в справочнике сделать рабочую ссылку на другой справочник? Только чтоб она открывала справочник, а не предлагала его скачать. Если кто-что знает, подскажите пожалуйста.

   Asked by Warlock, November 26, 2009

   0 votes
   5 answers
10. Flash, xml и кириллица.

    Кодировка в шапке xml UTF-8, кириллица отображается кракозябрами, подскажите что делать?

    Asked by mafusail, February 19, 2012

    0 votes
    10 answers
11. Примеры хорошего SCSS

    Здравствуйте, скачал макет, начал верстать. Для написания стилей использовал SCSS. Стал наводить порядок в SCSS и столкнулся с проблемой организации цветов и шрифтов. Мои цвета: Мои шрифты: Цветов много, какова вероятность того что дизайнер при создании макета ошибся на пару тонов и такие цвета как #808080, #868585, #8b8b8b, #8d8c8c можно объеденить? Как лучше их организовать? Использовать функцию darken или математические вычисления или присваивать переменные grey_dark, grey_very_dark, grey_superdark? Вариаций сочетананий шрифтов тоже много. Как их правильно организовать? В некоторых случаях размер, начертание и семейство совпадает, а line-height нет. Или отчилае…

    Asked by leshiple, May 16, 2015

    • scss
    0 votes
    11 answers
12. Как сделать кнопку проигрывания аудио без панели управления?

    Сейчас стоит флешкнопка. Но флеш устарел и потому подлежит замене. Нашел вот такое: <audio src=".....mp3"; ?>" controls></audio> Но он выводит вместе с кнопками звука, времени и прочее. А надо просто - нажал на кнопку- появился звук. т.е. фактически одна кнопка Play и больше ничего не нужно. Пробовал убрать слово: controls - но тогда вообще ничего не отображает. ps: нашел вариант решения: <audio id="audio1" src=".....mp3"></audio> <button id="play">Play</button> <script type="text/javascript"> var audioElement = document.getElementById('audio1'); document.getElementById('play').addEventL…

    Asked by nikki4, July 13, 2016

    0 votes
    3 answers
13. Помогите с подключением файлов видео

    Нигде не могу найти исчерпывающую информацию, а очень нужно, о правильной организации видеогалереи, а именно меня интересует, Как грамотнее подгрузить файл с помощью или ? Или и то и другое? Можно ли сделать галерею универсальной, а именно, чтобы проигрывались файлы разных форматов, т.е. mpg, avi, wmv, mpeg, mpe, mov? Я так понимаю, вся хитрость в том, какой плагин подключать, а также возможность подгрузить плагин в случае его отсутствия у пользователя. Если это так, то как и какой подключать непонятно. Может нужен какой-нибудь скрипт в нагрузку? Подскажите, как быть?

    Asked by Tatiana, September 24, 2007

    0 votes
    2 answers
14. Проблема с таблицами

    Короче верстаю на таблицах с дивами, у меня проблема, В общем есть ячейка размером 201х701 пикс. я туда вставляю картинку размером 201х268, и вторую таких же размеров 201х268, проблема в том что мне и отступов не сделать, и не поставить их наверх, стоят обе на середине. Пробовал margin, padding, background-position:top center ничего не помогает, не могу понять, там же еще есть место, остается 133 пикс. Короче вот скрин http://s005.radikal.ru/i209/1007/39/5581b70a21c8.jpg Вот видите где стоят обе картинки, и их не сдвинуть, получилось только тогда, когда ( там где на 2-ой галочки снизу) ввел пустой див в размерами, позволяющеми заполнить все это пустое пространство. <t…

    Asked by ret, July 21, 2010

    0 votes
    12 answers
15. Выравнивание по центру списка

    Есть меню, пытался выравнить текст по центру, в итоге в фф и опере ничего не получилось. Подскажите. html <div id="nav_green"> <div id="left_green"></div> <div id="right_green"></div> <div id="menu_green"> <ul id="nav_ul"> <li class="nav_top_li"><a class="nav_li" href="#">Уход за волосами</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Стайлинг</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за лицом</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за телом</a>&l…

    Asked by Gleb-k, January 3, 2011

    0 votes
    16 answers
16. Вывод результатов поиска в слой (div)

    Есть страничка, тестовая здесь. Вверху страницы есть форма поиска. Результаты она выводит в отдельное окно. Вопрос: как сделать, что бы результаты выводились на этой же странице в коричневый слой?

    Asked by Lover_Diablo, September 19, 2012

    0 votes
    4 answers
17. Помогите сделать меню, готов заплатить

    Всем привет! Помогите пожалуйста, мучаюсь уже 3 дня, крыша едет )) Вот сайт: http://stroy.galay.by Там представлено меню, так вроде, худо, бедно работает... но теперь не могу решить проблему, если одному из пунктов присваиваешь class="active" для li и одного из вложенных в него подпунктов тоже class="active", то должно оставаться открытым подменю активного пункта, а при наведении на другую ссылку, должен пропадать активный и загораться тот на который навели. Понятно что мое настоящее решение не будет работать в IE, будь он не ладен, планирую создать отдельный стиль с круглыми картинками, но вопрос с активными пунктами так и не решен, готов заплатить за помощь, выручайте Г…

    Asked by galaydas, January 28, 2013

    • html5
    • меню css
    0 votes
    12 answers
18. Почему border делает отступ?

    Приветствую! Создаю свой первый сайт. Помогите пожалуйста понять и решить, почему при использовании атрибута border он делает отступ снизу от контента? Padding нигде не стоит в коде. Прикрепляю скрины как выглядит непонятный отступ и результат, который хочу достичь позже Мой код: HTML <main> <div class="menu text stroke"> <nav> <a href="./Playlists.html">PLAYLISTS</a> <a href="./LocalArtists.html">LOCAL ARTISTS</a> <a href="./Shop.html">SHOP</a> <a href="./Schedule.html">SCHEDULE</a> <a href="./About.html">ABOUT</a> …

    Asked by trvkyo, July 27, 2022

    0 votes
    3 answers
19. Как определиь шрифт на чужом сайте

    Мне понравился шрифт на чужом сайте. Естественно он прописан там в style.css, так что определить его через "Вид->Исходный текст" я не могу. Можно ли это сделать как-нибудь по-другому?

    Asked by Колос, November 5, 2008

    0 votes
    3 answers
20. Как прописать ссылку к классу more-link

    Класс у кнопки "more" присвоен "more-link"...как я понял... Как прописать в файле html в данном коде ссылку, чтобы "Далее" было кликабельным (переход на другую страницу)? Или это возможно только при помощи style.css? Код: ​<li class="grid_3"> <a href="javascript:void(0);" class="hover_img"> <span class="img_bord"><img src="images/img_bord.png" /></span> <img src="images/portfolio/6.jpg" alt="" /> <span class="portfolio_descr"> <p>Текст1</p> <span>Текст2</span> <span class="more_link" >Далее</span> </span> </a> </li>

    Asked by bev11321, November 28, 2014

    0 votes
    18 answers
21. Border - CSS

    Добрый день, не буду расписывать а покажу)) вот у меня таблица с 3мя строками, с 3мя столбцами, задаю через CSS бордер и получается так: а надо так: рисовал сам, не ругайте каким значением этого добиться? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>border</title> <style type="text/css"> .doc { width: 30%; border:solid black;} </style> </head> <body> <table class="doc" bordercolor="#000000" b bor…

    Asked by woofs, January 23, 2009

    0 votes
    8 answers
22. Фон градиентом

    Подобные темы уже были, но я все равно не нашел там того, что мне нужно. Есть страница, в CSS написано: body { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:#FF8210; background-image:url(images/00a02641a5c510eee701d52764a657eb.PNG); background-repeat:no-repeat; background-attachment: fixed; background-position: bottom right; } Думаю тут все понятно, ничего объяснять не нужно. Проблема в том, что картинка слишком яркая, но уменьшить яркость можно только в ущерб дизайну, и вообще, на картинке закат, то есть, чтобы не так резало глаза, можно сделать градиентом так, будто вверху небо у…

    Asked by acd.systems, September 13, 2009

    0 votes
    8 answers
23. не робит выпадашка в ие6

    Проблема возникла, не робит меню в ие 6.... не выпадает... HTML <ul id="css3menu" class="topmenu"> <li class="topfirst"><a href="http://presente-art.ru" title="Главная"> Главная</a></li> <li class="topmenu"><a href="#" title="Наша продукция"><span> Наша продукция</span></a> <ul> <li class="subfirst"><a href="/index/vyveski/0-4" title="Вывески">Вывески</a></li> <li><a href="/index/akrilajty/0-5" title="Акрилайты">Акрилайты</a></li> <li><a href="/index/flash_adbord/0-21" title="Flash ADboard">Flash ADboard</a></li> <li><a…

    Asked by -O-J-A-, November 17, 2010

    0 votes
    2 answers
24. Сайт в Google

    Здравствуйте! Я создал сайт в Google и хотел бы для конкретной страницы сайта задать фоновое изображение. Можно ли это сделать? Если да, то как?

    Asked by NIK007, November 30, 2010

    0 votes
    15 answers
25. Код Виджета плейлиста, переделать в iframe

    Вот такой код: <script type="text/javascript" src="//vk.com/js/api/openapi.js?150"></script> <!-- VK Widget --> <div id="vk_playlist_-2000646569_646569"></div> <script type="text/javascript"> VK.Widgets.Playlist('vk_playlist_-2000646569_646569', -2000646569, 646569, 'ae82627d6c8bb4500d'); </script> я нашел как переделали виджет группы: https://javascript.ru/forum/dom-window/40760-ne-otobrazhaetsya-vidzhet-vk-v-tabakh.html <iframe src="http://vk.com/widget_community.php?gid=29627308&width=190&height=220" width="190" height="220" scrolling="no" frameborder="0"></iframe> Но с виджетом плейлиста…

    Asked by lev99, October 22, 2017

    • html
    0 votes
    1 answer