HTML Coding

29542 questions in this forum

1. Отображение каталога таблицей на мобильных

   Есть станица http://teplogid18.ru/kotly на которым подкатегории выводятся таблицей. На мобильных подключается другая тема отображения. Но контент все равно выводится таблицей. Возможно ли мне при выводе подкатегорий таблицей сделать так (вроде через CSS можно трансформировать таблицу), чтобы каждая подкатегория отображалась друг под другом? Или же придется менять все на div?

   Asked by smirn0ff, May 22, 2016

   0 votes
   1 answer
2. Как изменить цвет svg картинки

   Здравствуйте! Очень нужна помощь верстальщика! Подскажите, пожалуйста. Можно ли изменить цвет svg картинки, которая вставлена с помощью псевдоэлемента. Не могу найти ответ. .footer-user-navigation .enter a::before { content: ""; background-position: 0 0; background-repeat: no-repeat; position: absolute; top: 5px; left: 0; background-image: url(../img/user.svg); width: 15px; height: 15px; }

   Asked by nastya-spo, October 7, 2018

   0 votes
   0 answers
3. Проблемы с меню

   Есть сайт http://escort.ru/ У него есть выплывающее меню, это блоки с абсолютным позиционированием, чтобы были поверх флешки Но при разных разрешениях экрана эти блоки двигаются... как их завиксировать в одном положении?

   Asked by Mary_RND, April 26, 2010

   0 votes
   3 answers
4. Вопрос По Дивам.

   Прошу подсказать в вопросе. Т.к. Сам понять не могу . есть сайт Вот такой , для которого я делаю шаблон. Центральный блок maincol имеет внутри див centerhead, вот внутри этого дива еще один див. Так вот почему когда я для последнего дива ставлю маргинтоп, то он отмеряет его не от тега centerhead, а вообще от нидера.

   Asked by crazybet, September 14, 2010

   0 votes
   3 answers
5. Проблема с меню.

   Есть вертикальное деревоподобное меню. В ИЕ8 работает все хорошо, но в ИЕ7 не очень. Когда нажимаю на Desktops появляется подменю PC, Mac, и потом когда навожу курсор на элемент меню <li>PC</li> , то у меня меняется фон элемента <li>Desktop</li> , а по идее должно только когда навожу на <li>Desktop</li> Здесь ссылка на этот баг . А еще я указал list-style-position:inside но у ИЕ7 когда навожу курсор на любой элемент меню, то backgrpund-color меняется только под элементом <a></a> . HTML-код : <div id="category"> <ul> <li><a href="http://"><b>Desktops</b></a></li> <u…

   Asked by pharaon, November 1, 2010

   0 votes
   3 answers
6. Проблема в картинке или в браузере

   вот такую штуку наблюдаю в ие оверлей идет пнг картинкой на сам блок стоит эффект квери .fadeIn везде нормально обрабатывается в ие вначале такое потом появляется прозрачность может трабла в самом пнг его както по хитрому сохранять? помню в CS2 пнг не корректно отображались в IE браузере надо было хакать pngcrushgamma

   Asked by WalkMan, November 25, 2010

   0 votes
   3 answers
7. Подстройка шрифта под разные расширения экрана

   Доброго времени суток. Интересует такой вот момент. Леплю сейчас резиновый шаблон для сайта. Всё вродебы гут, но завис на размере шрифта. Можно ли както задать размер шрифта пропорционально расширению экрана? Заранее благодарен за любую полезную инфу

   Asked by SunChase, August 2, 2011

   0 votes
   7 answers
8. Расположение div'ов с position: relative по горизонтали

   Всем Привет! На странице есть блок content, внутри которого должны распологаться блоки по горизонтали на всю ширину блока(если не влезают, то переходят на новую строку), которые представляют фотоальбом. Блоки .photo_container имеют position: relative, так как в них находятся блоки с position: absolute и с помощью top, left накладываются друг на друга. Пробовал обвернуть .photo_container в другой блок .photo_album с обычным позиционированием, но не помогает, блоки .photo_album находятся друг под другом. Подскажите, может как можно сделать? Желательно средствами css. HTML: <div id="content"> <div class="photo_container"> <d…

   Asked by F_Z_14, January 29, 2012

   0 votes
   1 answer
