HTML Coding

29542 questions in this forum

1. Резиновый по высоте блок с отступом

   Привет. Мне надо сделать блок резиновый по высоте, который бы был на 50 пикселей меньше родителя снизу. Если надо такое сделать, например, справа, то можно обернуть в блок с padding-right и всё буедет ок, так как по ширине div всегда тянется насколько есть места. А как сделать то же самое, только по высоте?

   Asked by Veseloff, December 7, 2013

   0 votes
   5 answers
2. IE 11 не видит файлов стилей css

   Здравствуйте! Браузер IE 11 не видит файлов стилей css. Эта проблема проявляется только при попытке загрузить сайт с локального диска. В интернете сайты отображаются нормально, в автономном режиме в других браузерах тоже все хорошо. Нигде не смог найти решения, помогите чем сможете! Спасибо.

   Asked by Ed Rush, April 3, 2014

   0 votes
   2 answers
3. Как сделать правильно hover?

   Не могу сообразить как правильно сделать hover, что бы при наведении на ссылку, менялось цвет иконок а не по отдельности. http://codepen.io/anon/pen/bwknF

   Asked by Roger, November 7, 2014

   0 votes
   2 answers
4. Качественное отображение svg-иконок

   Здравствуйте. Сейчас все большую популярность набирает вывод иконок на сайте с помощью тегов svg>use. Для создания наборов я использую сервис IcoMoon. Проблема в том, что при выводе одной и той же иконки с помощью шрифта и тегом качество последней оставляет желать лучшего. Если на больших размерах разница не так заметна, то на маленьких все совсем плохо (см. скрин. Иконка menu c набора FontAwesome). В интернете находил советы применить к тегу svg transform: translateZ(0); или shape-rendering: crispedges; В случае с иконкой-бургером это решает проблему, но с чем-то более сложным результат выходит еще хуже, чем был до этого. Еще и ФФ при некоторых раз…

   Asked by alex_web64, July 8, 2019

   0 votes
   2 answers
5. Помогите с тем как написать блок

   Как написать такую шутку на чистом Css ?

   Asked by DoubleSuicide666, April 28, 2020

   0 votes
   2 answers
6. слои и обтекание.

   Добрый день. подскажите пожалуйста как мне сверстать вот такой макет. ——————————-- | ШАПКА | |___________________| | fdfdfadfasdfasfd | | | fdfdfadfasdfasfd | Б3 | | fdfdfadfasdfasfd |_____| | adsfasdfasdfasdfasdf | | ОСНОВНОЙ | |___________________| Т.е чтобы Блок3 был в основном тексте. Пробывал слоями, но слой накладывается на основной текст (он находится в таблице). Можно както слою задать обтекание? код примерно такой сейчас: <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr height="100%"> <td width="100%" valign="top"> ТУТ ОСНОВНОЙ ТЕКСТ <div style="position…

   Asked by xaozzzz, February 7, 2008

   0 votes
   2 answers
7. opera + table + form

   я только начинаю верстать и столкнулся с такой проблемой делаю таблицу и в неё засовываю форму в мазила всё отлично а в опере она (форма) выходит за таблицу полностью то есть форма получается ниже таблицы подскажите кто с таким сталкивался какое решение этому есть?

   Asked by goldoba, October 29, 2010

   0 votes
   7 answers
8. анимация закрывает выпадающее меню, помогите решить.

   я использовал анимированное слайдшоу и сверху поставил выпадающее меню, проблема в том что анимация закрывает выпадающее меню,если убрать позирование relactive в id=window и в class=slideshow,то выпадающий список становиться поверх фото,но анимация перестает функционировать. скажите плиз, как решить проблему. вот ссылка http://vibor-kzn.ru/menu/ исходные данные http://vibor-kzn.ru/menu.zip

   Asked by dinaron, March 19, 2011

   0 votes
   2 answers
9. Пролема с горизонтальным меню в Хром

   Приветствую ! Возникла проблема: верстаю горизонтальное меню. Должно быть такое: В Опере и Фоксе -- всё ок. Но в Хроме у меня вышло вот что: Теперь покажу как я делал (опущу цсс-правила для шрифта, цвета и т.д. текста): <div class="menu"> <ul> <li class="company"><a href="#">О КОМПАНИИ</a></li> <li class="services"><a href="#">УСЛУГИ</a></li> <li class="portfolio"><a href="#">ПОРТФОЛИО</a></li> <li class="information"><a href="#">ИНФОРМАЦИЯ</a></li> <li class="contacts">&l…

   Asked by dimacat, April 9, 2011

   0 votes
   5 answers
