HTML Coding

29542 questions in this forum

1. Как сделать правильно навигацию

   Есть такая навигация по сайту http://take.ms/DOWKs Не могу приложить ума как ее правильно сделать и чтоб она еще была адаптивной. Визуально я вижу навигацию в три колонки, которая в мобиле будет в одну колонку, но в первых трех колонках подраздели выровнены по одной линии (красные линии на скрине). А как добиться этого при обычных трех колонка, я не могу понять, ибо они все будут подниматься к верху и вся сетка собьется. Была мысль все тайтлы навигации и подразделы делать колонками, но в мобиле собьется логический порядок, а потом всех расставлять order-ом. Вариант конечно не очень, ибо если пропадет тайтл или появится новый блок ссылок, то все ордеры собьютс…

   Asked by vladmih, January 18, 2018

   0 votes
   5 answers
2. 3 резиновых блока с фиксированными отступами

   В общем, столкнулся с такой проблемой при верстке адаптивного сайта. Ширина сайта плавает в диапазоне от 320 до 1600px. Имеются 3 блока. Необходимо, чтобы эти блоки занимали всю предоставленную область и при этом имели одинаковые ширину(auto) и интервалы(30px). При уменьшении размера окна блоки должны сжиматься по ширине, а отступы оставаться неизменными. Реализация без flexbox'a. Нужна Ваша помощь, уважаемые форумчане! Буду очень благодарен, если поможете!

   Asked by MrFreeman, April 30, 2018

   0 votes
   3 answers
3. Бэкграунд в IE 6

   Подскажите, пожалуйста в чем трабла с бэкграундом, который прописан в <div id="right_bg"></div> (правая колонка). В 6 эксплорере почему то на 10 пикселей бэк выдается вправо. http://test.prostokitay.ru/glossary/ Спасибо заранее

   Asked by Adrianoff, April 20, 2010

   0 votes
   3 answers
4. Валидность кода

   Здравствуйте все, я недавно начал изучать html, CSS, JavaScript. Изучая делаю себе сайт, столкнулся с проблемой валидности. В некоторых источниках пишут что валидность это хорошо но не главное... Поэтому особо о ней не думаю, но все таки хочется делать хорошо и поэтому вопрос. Валидатор указывает мне на ошибки в ссылках, например = или знак & подскажите варианты решения. По ссылке можно посмотреть все ошибки на странице Валидатор w3 Примеры ошибок: …php?option=com_content&view[b]=[/b]article&id=104:2010-12-05-19-22-48&catid=21:—199… …monet.ru/index.php?option=com_content&[b]v[/b]iew=article&[b]i[/b]d=104:2010-12-05-19-22-48&…

   Asked by ghost, December 15, 2010

   0 votes
   7 answers