9. Раскрывающийся список

   Добрый день !!! Сделал раскрывающийся список, но хочу ещё в добавок поставить значок "+" перед списком и сделать так что бы он менялся на "-" если список раскрыт. http://jsfiddle.net/wgyN6/ Честно говоря даже не знаю как лучше сделать, можете подсказать как лучше? Думаю загрузить две картинки и . но как организовать смену этих картинок по щелчку, я не знаю

   Asked by nematora, March 16, 2012

   0 votes
   5 answers
10. Резиновая верстка: ширина контейнера

    Здравствуйте! есть страница: http://www.fleetservice.ru/tork_test.php Возможно ли сделать так, чтобы содержимое серого контейнера #catProdList имело бы ширину строго по контенту?

    Asked by Светлана Гр., May 29, 2012

    0 votes
    5 answers
11. Передвинуть блок

    Как выровнять блок по центру? Вот сайт - линк Чтобы увидеть блок, спуститесь в самый низ сайта и нажмите справа на ссылку v1.0 Нужно чтобы после клика по ссылке блок появлялся примерно в центре. Тоесть вот так - линк

    Asked by Andrew_las, June 12, 2012

    0 votes
    4 answers
12. Проблемы с прозрачным фоном

    Всем здравствуйте. В общем имеется блок <div>, который имеет прозрачность (в моем случае это фон). В этот блок вставляю картинки или любые другие элементы и они тоже прозрачны. Пробовал другой "блок в блоке" - не получилось. То есть все элементы, находящиеся в блоке наследуют прозрачность. Как сделать, чтобы элементы были полноценно видимыми, при условии, что сам фон будет полупрозрачным?

    Asked by faradei21, November 23, 2012

    0 votes
    5 answers
13. Как вывести футер после блока с абсолютным позиционированием?

    Сайт в две колонки, левая позиционирована абсолютно, в ней находится дерево категорий. Правая имеет отступ от левого края, в ней находится контент. Проблема в том, что если контента мало, то футер рисуется поверх левой колонки. Как сделать так, чтобы футер выводился после левой колонки, а не на ней? .content_left { position: absolute; } .content_right { margin-left: 300px; width: 930px; }

    Asked by Rooner, December 2, 2012

    0 votes
    4 answers
14. Помогите с верстой меню

    Помогите разобраться. Есть меню - выглядит оно следующим образом: А в IE оно отображается так: В style.css меню описано так: #mainmenu{ background-image:url(images/bg-mainmenu.gif); background-repeat:no-repeat; width:920px; height:39px; position:relative; } #mainmenu ul{line-height:38px; z-index:100;position:relative; float:left;} #mainmenu ul li{ float: left; padding:10px 0px 9px 0px; color:#ffffff; background-image:none; position:relative; left: 52px; overflow:hidden; border-right:1px solid #f4f4f4; border-style: dotted; } #mainmenu li:first-child { border-left:1px solid #f4f4f4; border-style: dotted; } #mainmenu ul li a, #mainmenu ul li a:visited…

    Asked by Aleksey_k, December 6, 2012

    0 votes
    5 answers
15. "Выпадающее меню" подскажите пожалуйста

    Здравствуйте. Я пока только учусь, и уже сломала голову в поисках решения. Мне нужно сделать "выпадающее меню" на трех кнопках основного меню (под header ом) Например: кнопка Puppies должна делится на два подменю - 1) Bullmastifs , 2) Dogo Argentino., но при этом нужно чтоб основное меню не потеряло стилистику...... И второй вопрос, у меня почему то получаются очень тяжелые страницы... может есть какая нить статья как уменьшить вес, не потеряв качество изображений. ссылка на страницу - _http://bullmastiff-dogoargentino.narod.ru/index_k.html Заранее благодарна всем кто откликнется.

    Asked by Antalia, February 4, 2013

    0 votes
    3 answers