10. проблема с полосой прокрутки

    Здраствуйте ! У меня возникла проблема , сделал сайт на табличной верстке, но есть один " бок " : у меня широкоформатный монитор и когда заливал информацию на сайт то у меня отображается все отлично , но при открытии на мониторах с меньшим расширением появляется полоса прокрутки ! наблюдается при открытие некоторых страниц , например - http://edem24.ks.ua/gz.html'>http://edem24.ks.ua/gz.html !!!! Ширина в тегах table в процентах !!!!! вот сайт - http://edem24.ks.ua Помогите пожалуйста , как сделать чтоб не было это полосы прокрутки ...

    Asked by Squeez, November 14, 2011

    0 votes
    3 answers
11. Уберите пожалуйста таблицы

    Уберите все таблицы Вот код: <div style="width:50%;float:left;"> <fieldset> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;"> <div style="float:right">$MODER_PANEL$</div> <a href="$ENTRY_URL$" title="$TITLE$"><img style="border: 2px solid rgb(199, 199, 199);" 0="" alt="$TITLE$" title="$TITLE$" longdesc="$IMG_URL1$" src="$IMG_URL1$" align="left" height="75" width="75"></a> <fieldset><font size="2" style="text-align: left; font-size: 10pt; "><a href="http://game-ch.ucoz.ru/$ENTRY_URL$" style="text-align: left; ">$TIT…

    Asked by GhostNiniga, February 15, 2012

    0 votes
    5 answers