5. Как выбрать шрифт для сайта

   Помогите правильно выбрать шрифт (бесплатный), для сайта компании. На данный момент мои познания сводятся к тому, что есть платные и бесплатные шрифты, и они же еще не системные и системные, например arial. Системные шрифты можно использовать но нельзя подгружать, при этом есть риск что в системе юзера не окажется этого шрифта. Я пока вообще не совсем понимаю как происходит отображение шрифта на сайте.. К примеру я беру шрифт Roboto. Если он есть в системе у пользователя, значит все хорошо, все быстро работает. А если этого шрифта нет, мы можем сказать системе подгрузить его из гугл фонт, но при этом появится дополнительная нагрузка (так же мне непонятно сист…

   Asked by nazaru, April 16, 2018

   0 votes
   0 answers
6. box-shadow не проходит валидацию

   Здравствуйте. Пытаюсь приобщиться к CSS3, но не могу пройти валидацию. Имеется код: .box-shadowed {box-shadow: 2px 3px 4px 2px #888;} W3C ругается: Ошибка разбора [empty string]. Если убрать растяжение тени, то все ок, но тень растягивать мне нужно .box-shadowed {box-shadow: 2px 3px 4px #888;} Это баг w3c парсера или я что-то делаю не так? Если указать любой из параметров тени как ноль без размеров - тоже ругается. .box-shadowed {box-shadow: 0 0 4px #888;}

   Asked by hedgehog, October 19, 2011

   0 votes
   3 answers
7. Расположение элементов

   Как сделать что-бы меню было ровно с приветствием? CSS #ave{ margin-top: 30px; width: 700px; margin-left: 300px; } #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 205px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); padding-top: 10px; padding-left: 10px; padding-bottom: 10px; }

   Asked by vova.a99, July 11, 2012

   0 votes
   2 answers
8. ошибка z-index

   Я тут писал по этой работе. Сейчас есть 1 ошибка При наведении на пункт подменю "О предприятии" подменю должно быть позади (см. макет http://s019.radikal.ru/i630/1210/07/299ee5283953.jpg) Свойства css установил как нужно Коды: http://jsfiddle.net/rmLS7/ Помогите исправить

   Asked by OlegALL, October 25, 2012

   0 votes
   3 answers
9. Блоки <DIV>

   Здравствуйте! Прошу вас о помощи! Мне необходимо переделать сайт, который состоит в основном из блоков <DIV>. Сейчас столкнулся с проблемой: блоки налезают друг на друга. Как мне их упорядочить, чтобы второй блок начинался после того, когда закончится первый? Заранее спасибо! <div id="text24" style="position:absolute; margin-top: -80px; overflow:hidden; left:13px; top:1550px; width:781px; height:380px; z-index:77";> <div class="wpmd" align=justify> БЛА БЛА БЛА </div></div> <div id="text25" style="position:absolute; overflow:hidden; left:13px; top:1813px; width:786px; height:74px; z-index:78;"> <div class="wpmd"> БЛА …

   Asked by egorns, December 26, 2012

   0 votes
   3 answers
10. Как сделать чтобы изображение когда оно :hover?

    Сейчас использую такой код: .gallery { max-width: 840px; height: auto; text-align: center; } .gallery-item { background: #000; position: relative; left:-10px; } .gallery img { max-width: 840px; height: auto; transition: all 0.2s ease; } .gallery img:hover { opacity: 0.6; } Суть в том, что картинка находится в диве gallery-item, он черного цвета, по этому когда наводишь на картинку, она становится прозрачней, тем самым темнея. Однако, gallery-item растягивается на все максимальные 840px, и если картинка в ширину меньше этого числа, то по бокам черные полосы, естественно они не нужны, есть ли способ как-то решить это маленькую проблему?

    Asked by phantomgoodone, May 12, 2013

    • CSS
    0 votes
    3 answers
11. разрешение экрана

    помогите пожалуйста когда я захожу своим компьютером все показывает нормально а когда сохажу с другого вот так как это исправить хотелось бы например как на google картинки https://www.google.ru/search?q=%D0%BA%D0%B8%D0%BD%D0%BE&es_sm=93&source=lnms&tbm=isch&sa=X&ei=ilJFU5HVKOPx4QS0m4HgCA&ved=0CAgQ_AUoAQ&biw=1440&bih=775 http://codepen.io/lybrook/pen/qLICb

    Asked by adminfilm, April 9, 2014

    • films
    0 votes
    7 answers
12. Отступ от новости

    Как навигатор отлепить от картинки? (http://truebooks.ru/page/2/). Пробовал margin, не помог, или я его не туда впихнул,хз

    Asked by JohnBondlock, April 19, 2014

    0 votes
    5 answers
13. Не используемые фалы на ФТП

    Здравствуйте всем) Такая ситуация. Во время создания сайта, все время заливаешь какие то изображения, сайты, потому удаляешь, заливаешь новые, и со временем получается что на ФТП остаются какие то изображения или другие файлы, которые не используются. Но какие именно не знаешь. Как узнать, какие файлы не используются на сайте, что б их можно было спокойно удалить ?

    Asked by ataman, June 5, 2014

    0 votes
    7 answers
14. куда пропадает список?

    Обьясните плз пытаюсь добавить в id="topmenu список, (собственно даже когда создаю новый див ниже хедера и добавляю ul туда, он не отображается ) http://jsfiddle.net/mrnobody/E55SS/ собственно вопрос, куда девается, и почему не отображается список. спс

    Asked by comSaaxov, July 3, 2014

    0 votes
    6 answers
15. Фотогалерея

    Помогите пожалуйста сделать фотогалерею на html. Фотогалерея: Наводишь на фото справа появляется стрелочка, тюкаеш на стрелочку появляется следующее изображение и при этом появляется стрелочка слева, что-бы вернуться на изображение назад... Заранее спасибо...

    Asked by Mestniy96, April 21, 2015

    • фотогалерея
    0 votes
    5 answers
16. Резиновая верстка + адаптив от 1000 пикс до 1920

    Можете подсказать пожалуйста? Есть такое условие "Резиновая верстка + адаптив от 1000 пикс до 1920" сам макет шириной 1230px. Как написать стиль css что бы подходило под данное условие? Какие задать min-width: max-width: или просто width?

    Asked by freeman0204, July 12, 2015

    0 votes
    2 answers
17. Конфликт скриптов

    Есть код, не знаю из-за чего начал капризничать, толь из-за Joomla 3, еще чего, не пойму, помогите разобраться

    Asked by lev99, August 21, 2015

    • javascript
    • jQuery
    0 votes
    2 answers
18. Обход ограничения

    Здравствуй уважаемый веб-мастер, если ты всё таки решился прочитать то что я здесь написал, то я уже бесконечно тебе благодарен за то что ты тратишь своё драгоценное время на меня! Я вынужден обратиться к тебе за помощью, надеюсь что не откажешь. Есть сайт, с которого я хочу по тихому свистнуть и убежать огромное количество контента. Скачивать хочу благодаря прямым ссылкам на эти самые файлы, которые в свою очередь я собрал с помощью PHP, но подлец-сервер не даёт мне этого сделать. Спустя некоторое количество удачных скачек, он буквально разрушает наши отношения на корню. Честно говоря, я пока так и не понял как именно работает механизм защиты но вроде бы прокси…

    Asked by Морская улиточка, April 24, 2016

    0 votes
    2 answers
19. display: blick - для меня загадка

    здрасте делаю список, фоном делаю картинку, все как бы понятно, но на этапе добавления display:dlock все плывет в IE появляются загадочные пробелы между элементами спаска может кто знает в чем дело спасибо заранее вот код _________________________________________ <html> <head> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="left"> <p>tili tili, trali-vali</p> <ul id="menu"> <li><a href="index.html"> home</a></li> <li><a href="index.html"> ueber uns </a></li> <li><a href="index.html"> team </a></li> <l…

    Asked by katrin_qq, September 3, 2009

    0 votes
    4 answers
20. Центровать текст в блоке, который содержит другой элемент

    <div style="text-align: center;"> <form style="float: left;" method="link" action="#"><input type="submit" value="Кнопка"></form><a href="#">Заголовок</a> </div> привет! хочу чтобы заголовок был по центру дива, но кнопка его отодвигает в право, и кажется, что заголовок не по центру. помогите найти простое решение данной проблемы.

    Asked by barman, April 16, 2011

    0 votes
    6 answers
21. Как сделать прозрачный слой?

    Мне надо было сделать в слое такомто прозрачный цвет, я его сделал с помощью opacity, но если я добавлю цвет или картинку в другой слой, он автоматом становится прозрачным. Как сделать прозрачным только один слой?

    Asked by bayanruby2, June 21, 2011

    0 votes
    3 answers
22. Неправильные размеры <div> в chrome

    В FF и IE нормально отображает Спасибо помогло

    Asked by Seretyr, September 5, 2011

    0 votes
    1 answer
23. Ютуб перекрывает colorbox

    Собственно интересно как перекрыть iframe ютуба colorбоксом а то при открытии посредством скрипта, он перекрывается видео с ютуба

    Asked by Defender1, November 1, 2011

    0 votes
    2 answers
24. Правильное позиционирование

    Вопрос,достаточно общий,(не ругайте если что). Возникает сложность при позиционировании элементов, чтобы разместить элементы на страницы приходиться, чуть ли, не для каждого задавать position: relative и координатами его ставить на нужное место. Очевидно, что это неправильно. Как правильно ?

    Asked by Rocombo, November 30, 2011

    0 votes
    4 answers
25. Помогите растянуть сайдбар на 100% по высоте

    Уважаемые верстальщики, помогите пожалуйста. Есть сайт apex-textile.ru При малых разрешениях, когда прокрутить полосу прокрутки, высота правого блока остается неизменной и появляется такой глюк. код сайдбара .side_right { width: 37%; height: auto !important; min-height:100%; float: right; background: url(../image/layout/bg_hard_rose.jpg) repeat left top; }

    Asked by pasha_st, May 16, 2012

    0 votes
    3 answers