16. Верстка по макету. Шрифт.

    Есть макет в котором присутствует текст. Есть данные о типе шрифта заголовков, основного текста и.т.д. Вопросы: 1) Должен ли текст после верстки идеально совпадать с шрифтом на макете? 2) В каких единицах лучше задать размер шрифта? 3) Почему работает letter-spacing: 0.8px;, ведь указан размер меньше пиксела! Как правильно задать размер межбуквенного отступа для этого свойства? 4) Как сделать чтобы шрифты не "ездили" при масштабировании браузера, а были статичными - как картинка?

    Asked by Feel, March 21, 2013

    0 votes
    1 answer
17. Расположение фото с текстом в ряд

    Всем привет. Подскажите, пожалуйста, как расположить фотографии с текстом в ряд? Как на этом скриншоте: https://dl.dropboxus.../33084185/1.png У меня получается вот так: https://dl.dropboxus.../33084185/3.png Я знаю, что нужно что-то прописать в css, но вот что прописать, что бы поменялось расположение и отступы не знаю. <a href="#"><img alt="" src="http://i2.wp.com/forum.htmlbook.ru/public/style_images/master/profile/default_large.png" width="179" height="109"/> Bolshoy sport 25.06.2013</a> | 19:46 <s1>:</s1> <a href="#"><img alt="" src="http://i2.wp.com/forum.htmlbook.ru/public/style_images/master/profile/default_large.png" width…

    Asked by atatat, August 17, 2013

    • расположение картинок
    • расположение фото
    • расположение фото с текстом
    0 votes
    2 answers
18. как задать бордер радиус блоку?Не задается

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

    Asked by Temik2704, November 12, 2013

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

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

    Asked by MadChild, August 4, 2014

    0 votes
    2 answers
20. Адаптивное позиционирование элементов в круг

    Мне нужно, чтобы одинаковые элементы html выстроились в круг(в центре еще один элемент) При этом также нужно учесть то, чтобы при различных разрешениях экрана они не превращались в эллипс, а всегда оставались кругом. Осложняется эта задача тем, что обязательна аналогичная адаптивность на мобильных устройствах. Они не должны разлетаться и быть статичными (размер круга из элементов) уменьшается и увеличивается Вот ссылка https://jsfiddle.net/k7ktzvmn/

    Asked by amazingman216, January 18, 2016

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

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

    Asked by Dave7044, April 26, 2016

    0 votes
    2 answers
22. пустые поля до краёв окна

    подскажите пожалуйста как в bootstrap3 сверстать страничку с пустыми полями в шапке, которые продолжаются до правого и левого края экрана? при этом необходимо чтобы контент по-прежнему оставался ограниченной ширины JSFIDDLE

    Asked by cyklop77, March 6, 2017

    • bootstrap
    0 votes
    2 answers
23. Как отделить картинку от текста?

    Как отделить картинку от текста

    Asked by Ольга Инякина, February 13, 2021

    0 votes
    1 answer
24. создание и редактирование файлов при помощи JS

    У меня есть вот такой вот код с помощью которого отлично создаётся текстовый файл на винчестере. Проблема что этот код работает тольтко в IE, но не работает в Opera и Mozilla Firefox var fso, f1; fso = new ActiveXObject("Scripting.FileSystemObject"); f1 = fso.CreateTextFile("c://testfile4.txt", true);

    Asked by Fid, April 26, 2009

    0 votes
    1 answer
25. Высота слоя ие

    Столкнулся с какой-то непонятной проблемой <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> html, body { margin:0px; padding:0px; background:#bbd1e8; position:relative; } body { text-align:center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } #all { text-align:left; margin:0 auto; width:1000px; margin-top:15px; margin-bottom:15px; padding: 3px; background: #fff; border:solid 1px #999999; } #head { display:block; height:285px; background:#000; padding:15px; } #forms { display:block; backgro…

    Asked by f0rym4anin, July 6, 2009

    0 votes
    1 answer