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. Смещение левых блоков

    У меня такая проблема. Смещается левый блок. Помогите решить проблему что бы блок не смещался после заполнения формы гостевой книги. Вот до http://hostingkartinok.com/show-image.php?id=01c25f1eb39fe92f03b47443b88a071d Вот после http://hostingkartinok.com/show-image.php?id=70c343cd9f32c4f51f1dc93b293434e5 ссылка на сайт http://78.106.50.188/gbook.php#

    Asked by ReD2,

    0 votes
    5 answers

  2. Смещение на 1px в Браузерах IE, Google Chrome, Safari , Mozilla, Opera при изменении размера окна

    Итак проблема такая : Картинку разрезал пополам, верхний кусок сделал background center , вторую половину картинки вставил дивом c img . вот пример: Пример 1 - http://fortest.natr-nsp.com/test/ - смещение есть Пример 2 http://fortest.natr-nsp.com/test2/ - смещения нет, так как две картинки сделал бэкграундом. При изменении размера окна браузера картинка которая в диве смешается на 1 px в опере и в новой мазиле вроде всё норм а вот в ишаках и остальных браузерах все смещается. Взялся я считать всё по пиксельно и получилось вот что когда ширина браузера нечётная допустим 1023 - смещение есть , а если чётно то нет. Баг браузеров?

    Asked by vladik05,

    0 votes
    6 answers

  3. Смещение полей

    Здравствуйте. Есть страничка http://mobidel2.18r.ru/chat.php. При нажатии на объект из списка, я меняю размер шрифта, но вместе с этим меняется вся ширина строки объекта. Как мне высчитать padding-top и padding-bottom, чтобы после изменения размера шрифта не было смещения линий между объектами. Рассуждал так - раз увеличиваем шрифт с 11px до 13px, то нужно уменьшить поля, убрать сверху и снизу по 1px. Но в итоге все равно происходит смещение. Заранее спасибо!

    Asked by valyan,

    0 votes
    1 answer

  4. смещение правой колонки

    помогите пожалуйста решить проблему есть вёрстка. проблема в том, что при уменьшении ширины экрана до 600px и смещении нижнего скролла вправо видно, что между правой колонкой и правым краем браузера есть пустое пространство. но его не должно там быть, там должна быть правая колонка

    Asked by cyklop77,

    0 votes
    6 answers

  5. Смещение при hover

    Здравствуйте. Есть таблица из 3 ячеек и в каждой ячейке находится вложенная таблица с изображением у которого скруглены углы. При первом наведении курсора на ячейку с вложенной таблицей происходит дёргания соседних ячеек, при следующих наведениях курсора, дергапний нет. Эта ячейка является актовиной onMouseOver="this.className='boxover'" onmouseout="this.className='boxoutBorder'" onclick='change_location("/teller.php");' Никак не могу понять почему происходит дергание ячеек при первом наведении (дёргается только в ИЕ). Вся проблема в картинке с скругленными углами - если её убрать, то все нормально, но без неё нельзя. Помогите разобраться! <!DOCTYPE HTML PUBLIC "-//W…

    Asked by sirop,

    0 votes
    6 answers

  6. Смещение сайта при большом разрешении экрана

    При разрешении монитора 1600х900 и меньше, сайт отображается нормально: Если же разрешение выше (например 1920х1080), то смещается вправо (причем, только главная страница): Начало CSS-файла выгладит так: * { font-family:Tahoma, "Times New Roman", "Trebuchet MS"; font-size:12px;} body { margin:0;} Вопрос: как это исправить?

    Asked by IndigoHollow,

    0 votes
    5 answers

  7. смещение списка

    Подскажите почему список в диве смещен в право и как это исправить? <style type="text/css"> <!-- #container { width: 250px; position: relative; } #container li a { text-decoration: none; display: block; background: #CCC; } #container li { list-style: none; } --> </style> </head> <body> <div id="container"> <ul> <li><a href="">Home</a></li> <li><a href="">Home</a></li> <li><a href="">Home</a></li> <li><a href="">Home</a></li> </ul> </div> </body>

    Asked by Elusive,

    0 votes
    8 answers

  8. Смещение таблицы в центр

    <table align="center" border="1" cellspacing="0" width="900" height="60"> <tr> <td> </td> </tr> </table> <div style="clear: both;"></div> <table style=" float: left;" align="center" border="1" cellspacing="0" width="200" height="200"> <tr> <td> Меню<br> Меню2<br> Меню 3 </td> </tr> </table> <table style="display: inline-table;" align="center" border="1" cellspacing="0" width="500" height="800"> <tr> <td> </td> </tr> </table> Как сместить 2 нижние таблицы по центру

    Asked by skoch244,

    0 votes
    4 answers

  9. смещение текста

    Привет, не пойму в ч?м дело. Текст смещается когда нажимаю на ЭНТР (начинаю новый параграф ) как это можно исправить?

    Asked by vrednyu4aya,

    0 votes
    25 answers

  10. Смещение текста

    Здравствуйте! Начал изучать создание интернет магазина. Пишу с помощью php дизайнера. И столкнулся с такой проблемой. Смещается текст в блоке header. Не могу сделать чтобы было одинаково во всех браузерах: Opera, Explorer, Mozilla и т.д. Заранее спасибо! http://itmages.ru/image/view/2082446/5bdf089e http://itmages.ru/image/view/2082436/4c08e429

    Asked by azamatomus,

    0 votes
    3 answers

  11. Смещение текста в <button> при клике. IE, Opera.

    Всем известно, что текст в теге <button> при клике на нём смещается вправо и вниз. Этот "эффект" присутствует в браузерах IE и Opera: <button type="button" name="" value="" title="">Текст</button> http://jsfiddle.net/DjTarik/hGgSE/ Сразу говорю - интересует именно вариант с кнопокй (тегом <button>). Просьба не советовать "переверстать на ссылках", "использовать input" и т.д. Собственно вопрос: придумали 100% решение, как это этого избавиться? Или с давних времен ничего не изменилось? Тут больше спортивный интерес. Одно решение я нашел (с оберткой текста), но оно тоже не идеально. P.S. Предыдущие темы по данному вопросу видел, они старые. Надеюсь…

    Asked by DjTarik,

    0 votes
    0 answers

  12. Смещение текста в Мозиле

    Уже замучался, все перепробовал, но в мозиле текст ссылки смещен на один пиксель если сравнить с оперой!В чем может быть проблема? Показываю на фото как это выглядит.. Сама верстка находится по этому адресу: http://www.filipenkov.com/works/okkervil/ Подскажите, как можно исправить, не использую хаки!

    Asked by genyfild,

    0 votes
    7 answers

  13. Смещение текста в разметке

    Здравствуйте! Начал писать сайт в PHP дизайнере и столкнулся с такой проблемой. При настройке стилей css с блоками div. Запускал в Explorer все нормально. В Опера смещается вниз текст. Рассматривал в инете, не получилось. Заранее спасибо. https://yadi.sk/i/v6gfCIPLd48vA https://yadi.sk/i/JT3U6p5Jd48vC

    Asked by azamatomus,

    0 votes
    1 answer

  14. смещение текста на вторую строку в пункте меню

    Доброго дня всем , второй день бадаюсь , помогите пожалуйста советом . на сайте http://asl.ru.показать.сайт , хочу чтобы в меню текст пункта "о комании" был в одну строку , не понимаю что его смещает, на ширину пункта меню не реагирует , white-space тоже , дальше я обезоружен . Движок joomla , меню отдельным модулем "as menu" .

    Asked by reen1s,

    0 votes
    4 answers

  15. Смещение текста относительно строки без помощи <sub>

    Добрый день, у меня возникла проблема при смещении части текста в строке, в макете текст выглядел вот так: но при смещении текста вниз тегом <sub> или стилем vertical-align: sub; текст смещается не на четверть высоты символа, а почти на один символ вниз. Посоветуете, как решить эту проблему?

    Asked by Alien-i,

    0 votes
    7 answers

  16. Смещение текста по вертикали внутри div

    Не думал, что упрусь в этот вопрос. Хочу текст разместить в правый нижний угол дива. Какие есть способы? Единственное что приходит в голову - использование position.

    Asked by serKrusH,

    0 votes
    4 answers

  17. смещение текста при зажатой кнопке input[submit] в ИЕ

    Не знаю как избавится от смещения текста в кнопке. Суть: нажимаю кнопку, отвожу курсор от кнопки - текст смещается, возвращаю - текст смещается. Знаю, что это не серьезный баг, но хотелось бы управлять стилем кнопки полностью. Что я забыла учесть? стили кнопки: .get-guide { background: url("../img/tick.png") no-repeat scroll 23px 50% #8BC657; border: 0 none; border-radius: 9px 9px 9px 9px; border-bottom: 3px solid #6FA043; color: #FFFFFF; display: block; height: 56px; line-height: 56px; margin: 42px auto 0; padding: 0 12px 0 62px; text-align: left; width: 294px; } .get-guide:active{ border-bottom: 0 none transparent; …

    Asked by madhed,

    0 votes
    8 answers

  18. Смещение текста при изменении размеров окна

    Здравствуйте. При использовании резиновой верстки столкнулся с проблемой : при уменьшении окна браузера текст накладывается друг на друга и просто "выезжает" из своих колонок. Что сделать?

    Asked by Xelborg,

    0 votes
    2 answers

  19. Смещение фона в <li>

    1. Как сделать чтобы у Заголовка - class="nav_active" был фон смещенный влево? <div id="nav_home" style="margin: 0;"> <ul> <li class="nav_active">Заголовок</li></li> <li><a href="#">Тест1</a></li> </ul> </div> <div id="nav_home" style="margin: 0;"> <ul> <li class="nav_active">Заголовок</li></li> <li><a href="#">Тест1</a></li> </ul> </div>#nav_home { border: 0px solid #ccc; float: left; list-style: none; font-family: Trebuchet M…

    Asked by SLameN,

    0 votes
    7 answers

  20. Смещение форм

    Как сделать чтобы при увеличении и уменьшении не было вот такого (всё стояло на своём месте) Так выглядит стандартно: При увеличении: При уменьшении:

    Asked by vrotmnetamagavk,

    0 votes
    4 answers

  21. Смещение форм и кнопок

    Добрый день Подскажите, как сделать что бы на мониторах с разным разрешением, кнопки и формы не смещались, а всегда оставались по центру. Например вот сайт http://testhtml.besaba.com/ Если посмотреть через этот сайт http://ami.responsivedesign.is/ то на ноутбуке формы и кнопки смещаются в левую сторону, можно как нибудь это исправить? Спасибо

    Asked by kirill1059,

    0 votes
    12 answers

  22. смещение центра в маковских браузерах

    всегда стесняюсь создавать темы, которые предполагают наличие телепатических способностей у отвечающих, но сейчас другого выхода нет. поэтому если кто-нибудь орлиным глазом так сказать определит знакомый симптом, то пожалуйста срочно пусть пинает меня в нужном направлении проблема в том, что основная вёрстка страницы центрирована стандартным способом, при помощи width: 1000px; margin: 0 auto; overflow: hidden; во всех современных, популярных браузерах под win и linux никаких аномалий при плавном уменьшении ширины экрана не наблюдается. но в (ipad, ios6, safari) слева от вертикального скролла при ширине экрана примерно в 1000px появляется область, которая нарушает центр…

    Asked by cyklop77,

    0 votes
    6 answers

  23. Смещение элементов дизайна при изменении масштаба в браузере

    Всем, приветик! Подскажите, пожалуйста, что можно сделать в такой ситуации: Вот страничка http://innana2007.narod.ru/index2.html Когда масштаб в браузере равен 100% - все нормально, но стоит только его изменить, как все отдельные элементы начинают разъезжаться вправо. И выглядит все вот так http://innana2007.narod.ru/design/Sait1.jpg

    Asked by kazimira,

    0 votes
    10 answers

  24. Смещение элементов при отдалении

    Добрый день всем форумчанам. Первая трудность, с которой я столкнулся - элементы и их правильное расположение. Я написал простую страничку - фоновое изображение, div белого цвета, где содержится текст, логотип над этим листом. Проблема возникает следующая - я разместил внутри этого дива еще два, в каждом из которых содержится картинка Png без фона. Я хочу, чтобы картинки выходили за пределы листа и как бы обхватывали его. Точнее, я так и сделал(скрин ниже) Проблема в том, что при отдалении эти две девчонки, обхватывающие лист, не остаются на месте. Свойство position задано absolute. Да, я уже пробовал relative, но так они располагаются один за другим сверху вн…

    Asked by Sperc,

    0 votes
    1 answer

  25. Смещения в IE.

    У меня проблема очень странного характера. Сверстал сайтик. На половине компьютеров отображается нормально, на половине - со смещением, прич?м разрешение одинаковое, браузеры - тоже. http://www.korben.biz/nukerus/index.php На мо?м компе вс? корректно в FF 2.0.0.13, IE 6, IE 7, Opera, на других компьютерах отдела смотрел - тоже нормально. Но у некоторых появляются непонятные смещения. А именно: хедер раздел?н на три разных рисунка, самый маленький - тот, что за Поиском - отображается как background. Вот на некоторых компах он смещ?н на пару пикселей вправо. - это самая главная проблема, от которой я не представляю как избавиться. И ещ? - http://www.korben.biz/nukerus/modul…

    Asked by Korben,

    0 votes
    7 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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