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

29542 questions in this forum

  1. Выпадающее меню

    Здравствуйте, есть такая меню , при наведении на область .submenu она исчезает из за отступа. Как сделать чтобы она не исчезала? Ps. отступ мне нужен.

    Asked by Laroxx12,

    0 votes
    4 answers

  2. Виртуальная(?) ссылка

    Адреса на сайтах blizzard имеют такой вид: http://eu.battle.net/wow/ru/blog/18539917/обновление-62-для-ptr-16-04-2015 "обновление-62-для-ptr-16-04-2015" не является каким-либо файлом, то есть на эту страницу можно попасть, введя что угодно (или вообще ничего) после /18539917/ . Как это делается? Надеюсь на конструктивный ответ, на других форумах тока только попусту треплются.

    Asked by shershen,

    0 votes
    3 answers

  3. Помогите с шапкой сайта в мобильных браузерах

    Пишу простенький сайтик, для себя my-steam.ru Во всех браузерах сайт отображается нормально, но на телефоне шапка сайта улетает влево, хотя само тело сайта отображается везде одинаково. Помогите найти ошибку в верстке шапки?

    Asked by makklovskiy,

    0 votes
    4 answers

  4. Картинка с absolute с негативным правым отступом

    Здравствуйте. Что то уже совсем голова не работает, сижу два часа не могу решить проблему. Сжимайте окно браузера, из за картинки горизонтальный скролл. Вот как можно сделать, чтобы браузер игнорировал эту картинку до того момента когда ширина окна будет < ширины контейнера? То есть overflow:hidden для body, html и всяких родительских контейнеров не устраивает.. http://jsfiddle.net/g2LyLetn/

    Asked by Нарек,

    0 votes
    6 answers

  5. Проблемы с адаптацией шаблоны.

    Сделал адаптивный дизайн сайта. В браузере, при просмотре, как сайт будет выглядеть с мобильных устройств, все отлично. На различных сервисах, которые показывают как сайт будет выглядеть тоже все отлично. Но, вот уже при просмотре с самого мобильного, есть проблемы. Смотрите на скриншотах. Вот так выглядит меню (1 картинка) При клике оно открывается (2 картинка) Но когда смотришь сайт с самого телефона, категории уезжают куда-то вниз... (3 картинка) Как исправить данную проблему?

    Asked by densavi,

    0 votes
    3 answers

  6. Позиционирование фонового изображения

    Всем привет. Народ, делаю сейчас страницу: Ссылка Но никак картинку не могу спозиционировать, чтобы она вообще отображалась, как на главной странице: http://busik.top/ И в футере картинка на задний план уходит почему то. Пробовал с z-index играться, но результата не дало. Помогите пожалуйста, как CSS подправить, чтобы всё нормально отображалось? Скрины: Скрин1 Скрин2

    Asked by fenix_63,

    0 votes
    1 answer

  7. Проблема с созданием навигационной карты

    Здравствуйте. Я совсем-совсем новичок в верстке. Сейчас изучаю сайт webremeslo.ru, учебник по html и понемногу экспериментирую с кодом. Пытаюсь разобраться в теме навигационные карты и оформить меню сайта таким способом. Первая кнопка получилась, а две другие никак не получается сделать кликабельными. Если не трудно, посмотрите кусок кода, в чем моя ошибка? <center> <img src="menu.jpg" usemap="#menu"> </center> <map name="menu"> <area shape="rect" coords="2,2,118,118" href="primer.html" alt="Главная" title="Главная"> <area shape="rect" coords="122,122,204,204" href="primer2.html" alt="Автор" title="Автор"> <area shape="rect" coor…

    Asked by htmlученик,

    0 votes
    2 answers

  8. Центровка бэкграунда с обрезкой под 1024px

    Добрый день! Подскажите, пожалуйста, можно ли разместить бэкграунд на 1200px так, чтобы при разрешении 1280*960 он просто центрировался, а при разрешении в 1024*768 центрировался так, чтобы оба его края (не просто правый край на 176px, а слева 88px и справа 88px) при этом обрезались без возможности скроллинга? Условный макет . Текущий код такой (он делает только центровку, без обрезки краёв): <body style="background: #dcd3b0"> <table width="auto" border="0" style="background: #dcd3b0; margin:auto; align:center; "> <tr> <td height="auto" style="background: #dcd3b0 url(img/VERH_SVITKA.jpg) no-repeat center top;"><img height="90px" width=…

    Asked by Luminar,

    0 votes
    2 answers

  9. Отображение картинок

    Не отображаются картинки на сайте. Когда все ресурсы на винчестере то все норм а на хосте возникают проблемы причем некоторые изображения выводятся а некоторые нет. В чем причина? p.s. Проверял на двух хостах, на главной все норм а на других возникают проблемы

    Asked by KoTA kunn,

    0 votes
    7 answers

  10. Навороченное меню из блоков

    Есть такое мега-крутое меню Верстается оно исключительно вручную и "на века"... У меня возникла проблем. На скрине красным отмечены пункты которые стали неактивными... Их можно подтянуть повыше? Вот код ХТМЛ: <div id="page-top"> <div id="actions"><a href="#"><img src="images/buttons/actions.png" alt="Акции"></a></div> <div id="models"><a href="#"><img src="images/buttons/models.png" alt="Модели"></a></div> <div id="games"><a href="#"><img src="images/buttons/games.png" alt="Игры"></a></div> <div id="deposits"><a href="#"><img src="images/buttons/deposits.pn…

    Asked by skiph,

    0 votes
    3 answers

  11. Фон 100% + текст на нем фиксированный

    Есть таблица в ячейке которой размещается текст, задача следующего характера, что бы фон в ячейке растягивался на 100%, фон это картинка, а текст размещался по верх этого фона, ну и конечно же при изменении разрешения нужно что бы текст оставался в рамках этого фона. Можно и дивами это не принципиально . Обрыл уже кучу тем, но чего то именно стоящего не нашел. Да может можно просто как то написать поверх картинки текст, но что бы он то же не вылазил при изменении разрешения за рамки картинки - Фотошоп не предлагать Да и хотелось бы что бы это решение работало во всех браузерах. Простите, что так нагло прошу, но реально долго ищу нормальное решение. Корявый код свой не пиш…

    Asked by cpstriker,

    0 votes
    4 answers

  12. Разный фон для IE и других браузеров

    Здравствуйте. Проблема такая: в CSS у тега html прописаны вот такие св-ва фона html { background-color:#f6f9f2; background-image: url("images/backall.jpg"); background-repeat: no-repeat; background-size: cover; background-origin: border-box; Естественно IE игнорирует св-во "background-size: cover;". Не хочется лишний раз заморачиваться, так что подскажите, можно ли сделать так, что бы во всех браузерах всё осталось как есть, а в IE отображался бы статичный цвет, без всяких картинок?

    Asked by Nilagor,

    0 votes
    3 answers

  13. Открывающиеся меню.

    Всем доброго дня! У меня есть сайт .html html+css+js, и есть форма в .html html+css. Можно ли как нибудь на сайте разместить форму не мучая сильно код, так как создавал через сайт и там ужас будет всё менять. И как сделать выплывающую форму при нажатия на кнопочку, посоветуйте ресурс. Спасибо!

    Asked by Wahlberg,

    0 votes
    2 answers

  14. Как задать высоту td кроссбраузерно в абсолютных единицах?

    Первое что попробовал это просто присвоить высоту td(height: 40px;) - этот вариант поддерживает, то есть отображает как желалось только FF, далее другой вариант это задания tr(height: 40px;), а td - 100% - этот вариант поддерживается большинством браузеров кроме браузеров на движке webkit. Может кто знает как задать высоту td кроссбраузерно? Подскажите пожалуйста. Хм.. задал tr нужную высоту и всё стало кроссбраузерно. Извеняюсь за пост... Тогда что бы тема не пустовала, может знает кто как решить одну проблемку. В FF есть возможность взяите таблчних элементов в фокус, при этом элементы в фокусе подсвечиваются синей рамкой, может знает кто как её убрать?

    Asked by tini.kRyptoNite,

    0 votes
    4 answers

  15. рядом стоящие div с обводкой! Беда!

    Есть рядом стоящие div с обводкой в 1 px размещаются на растоянии друг от друга. А мне необходимо, что бы они были в притык. И даже если соединить их, то 2 границы стоящие рядом составляют границу между дивами в 2 px Как выйти из этого положения?

    Asked by Alex_Dark74,

    0 votes
    2 answers

  16. верстка для компьютера и планшета

    Здравствуйте, уважаемые форумчане. В процессе верстки пвстал следующий вопрос. Делается сайт, верстка div`ами и отчасти табличная. На компьютере все нормально, а вот при проверке на планшете размеры блоков не совпадают, все идет наперекосяк. Допустим, блок у меня в CSS-файле имеет параметр width: 800px. На ноутбуке текст укладывается в одну строку, как и нужно, а на планшете переходит на следующую строчку. Понятно, что размеры экранов и разрешение разнятся, но как с этим бороться? То же самое касается и размера шрифта. Есть некая надпись, под ней кнопки с текстом. font size="4" выдает совсем разную ширину на ноуте и планшете, на последнем текст вылезает за пределы кнопок.…

    Asked by Dremir,

    0 votes
    1 answer

  17. мобильная версия подключение

    Здравствуйте! Сделала мобильную версию сайта, поставила ее не поддомен m.сайт.ru, на сайт.ru/index.html вставила код для переадресации на m.сайт.ru, когда входишь с мобильного браузера. Все отлично. Но. Мне нужно чтобы можно было на мобильном перейти на полную версию сайта. Вопрос: как это сделать? Или как по-другому подключить мобильную версию с возможностью перехода на полную версию сайта?

    Asked by Apellsin,

    0 votes
    2 answers

  18. что делает этот кусок кода?

    body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; } просматривая очередную верстку сайта (иногда поглядываю на забугорную верстку сайтов, с целью узнать что-то новое) и нашел это Что он делает? p.s посмотреть можно здесь https://www.browserstack.com/users/sign_up

    Asked by swandev,

    0 votes
    6 answers

  19. Снова рендеринг шрифтов

    Вот я не пойму - то ли я дурачок то ли глаза меня обманывают. Два компьютера. Одинаковая операционная система (Windows 7, с одного носителя установленная) обновленная. Одинаковые браузеры и дополнения (Firefox 26 к примеру). ClearType включен и там и там. Однако в одном (№1) я вижу шрифт вот так (обратите внимание на "e"): А в другом (№2) - вот так: Это в общем, во всех браузерах. Ан нет, IE10 на №1 показывает "e" с горизонтальной полкой.. Почему так? Можно ли этого избежать? Если у меня есть такой эффект (отсутствие горизонтальной полки у "е"), то есть вроятность появления у других - процент вероятности мне не известен. но думаю, он большой. P.S. И да, у себя…

    Asked by d0ublezer0,

    0 votes
    3 answers

  20. Вложенность в CSS

    Помогите, пожалуйста, разобраться: Пример Суть: в классе b1 есть "background-color:#cccccc;". Но это же свойство влияет и на ссылку в b2, если нажать мышь и не отпускать. Что я делаю не так? Как избежать влияния свойств ссылок в b1 на b2?

    Asked by Artlive,

    0 votes
    2 answers

  21. Помогите найти слайдер

    Всем привет, может кто сталкивался, где найти такой слайдер. Сам слайдер на весь экран, внутри него карусель, и при нажатии элементы карусели переключаются, и фон самого слайдера менялся... Фон и елементы разные.. Короче елементы это картинки смартфонов, они листаются друг за другом, а фон страницы меняется полностью... Помогите уже всё обыскал...

    Asked by Dimas6233,

    0 votes
    2 answers

  22. не работает ссылка, содержащая iframe

    помогите пожалуйста решить проблему в ссылку заключён текст и iframe(с видео). проблема в том, что при клике по тексту ссылка работает, а при клике по iframe - нет(нажимается именно видеоплеер) <a class="link_to_details" href="/video/2/" style="display: block;"> <article class="article col-xs-4"> <iframe allowfullscreen="" src="//www.youtube.com/embed/1UBnfzMWiPg" frameborder="0"></iframe> <h4 class="h4">666</h4> <div class="views">Количество просмотров: 0</div> <div class="views">Количество лайков: 0</div> </article></a>возможно сделать так чтобы при клике на ссылке поверх видео, происходило п…

    Asked by cyklop77,

    0 votes
    3 answers

  23. Максимальная ширина страницы в CSS

    Уважаемые форумчане, просьба помочь новичку разобраться в CSS. Создал сайт в конструкторе для чайников MOBIRISE. Все устраивает, кроме пары моментов. Сайт растягивается под разные разрешения экрана. Некоторые блоки имеют максимально допустимую ширину, а некоторые – нет, и растягиваются слишком сильно на Full HD и 4к мониторах. Особенно интересует, блок с 4-мя картинками и 4-мя кнопками под ними. Ссылки из html идут на несколько файлов css. Разобраться, где именно надо прописать максимально допустимую ширину данных блоков, мне, как новичку в данном вопросе, очень тяжело. Если укажите – где именно и как надо задавать этот параметр, буду очень благодарен! Сайт (одностраничка…

    Asked by slava853,

    0 votes
    1 answer

  24. Реализация динамически появляющихся полей

    При нажатии на кнопку появляется новое поле. Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля http://skrinshoter.ru/s/031218/LKi6NuB4 Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сделал это на флексбоксе, но поля не переносятся на другую строку при переполненном контейнере https://codepen.io/anon/pen/QJoaXX

    Asked by yaparoff,

    0 votes
    3 answers

  25. Как правильно выставить отступы (Вопрос от новичка)

    подскажите что не так? отступы ставлю как на макете, а текст прижимается к картинке <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="asecs/css/style.css"> <title>Five Stars Room</title> <link rel="preconnect" href="https://fonts.gstatic.com"> </head> <body> <header> <div class="container"> <div class="top-bar"> <div class="header-inner"> <div class="top-logo" >Logo</div> <nav class="nav"> <a class="link-nav" href="#">…

    Asked by rustamXx,

    0 votes
    0 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