12. css странное наследование или полтергейст

    Добрый день, жители форума. Верстаю сайтик с вордпресса в джумлу. возникла странная(для меня) проблема. задал свойство a:hover, focus и active для горизонтального меню с id=mergen. И к моему большому удивлению и глубочайшему сожалению(мягко говоря) теги <a> левого вертикального меню приобрели те же самые свойства. Помогите побороть пожалуйста А конкретнее: фоновая картинка при фокусе изменяется как в классе menu(первое меню, вертикальное) так и в нужном мне меню класса mergen(второе меню, горизонтальное) Часть CSS: body,html {height:100%; } body{:#ffffff;font: 400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;color:#000;margin:0 auto;} .clr{clear:both;overflow:hidde…

    Asked by mergenmasterf1, October 28, 2012

    0 votes
    1 answer
13. Описание сайта в поисковиках. Не из description?

    Добрый день! Подскажите пожалуйста, как правильно создать отображение описания сайта в поисковых системах. Дело в том, что есть страница подписки http://moment7.ru/ В описании в дескрипшн написал нормально все. Но я ндекс взял описание из текста на странице. Посмотрел код других сатов, там тэгов дескрипшн и кейвордс нет вообще. У страниц яндекса в том числе и у многих новых сайтов тоже. Подскажите как мне правильно настроить описание сайта. Большое спасибо!

    Asked by painttt199, April 16, 2014

    • meta
    • description
    • описание
    • поисковики
    0 votes
    2 answers
14. Как сверстать выносную линию

    Что-то я опять залип. Допустим есть меню правый край которого должен прилипать к краю окна, но его контент должен быть центрирован по основной линии. И чтобы это все не разлеталось при ресайзе. Есть идеи?

    Asked by pangurban, October 17, 2014

    0 votes
    5 answers
15. Помощь с расположением блоков,и резиновой вёрсткой

    Приветствую всех посетителей этой темы! Сейчас учу CSS и при создании шаблона для будущего сайта возникли некоторые проблемы,а далее: (см.скриншот: http://hkar.ru/xj7y) 1.Хотелось бы сделать блок контента и блок меню резиновыми,а не так чтобы их ширина и высота выравнивались только по тому,что находится внутри самих блоков,при этом эти блоки должны сохранить тот маленький отступ от краёв экрана и от других элементов. 2.Футер уже прижат к низу сайта,но проблема в том,что блок контента и блок меню игнорируют футер и продолжают идти дальше,хотелось бы чтобы эти два блока останавливались перед футером и не продолжали идти дальше,при этом имея маленький отступ как и с…

    Asked by Mark26, December 20, 2014

    • CSS
    • div
    0 votes
    7 answers
16. html5 в дизайне интернет магазинов

    Здравствуйте. Подскажите пожалуйста такую вещь, я решил сделать новый шаблон для старого интернет магазина с использованием тегов html5 для более ясного семантического понимания поисковыми системами(да и нужно идти в ногу с современными тенденциями ).Открыл я перечень html5 тегов вот тут http://htmlbook.ru/html5 Сижу читаю про каждый, думаю какой куда применить. Возникло несколько вопросов, допустим очень интересует оберточный тег для карточек товара на страницах категорий, раньше это был обычный див(часто встречаю что подобное оборачивают в тег li, не знаю на сколько это правильно, в нем идет фотография товара, описание, цена и форма с кнопками, многовато как-то для li …

    Asked by Dolce, July 31, 2015

    • html5
    0 votes
    2 answers
17. Подскажите селектор

    Есть такой html: <div class="cards" > <div class="slide">menu</div> <input type="checkbox" id="toggle"> </div> Нужно при нажатии на чекбокс, чтобы к корневому div'у (у которого class==cards) применялся css. input[type=checkbox]:checked selector { color: red; } Можно ли такое, подскажите какой селектор?

    Asked by torsar, September 7, 2017

    0 votes
    6 answers
18. Проблема с фреймами

    Здравствуйте. У меня проблема: в параметрах ссылки я пишу target="self" , а страница открывается в новом окне. Почему это может быть и что делать?

    Asked by San-ch93, March 24, 2008

    0 votes
    2 answers
19. Позиционирование. При приблежении кнопки наезжают друг на друга

    Всем привет. Сайт сверстан div-ами, меню навигации сделано с помощью позиционирования, когда приближаю страницу скролом - кнопки наезжают друг на друга. Как решить эту проблему div-ами? Помогите пожалуйста.

    Asked by Alek7y7, April 8, 2009

    0 votes
    1 answer
20. Проблемы с PADDINGом

    Приветствую всех вас, уважаемые друзья! Проблему свою постараюсь разъяснить максимально лаконично! .topmenu { height: 29px; width: 980px; text-align: right; padding-right:20px; } .topmenu a { text-decoration: none; margin-left: 11px; margin-right: 11px; font-family: tahoma, sans-serif; font-size: 13px; font-weight: bold; } при Этом Width: 980px ; Заданно потому что при паддинге вправо 20 пикс. див становится шире, я приходится сокращаться ширину самого дива с 1000 до 980, выглядит довольно схоже с дизайнерским макетом, но правильно ли это? И еще, Мэрджин и вовсе не задается ни справа, ни откуда либо еще для данно дива, что скажете?

    Asked by sv12, April 16, 2010

    0 votes
    3 answers
21. Не хочет работать скрипт в модальном окне

    Вопрос по модальному окну в html Панель авторизации работает вне модального окна: В модальном окне не как не хочет " разворачиваться" Код модального окна: <script type="text/javascript"> jQuery(document).ready(function($) { $('a[rel*=facebox]').facebox({ loading_image : 'loading.gif', close_image : 'closelabel.gif' }) }) </script> html код: <a href="#info" rel="facebox">Авторизация</a> <div id="info" style="display:none;"> {login} </div>

    Asked by Bandyy, September 16, 2011

    0 votes
    2 answers
22. @font-face на разных серверах

    Доброе утро. Сделал статичную html страничку, в которой подгружаются шрифты через @font-face. На моей локальной машине, на моём реальном сервере, во всех браузерах я вижу нормальное подключение шрифта. На сайте заказчика я тоже нормально всё вижу, во всех браузерах (IE 7+, Google Chome 15, Mozilla 5, Safari 5, Opera 11). вот так я подключаю в файле css шрифты @font-face{font-family: "Myriad Pro.otf"; src: url('../fonts/MyriadPro-Regular.otf'); font-weight:normal; font-style: normal;} @font-face{font-family: "Myriad Pro Cond.otf"; src: url('../fonts/MyriadPro-BoldCond.otf'); font-weight:normal; font-style: normal;} @font-face{font-family: "Myriad Pro Light.otf"; src: url…

    Asked by slo_nik, November 14, 2011

    0 votes
    2 answers
23. проблема с float

    промлема в том, что когда я прописываю картинке float, она становится как бы не видимой для блоков которые следуют после неё... помогите кто чем может)) вот код: <div id="content"> <h1>Home</h1> <img class="line" src="img/line.png" alt="дет сайт" /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sagittis. Donec dictum, magna ullamcorper eleifend dapibus, lectus purus condimentum tellus, eu blandit nisl augue et massa. Mauris nisl diam, placerat vel, lacinia eu, luctus at, orci.Cras eget libero at sapien molestie condimentum. Ut interdum elit in risus. Pellentesque nisi. Aenean mauris nisl, interdum eu,tempor f…

    Asked by BondJ, December 29, 2011

    0 votes
    4 answers
24. Помогите доработать подвал

    Необходимо что бы копирайты были по левую сторону а счётчики по правую. Вот вырезки кода: footer.php </div> <div id="footer"> <div id="copy"> <p>Компания «<a href="http://мойсайт.ru">СтроимВместе</a>» - строительство и ремонт.</p> <p>Все права защищены. 2011 </p> </div> </div> </body> </html> CSS : /* Footer —————————————————————————--*/ #footer { height: 100px; border-top: 1px #e5e5e4 dashed; margin-top: 20px; text-align: right; } #fmenu { width: 90%; height: 25x; margin-top: 10px; } #fmenu ul { display: inline-block; } #fmenu li { list-style: none; padding: 0 …

    Asked by Kramag, July 12, 2012

    0 votes
    5 answers
25. Как установить шрифт в html документ.

    Да я чёт найти не могу, где про это говорят, а через поиск выдаёт font-family но font вродежь устаревший тег? В общем, как вставлять шрифты в xhtml код?

    Asked by jentlmen, July 14, 2012

    0 votes
    3 answers