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://cooryliof.com/ слева виден небольшой отступ где фотоаппарат, в IE его нет, во всех остальных браузерах он есть, таблица выглядет так: стиль описан так: откуда берется этот зазор?

    Asked by cooryliof,

    0 votes
    9 answers

  2. Проблема с реализацие элемента.

    Здравствуйте! Не могу догнать как сделать чтобы косые линии, что исходят из терминала, дотягивались плавно до рамки над параграфом. Суть задумки такая прокручивается страница до терминала и из него вытягиваются линии и после плавно появляется блок с текстом. Думаю может как с помощью canvas можно сделать плавный эффект вытягивания.

    Asked by Vicos,

    0 votes
    9 answers

  3. Проблема с реализацией эффекта a:hover

    У меня возникла проблема с реализацией эффекта a:hover. Посмотреть можно на сайте http://juice.fsay.net/ajuice/. Если подвести курсор к нижнему краю топ-меню, можно увидеть мигание фона. Как это можно исправить? Вот html-код: <div class="nav"> <ul> <li><a href="<?php echo get_option('home'); ?>/">Главная</a></li> <li><a href="http://juice.fsay.net/ajuice/o-bloge/">О блоге </a></li> <li><a href="http://juice.fsay.net/ajuice/karta-bloga/">Карта блога</a></li> <li><a href="http://juice.fsay.net/ajuice/contact/">Контакты</a></li> <!--…

    Asked by Mila,

    0 votes
    2 answers

  4. Проблема с резиновой вёрсткой

    Натолкните плиз на путь истинный. Имеем png к примеру 525 на 280 надо расположить его так, чтобы находилось ровно по середине окна браузера независимо от того, какой размер окна, а слева и справа сделать равные колонки, и при уменьшении или увеличении окна эти колонки увеличивались соответственно слева и справа к краям окна браузера. Т.е получается 3 колонки, средняя шириной 525 а крайние колонки должны быть равные и занимать всё оставшееся расстояние слева и справа независимо от размера окна.

    Asked by alex_p,

    0 votes
    5 answers

  5. Проблема с резиновой версткой

    Подскажите, пожалуйста. Есть два блока, соответственно float:right;(left) Они разного размера, условно, первый 200px второй 400px Между ними нужно сделать разделитель, который всегда будет посередине (относительно блоков). Мой вариант верстки, проблема в том, что разделитель перекрывает первый и второй блок. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div class="middle" style="height: 366px;"> <div class="sidebar" id="sideLeft"> <h2>Text1</h2> </div><!-- .sidebar#sideLeft --> <div class="sidebar" id="sideRight"> <h2>Text2</h2> &l…

    Asked by fest,

    0 votes
    1 answer

  6. Проблема с резиновой версткой дивами.

    Добрый вечер. Стоит задача: резиновая div`ная верстка трехколоночного макета с фиксированной центральной колонкой и резиновыми боковыми. Боковые колонки равны. Для Mozilla реализовать удалось. В ие6 все разъезжается. вот css: .main_header{ display: table; height: 227px; width: 100%; background: url(image/head_vert_background.jpg) repeat-x; } .head_left, .head_right{ position: relative; display: table-cell; height: 227px; width: 100%; } .head_left{ float: left; } .head_right{ float: right; } .header{ display: table-cell; width: 1000px; height: 227px; /*margin: 0 auto;*/ } html: <div class = "main_header"> <div class = "head_left">&l…

    Asked by artist_id,

    0 votes
    4 answers

  7. Проблема с резиновой вёрсткой!!!

    Доброго времени суток. Очень надеюсь на вашу помощь! Сразу даю ссылку на код https://jsfiddle.net/Lavrentyev/f5ygLoxp/5/#&togetherjs=L9Tx3aRbGa Проблема в том, что мне нужна резиновая шапка. Чтобы блок с выбором языка и кнопка входа при уменьшении экрана ехали влево, но при этом сама шапка не обрезалась. Когда я ставлю шапке min-width: 1280px то шапка не обрезается но и блок с выбором языка и кнопка входа остаются на месте (http://joxi.ru/52ayglEIdaYQ20), а если ставлю шапке width: 100% блоки едут как надо, но шапка понятно обрезается по ширине экрана. (http://joxi.ru/5mdogq5HZOd5r1) Не могу разобраться с этим. Помогите, пожалуйста. Немного разобр…

    Asked by lavrentyev,

    0 votes
    0 answers

  8. Проблема с резиновой шапкой

    Задача: шапка должна быть такая же как подвал, т.е один блок в центре и два по краям. Суть проблемы: правая и левая часть шапки отображаются внутри враппера, несмотря на то, что он не является их родителем, вроде все уже перепробовал, ничего не помогает, прошу ткнуть носом в ошибку)

    Asked by WF19,

    0 votes
    2 answers

  9. Проблема с резиновым дивом за границы экрана, дочерний элемент за границы родителя

    Здравствуйте! подскажите пожалуйста) почти на финишной прямой, осталось один div победить) html вплотную не изучал, но по статьям делать получается, но не всегда. Собственно проблема: блок 1 (скриншот) выходит за границы экрана при ширине меньше 800px (при ширине больше 800 ширина блока фиксированная 260px; адаптивная верстка, стили opened,amenu, блоки sidebar, gadget2) пробовал решит проблему inline-block'ом, margin-left: 0 (помогло с основным блоком 2); float:left - не помогает. overflow: hidden не то что надо. В общем надо сделать так чтоб блок 1 отображался как блок 2 - скриншот jsfiddle.net/wrqzpd5y utf8adapt.rar

    Asked by Sk1lful,

    0 votes
    4 answers

  10. Проблема с резиновым дизайном

    Всем привет, не нашел ответа на свой вопрос, т.к. поиск выдаёт ошибку Делаю резиновый дизайн, где 3 колонки, боковые имеют фиксированую ширину по 300px, а центральная растягивается пов сем ширине моника то есть width:100%. Не получается, свойство float не работает.... помогите, в чем ошибка?, как лучше реализовать задачу? HTML <body> <div id="container"> <div id="col-left">123</div> <div id="col-center">123123</div> <div id="col-right">123</div> </div> </body> СSS #container { width:100%; padding:5px; background:#CCCCCC; overflow:hidden; } #col-left { width:300px; background:#00CCFF; float:left; } #c…

    Asked by sweb27,

    0 votes
    3 answers

  11. Проблема с резиновым контентом

    Есть сайт http://texteredsa.besaba.com/ Проблема с контентом. Как правильно сделать их резиновыми? чтобы если блок не вмещается то уходил в низ. Я знаю как это сделать, просто если сжимать браузер и если блок вниз уйдет, тогда остается большое пустое пространство справо. Что делать?

    Asked by WEB-best,

    0 votes
    1 answer

  12. Проблема с резиновым макетом.

    Можно ли вообще сделать несколько таблиц в одной таблице, чтоб они нормально отбражались на разных разрешениях? То есть, делаю так, таблица, во все окно, width="100%", делю на три столба тоже в процентах, в двух столбах делаю по три таблицы, так же каждая width="100%", в результате на обычном дисплее все нормально, на широкоформатном в правом столбе уходят на уменьшение все три таблицы. Может, вообще таблицами сделать ровно не реально, только слоями, если так то буду пререписывать. Там просто таблицами было бы удобней, много табличной информации.

    Asked by Mants,

    0 votes
    3 answers

  13. проблема с резиновым меню

    Вот код: <html> <head> <title>Javascript</title> </head> <body> <style> nav{ margin:12px 5% 12px 5%; outline:1px solid red; height:61px; } nav ul{ overflow:hidden; } nav li{ background:red ; width:229px; float:left; margin-right:1%; height:61px; text-align:center; } </style> <nav> <ul> <li class=""><a href="#"><span>gh</span></a></li> <li class=""><a href="#"><span>yu</span></a></li> <li class=""><a href="#"><span>ytu</span></a></li> <li class="" ><a href="#"><span>ytuty</span></a…

    Asked by cypler,

    0 votes
    3 answers

  14. Проблема с резиновым фоном div'a

    На странице 3 картинки для фона: хедер - bg-top.jpg, ниже где контент - middle.jpg (пытаюсь использовать в качестве фона как <img> чтобы растянуть по высоте и ширине от конца header'a до начала bottom'а) и bottom - bottom-min.jpg, который по идее должен быть прижат к низу страницы, но никак не хочет этого делать. Подскажите что как тут быть? <style type="text/css"> *{margin:0;padding:0;} html, body{ width:100%; height:100%; min-width:1000px; } .note{ border:1px solid #ddd; margin:2% 7% 0 0px; width:55%; float:right; min-height:500px; height:auto !important; height:500px; position:relative; } .trans{ background:#fff; opacity:…

    Asked by 2m2,

    0 votes
    10 answers

  15. Проблема с резиновыми картинками

    Всем привет Имею вот такое безобразие Изображения в штате 250х250, лого 195х54. Захотелось заказчику сделать это чудо резиновым. Соответственно вопрос в том, чтобы логотип оставался на месте и никуда не ездил по ширине, а остальные 8 картинок, вместе с ссылками в таблице под ними, ездили под разрешение экрана с остальными нижеследующими таблицами. Причем каждая ячейка таблицы под картинкой должна быть вровень со своей картинкой. Что-то подобное ниже нормально более-менее отображается только в лисе при 1600х900, кое-как заставил ИЕ8 дружить наполовину, но стоит уменьшить разрешение, как верхняя таблица с картинками уплывает в море с горизонтальной полосой прокрутки в любо…

    Asked by anon1,

    0 votes
    11 answers

  16. Проблема с рендерингом картинок в мозиле на background-size

    Здравствуйте, Уважаемые. Еще раз пишу по своей проблеме, так как на прошлый пост никто не ответил, решил озаглавить тему поумнее. Итак есть страничка на которой в мозиле присутствует занятное явление произвольной дрожи на картинках. Есть ли какие мысли как сие убрать, сохранив масштабируемость картинок? http://batka.esy.es/gc2/yellow-launch.html

    Asked by aleks-lv,

    0 votes
    2 answers

  17. Проблема с рендером шрифтов

    Иногда при подключении шрифтов возникает следующая ситуация: Текст просто текст. Без оберток. Проблема возникает в хроме и почти всегда если шрифт используется в срытых (разворачиваемых) блоках или слайдерах (Owl Carousel), то есть на блоках который сначала не отображаются, а появляются позже. От чего это может происходить, и что с этим можно сделать? P.S. Создать JSFiddle с этой проблемой не удалось.

    Asked by Shiza,

    0 votes
    2 answers

  18. Проблема с рисованием border

    Сижу уже 2 часа, тупо ничего в голову не приходит) Есть сайт, ширина фиксированная, вот скрин Под и справа сайдбаром можно увидеть border dotted, суть в том, что этот бордер должен продолжаться на весь экран (снизу и слева) не смотря на фиксированный контент. Что же делать? На другой странице точно такая же беда, только на этот раз бордер начинается от заголовка...

    Asked by Нарек,

    0 votes
    3 answers

  19. Проблема с рисунками

    Здравствуйте! Пытаюсь создать тестовый сайт на локальном компьютере. Возникла такая проблема. Мне надо из формы отправить на сервер путь к файлу рисунка. Поставил кнопку Browse (Обзор), но она выдает только имя файла. Как можно получить путь к нему? Возможно ли это не в ручном режиме? Поиски в Google ни к чему не привели. Возможно, потому что не смог правильно сформулировать запрос. Если не трудно, дайте ответ или ссылку, по которой можно получить эту информацию. Спасибо!

    Asked by Дедушка3,

    0 votes
    0 answers

  20. проблема с ролловер в IE 6

    В Мозилле, Опере и ИЕ7 все ОК. А вот в 6-м следующая проблема: при наведении мышки на ссылку, картинка меняется(то есть появляется ее нижняя часть), НО не если мышку отвести то она так и остается, то есть не возвращается в исходное положение. И так все картинки: если понаводить на разные ссылки, то появятся нижние части, но не исчезнут, если убрать мышку. Если переключиться на окно другой программы, а потом вернуться в IE6, то меню возвращается в исходное положение. Пожалуйста, помогите разобраться что не так. Заранее спасибо! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> /* Меню сайта */ .bu…

    Asked by k2s,

    0 votes
    2 answers

  21. Проблема с ролловером

    A.rollover { background: url('images/index_rollov.gif'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 85px; /* Ширина рисунка в пикселах */ height: 65px; /* Высота рисунка */ } A.rollover:hover { background-position: 0px /* Смещение по горизонтали */ -65px; /* Смещение вверх по вертикали */ } A.rollover2 { background: url('images/index_rollov2.gif'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 98px; /* Ширина рисунка в пикселах */ height: 65px; /* Высота рисунка */ } A.rollover:hover2 { background-position: 0px /* Смещение по горизонтали */ -65px; /* См…

    Asked by donkrat,

    0 votes
    2 answers

  22. Проблема с с текстом над картинкой.

    Ребята, такая вот проблема. Нужно что бы картинка ставновилась темней и появлялся текст, вот так: Бюсь уже несколько дней. Помгите.

    Asked by ksn,

    0 votes
    15 answers

  23. Проблема с сss фоном в ИЕ

    Ситуация такая в цсс у меня прописан класс. .edit { PADDING-LEFT: 18px; FONT-SIZE: 13px; BACKGROUND-image: url(/images/edit.png) no-repeat; } В коде я задаю <A class=edit title=" Выкл вход для пользователя" href="java script:ajaxLink('mainDiv','/manager/users/set-user-active/id/3/active/0')"></A> Фокс нормально воспринимает картинку и ставит на нее ссылку, но вот ИЕ просто показывает пустую ячейку без ссылки и картинки. Как это можно исправть? Заранее спасибо.

    Asked by Kaiser,

    0 votes
    5 answers

  24. Проблема с СSS!

    В firefox http://ned.ygastik.ru/content/1-komn53-m2 текст заходит на карту!

    Asked by 561144,

    0 votes
    1 answer

  25. Проблема с сайдбарами

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

    Asked by chapai,

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