HTML Coding

29542 questions in this forum

1. Проблемы с текстом

   вот сразу покажу в чем проблема. http://jsfiddle.net/rLpbn/80/ там где написано "ЦЕНТР" с помощью margin опущено вниз на 100пк, но при этом весь блок опустился, когда точно так же на левом блоке выглядит нормально, в чем проблема и как опустить текст, не опуская при этом блок. Падинг не исполью так, как надо чтобы весь текстовый блок опускался, позицирование тоже т.к. при этом блок ЦЕНТР не растягивается. Ксати когда вводить блоку ЦЕНТР бордер все норм становится.

   Asked by Hoax, July 20, 2011

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

   Здраствуйте ! У меня возникла проблема , сделал сайт на табличной верстке, но есть один " бок " : у меня широкоформатный монитор и когда заливал информацию на сайт то у меня отображается все отлично , но при открытии на мониторах с меньшим расширением появляется полоса прокрутки ! наблюдается при открытие некоторых страниц , например - 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
3. Уберите пожалуйста таблицы

   Уберите все таблицы Вот код: <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
4. Как установить шрифт в html документ.

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

   Asked by jentlmen, July 14, 2012

   0 votes
   3 answers
5. я не лодырь, просто не знаю

   Доброго времени суток! есть форум на бесплатном сервисе (все сделано до нас), в движке есть такая функция как "система очков" - начисляются очки за активность на форуме, за посещение, за сообщения и т.п. задался я идеей сделать возможность обмена этих очков на какие-то презенты, ну например скидку. а именно сделать кнопку со ссылкой на страницу под названием "бонусы" (это вот я сам могу), где будет панелька с выбором обмена... ну и все на этом. помогите пожалуйста реализовать идею (саму страничку "бонусы" голую сделал http://www.spokupkami.com/h1-page)

   Asked by viteran, October 6, 2012

   0 votes
   6 answers
6. Резиновый по высоте блок с отступом

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

   Asked by Veseloff, December 7, 2013

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

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

   Asked by Ed Rush, April 3, 2014

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

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

   Asked by Roger, November 7, 2014

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

   Есть такой 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
10. Качественное отображение 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
11. слои и обтекание.

    Добрый день. подскажите пожалуйста как мне сверстать вот такой макет. ——————————-- | ШАПКА | |___________________| | 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
12. opera + table + form

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

    Asked by goldoba, October 29, 2010

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

    я использовал анимированное слайдшоу и сверху поставил выпадающее меню, проблема в том что анимация закрывает выпадающее меню,если убрать позирование 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
14. Пролема с горизонтальным меню в Хром

    Приветствую ! Возникла проблема: верстаю горизонтальное меню. Должно быть такое: В Опере и Фоксе -- всё ок. Но в Хроме у меня вышло вот что: Теперь покажу как я делал (опущу цсс-правила для шрифта, цвета и т.д. текста): <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
15. Не хочет работать скрипт в модальном окне

    Вопрос по модальному окну в 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
16. @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
17. проблема с 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
18. 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
19. Подскажите как сверстать этот слайдер новостей

    Вот картинка как реализовать тени?? Дайте ссылки на такие примеры Где взять JS сценарий прокрутки slidera в браузере нажмите CTRL+0 два раза такого увеличения хватит для нормального просмотра картинки Нужно сделать 1. Скругленные углы у блоков 2. Тени на границах блоков 3. Тень под блоками по нижней границе 4. И как оживить слайдер на javascript Для меня задачка не тривиальна, я еще начинающий верстальщик, дайте ссылки с примерами подобного, или напишите код на jsfiddle.com

    Asked by ilyas, March 6, 2013

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

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

    Asked by painttt199, April 16, 2014

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

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

    Asked by pangurban, October 17, 2014

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

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

    Asked by Mark26, December 20, 2014

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

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

    Asked by Dolce, July 31, 2015

    • html5
    0 votes
    2 answers
24. Iphone. верстка в iphone 6, 7. Кнопку перекрывает navbar iphone

    Добрый день, имеется кнопка прижатая к низу контейнера (контейнер зеленого цвета с ценой и кнопкой заказать), (контейнер flex, кнопка прижата через margin-top: auto), все хорошо только в iphone 6, 7, кнопку перекрывает навигационная панель iphone. Пробовал js, через detect-mobile определяю что это ihpone, и добавляю кнопке margin-bottom: 70px; теперь на iphone 6 все хорошо а на 7 с виду margin больше (появился отступ снизу между кнопкой и навигационной панелью iphone 7) Подскажите пожалуйста способы возможного решения данной проблемы Изображение снизу это iphone 6, на iphone 7, marginb-bottom у контейнера два раза выше, может ли это быть связано с pixel-ra…

    Asked by Daniil Khanin, July 28, 2018

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

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

    Asked by San-ch93, March 24, 2008

    0 votes
    2 answers