Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Подскажите по свойствам шрифта

    Подскажите какие свойства нужно выставить что бы расположение текста было пиксель в пиксель. С помощью letter-spacing подогнать не удаестся, font-stretch для этого шрифта не работает, хотя при использовании PerfectPixel видно что буквы в надписи "Fishnet Chair" уже чем показывает браузер. Если в меню еще удалось почти до пискеля подогнать с помощью margin, letter-spacing и text-stroke, то что делать с "Fishnet Chair" ума не приложу... Какими свойствами еще можно воспользоваться чтобы выглядело так как на макете? Не подгонять же с помощью позиционирования в самом деле. Макет по ссылке https://drive.google.com/file/d/1D8rNpa5YPo0ukPTT1RAikhvjES35k5E0/view?usp=sharing

    Asked by AlexZaw,

    0 votes
    0 answers

  2. Проблемы с позиционированием

    Здравствуйте, столкнулся с такой проблемой. Нужно разместить в блоке текст и блок, который обтекается этим текстом, как на рисунке Пробовал разные варианты - ставить блоку с текстом float:left; а маленький блок позиционировать, ставить обтекание справа маленькому блоку и позиционировать его отступами, но добится корректного отображения пока неполучается. В общем, вменяемых идей как это реализовать у меня пока нет, посему обращаюсь к вам за помощью.

    Asked by Karmin,

    0 votes
    1 answer

  3. Верстка кнопки поиска

    Пожалуйста подскажите, как можно сверстать эту кнопку поиска?

    Asked by flintovich,

    0 votes
    4 answers

  4. Вставка flash-объекта в html для соврем. браузеров

    Интересует каким способом я могу вставить флеш без использования каких-то скриптов. Кроссбраузерность ограничивается IE7+ и более менее используемыми версиями других браузеров. Тоесть мне не нужно поддерживаеть IE5.5 и Safari 0.05 Кроме того, доктайп используется <!DOCTYPE html> а значит тег embed валидный. Интересуют такие варианты вставки: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="120"> <param name="movie" value="myContent.swf" /> <object type="application/x-shockwave-flash" data="myContent.swf" width="300" height="120"> <p>Alternative content</p> </object> </object&…

    Asked by danik.html,

    0 votes
    5 answers

  5. Разница между (pading,marging) и top px, botton px,left px, right px,

    Ребята простите за простоту вопроса! часто пользуюсь: top px, botton px,left px, right px, Но есть также: pading,marging А особенно при позиционировании часто использую: pozicion: absolute; top px, left px, Подскажите пожалуйста разницу между ними! СПАСИБО!

    Asked by majron,

    0 votes
    2 answers

  6. Совмещение текста на картинке

    Всем бодрого времени суток:)/>/> Вот такая загвоздка у меня... У меня сайт, внизу которого футер с картинкой (сплошная на всю длину). Задался целью сделать там надпись, на этом футере, но не тут то было. Картинка, при попытке вывести на нее текст, начинает отображаться самыми невообразимыми вариантами. Хотя по моей задумке она должна оставаться как есть и не меняться, и на ней просто в НУЖНОМ месте должен появиться текст. Вот как у меня в CSS записано отображение картинки: #footer { position: relative; margin-top: -2.5em; background: url(images/img01.gif) repeat; } Туда пытался вставить: .center p { text-align: center; Для того чтобы выравнять те…

    Asked by Вальдемар,

    0 votes
    2 answers

  7. Создание комментfриев на сайта html

    Здравствуйте, как можно реализовать комментарии на html сайте c использованием php (или на php странице) Например есть форма <body> <tr> <td> <form action=mail.php method=post> Ваше имя<br><input type=text name=name size=30><p> Комментарии<br><textarea name=mess rows=10 cols=50></textarea><p> <input type=submit value="Отправить сообщение"> </form> </td> </tr> </body> Нужно еще соединение с БД и соответствующий скрипт? Как можно попроще это реализовать (кроме сторонних разработок, например disqus).

    Asked by dao742,

    0 votes
    4 answers

  8. Проблема с подключением LESS

    Всем привет. Почитал о ЛЕССе и решил попробовать, подключил и стал прописывать свойства в файле .less но r к сожалению со страницой html ничего не происходит. Гляньте пожалуйста где может быть проблема. Вот как прописал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8"> <link rel="stylesheet/less" type="text/css" href="/css/action-settings.less"> <script src="/js/l…

    Asked by Kuzyo,

    0 votes
    3 answers

  9. Текст дугой

    Текст дугой - как сделать? Может есть плагин какой на javascript? Заголовок то не один

    Asked by Zverushka,

    0 votes
    1 answer

  10. Показать скрытые элементы при клике и оставить видимыми

    Здравствуйте. Такая проблема, есть скрытые элементы которые появляются при hover на родителя, а если нажимать на них, то они должны оставаться видимыми и не пропадать, + менять background. Вместе с этим при повторном клике они должны вернутся в исходное положение - скрыться. Примерно вот так http://jsfiddle.net/npT6K/ правда тут скрытие элементов не реализовано, но не суть. По ссылке выше я пытался сделать chekbox-ами, казалось вариант идеальный, но одно но, элементов таких много.. Не писать же разные id к ним ко всем.. Как можно реализовать такую задачу? Без js/jquery, так как с ними знаю как)

    Asked by Нарек,

    0 votes
    2 answers

  11. Из за чего может быть так?

    Ребят, из за чего так может быть так? Во всех браузерах нормально кроме сафари версии 6.1.1 которую я никак найти не могу что бы установить у себя и попробовать. И хром, и фф, и сафари (более старых и новых версий чем 6.1.1, даже на windows который) показывают все отлично, а вот сафари которая у заказчика делает вот такую пакость. http://www.youtube.com/watch?v=hjwHVHQmvg0&feature=youtu.be

    Asked by Нарек,

    0 votes
    8 answers

  12. [атрибут*="значение"] и [атрибут~="значение"]

    По мне [атрибут~=значение] можно заменить используя [атрибут*=значение]. Зачем тогда оно есть? Работает быстрее? [атрибут|=значение]

    Asked by PavelTkachev,

    0 votes
    2 answers

  13. Видео с ютуба

    Здравствуйте уважаемые форумчане! Есть видео с ютуба которое находиться в модальном окне. Подскажите, пожалуйста, как сделать что бы оно(видео) автоматически начинало проигрываться при запуске модального окна ?

    Asked by stan07,

    0 votes
    4 answers

  14. Как оптимальнее разместить большую картинку в качестве фона?

    есть большая картинка - кора дерева. задача разместить в качестве фона. размер для ширины в 1280пх - около 750кб.. что есть не оптимально для скорости загрузки. вот как бы её так сжать правильно? как вариант вижу - сделать левый и правый сайд бары, и в них выводить 2 крайние картинки шириной примерно 300*800, с повторением по вертикали. Но может это как-то по другому делается? пс: решил не заморачиваться, сжал до 350х800, повторение везде + снизил качество фона, получилось 100кб..

    Asked by nikki4,

    0 votes
    4 answers

  15. подскажите готовый элемент

    http://spokoino.ru/ на сайте если нажать на слово москва в предложении выбрать автоинструктора в Москве то появляется список регионов подскажите готовое решение и как такой элемент называется?

    Asked by https,

    0 votes
    0 answers

  16. Не индексируемый текст

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

    Asked by rob.rob,

    0 votes
    0 answers

  17. ВК тянет название записи блога

    Не уверен что в этот раздел. Такая беда: https://www.euromedika.ru/ на главной странице выводятся заголовки статей. При размещении ссылки вконтакте на главную страницу https://vk.com/kosmetologia_nnov?w=wall-92556112_1017 почему-то в качестве заголовка подтягивается заголовок и картинка от филлеров (первый материал в списке) Что-то с микроразметкой намудрил?

    Asked by d0ublezer0,

    0 votes
    0 answers

  18. Перенос гридов

    Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сверстал это гридами, но почему то не переноситься на следующую строку https://codepen.io/anon/pen/OaqQNd

    Asked by yaparoff,

    0 votes
    0 answers

  19. Проблема с якорем

    Есть трехколоночный макет. Все три колонки одинаковой высоты сделаны с помощью padding-bottom:20000px; margin-bottom:-20000px; и overflow:hidden; position:relative; у родительского контейнера. В центральной колонке есть посты, в которых используются якоря. Если переходишь к одному из якорей через строку адреса, то браузер не опускает окно ниже, к посту. Он перетаскивает непосредственно контентную часть вверх окна. Т.е. сам пост. И всё что было до него - режется. P.s. если убрать overflow:hidden, то тогда становится всё ок, но внизу появляется пустое пространство в 20000px. В чем может быть проблема?

    Asked by deMiX,

    0 votes
    4 answers

  20. Наследование из других классов

    Есть стиль для таблиц общий /* Tables */ table { line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; width: 100%; border-collapse: collapse; } caption { text-align: left; font-size: 20px; padding-bottom: 10px;} th, td { padding: 5px; } td { font-size: 12px; } td#next { text-align: right; } Во втором коде перекрываю с помощью !important стили таблиц, чтобы карта нормально отображалась #YMapsID table {border:none; width:270px; margin:0 !important;} #YMapsID th, td, tr { padding: 0px; border:none !important; } Но при этом это влияет на общий табличный стиль, так как он начинает думать, что стили для карт важнее собственных. Если сделать наоборот, т…

    Asked by acornwalle,

    0 votes
    3 answers

  21. Бордюры в IE

    SOS... Как бороться с бордюрами в ослике. Ослик отображает бордюр внутри дива, а остальные браузеры как бы расширяют див на ширину заданного бордюра т.е если у нас высота дива 100px то в ослике 1px бордюр будет в нутри дива тем самым не увеличивая его размер, как это делают другие браузеры. У них, как я понимаю, бордюр на свою ширину расширяет див. 100px ширина дива и если мы ставим бордюр в 1px, то ширина дива уже будет 101px. Ну где то так. В общем подсмотреть проблему можно здесь. Если вы откроете в IE, то нижний бордюр будет неразрывным, а если в другом браузере, то он разрывается. Подскажите как с этим можно бороться?

    Asked by yujin11,

    0 votes
    2 answers

  22. Плавающие блоки

    _http://sko.10401.aqq.ru Чо-то я туплю. См. блок под менюшкой. Почему article.post (зелёная рамочка) не сдвигается вверх?

    Asked by Gaspode,

    0 votes
    3 answers

  23. Список с полем и таблица с данными

    Добрый день. Мой вопрос такой. У меня есть таблица со списком регионов, городов и магазинов в них. Как можно привязать эту таблицу к расрывающемуся списку с полем на веб-странице? То есть нужно, чтобы при выборе в списке Ивановской области в таблице отображалась информация по магазинам Ивановской области. Пример готовой таблицы, которая подошла бы мне, находится здесь.

    Asked by staindik,

    0 votes
    2 answers

  24. height: auto при float:

    Добрый вечер. Столкнулся со следующей проблемой, если в блоке контейнере расположить другие блоки и придать контейнеру свойство height: auto, то оно не работает если для блоков внутри контейнера заданы параметры float. Подскажите пожалуйста решение проблемы. Пример кода здесь.

    Asked by Arinden,

    0 votes
    3 answers

  25. Атрибут height

    Здравствуйте! Мой вопрос по статье. Скажите, а если задать размер изображения в css, а не атрибутами тега img (в смысле те же height и width для тега img прописать в стилевых свойствах), это облегчит работу браузера или он будет вынужден вычислять размеры изображения так, как будто они вовсе не заданы?

    Asked by hike,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept