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. Проблема с высотой блока

    Есть сайт www.oooktk.ru помогите понять почему он после меню, которое в черной рамке я пока специально выделил, до основного контента образуется такая пустота не как понять не могу

    Asked by alex44ru,

    0 votes
    7 answers

  2. Проблема с высотой блока

    beta.remodelzz.com/professionals Если в правой форме в select выбрать пункт "Contractor(any)". Добавляется новое поле в форму, и прыгает некрасиво высота всей страницы. Если например форме задать фикс высоту, то внизу белое пространство остается некрасивое. Может кто-нибудь подскажет красивое решение, спасибо

    Asked by brezze,

    0 votes
    4 answers

  3. Проблема с высотой блока в IE6

    Нужно сделать чтобы слой полностью накрывал блок текста. Делаю так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> #data { position: relative; } #cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; } </style> </head> <body> <div id="data"> <p>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая соде…

    Asked by ZooY,

    0 votes
    2 answers

  4. Проблема с высотой блоков

    Добрый день, решил сверстать данный макет и столкнулся с проблемой, а именно: в браузерах Firefox и IE10, блок с контентом становиться чуть меньше, чем в браузерах Google Chrome и Opera. Не могу понять, почему так происходит, и что я делаю не так? Google Chrome, Opera: Firefox, IE10: Вот сама верстка: http://clck.ru/8vxti

    Asked by Aleksandr.L,

    0 votes
    7 answers

  5. Проблема с высотой колонок (обрезается высота)

    Доброго времени суток. ГУРУ HTML, взываю к вашей помощи. Возникла проблема: пытаюсь верстать сайт на основе блоков. Тело сайта состоит из горизонтальных шапки, навигационной панельки, вертикальных 5 колонок (3х с содержанием (центральная резиновая, две боковые с фиксированной в пикселях шириной) и 2 по бокам - стилистических), и футера. Две самые крайние справа с слева колонки (leftmainlayout и rightmainlayout) имеют ширину 70пикс. а высоту заданную в процентах (100%) и заполнены повторяющимися по вертикали рисунками (70х50px). Пока сайт помещается в высоту экрана - все отлично. Но при превышении страницей высоты экрана - фоновые изображения крайних колонок перестают п…

    Asked by angelxalfa,

    0 votes
    3 answers

  6. Проблема с высотой контейнера в FF

    Сделал страничку-заглушку для еще неготового сайта. Верстка резиновая. У height выставлен атрибут auto. При полноразмерном окне все выглядит нормально, но когда уменьшаешь окно в FF до размера маленького ноутбука, слой cо свойством float:left вылезает за пределы контейнера снизу и получается каша. В чем может заключаться проблема? Заранее благодарен.

    Asked by manc,

    0 votes
    6 answers

  7. Проблема с высотой контейнеров

    Здравствуйте. Делаю резиновый сайт. Не оплучается сделать нормальную высоту контейнера, работает только с фиксированным размером. Перепробовал вё что можно, не получается и всё Суть в том ещё, что сделано несоклько слоёв, на нижнем слое помещён слой с картинкой фона, который должен так же ресайзится. Может проблема в этом... В коде жирным выделил, то, что добавлял, думая, что это поможет... Код html: <div id="wrap"> <link href="css.css" rel="stylesheet" type="text/css" /> <div id="layerbg"> <img border="0" src="pict/bg.jpg" width="100%" height="100%"></td> </div> <div id="header" align="center"> <div id="topmenu" align="c…

    Asked by Hobu4ek,

    0 votes
    4 answers

  8. Проблема с высотой сайта

    Добрый день, помогите пожалуйста решить проблему верстки странички, а именно .aside и .article не хотят занимать полностью оставшуюся для них высоту. В макете используется также sticky footer. https://jsfiddle.net/ofvdp3q3/1/

    Asked by Kenshi24,

    0 votes
    3 answers

  9. Проблема с высотой таблицы

    Добрый вечер. Можете помочь . Не могу верно задать высоту внутренней таблице – игнорирует. Нужно сделать так чтоб таблица которая имеет три внутренних таблицы имели свою высоту только верхняя и нижняя таблицы а таблица которая по середина должна будет сама рассчитывать свою высоту – высоту я к ней не задаю Высота главной таблице – 100% Высота верхней таблицы будет – 70px Высота нижней таблице – 55px Из этого получаем код : ??? Прошу помочь <body> <table height="100%" > <tr> <td> <table height="70px" bgcolor="gold" > <tr> <td> …

    Asked by Temiks,

    0 votes
    4 answers

  10. Проблема с высотой ячеек в таблице.

    Доброго времени суток всем. Который день уже не могу решить две проблемы, связанные с высотой ячеек в таблице. Помогите, кто знает, пожалуйста. Проблема 1. Имеем примерно такую таблицу: |———————————————-| | | смчсмсмчсм | | ячейка1 | чсмчсмчмччсм | | | чямсчсмчсмчм | |——————— ячмсчсмсмчя | | | чсмчсмчсмчсм | | ячейка2 | чясмчсмчсм | | | чсмчсмчсмчс | | | чсмчсмчясмч | |——————— | чсмчсмчямс | | | чсмчсмчсм | | ячейка3 | счмчсмчсмч | | | чсмчмсчямс | | | чсмчсмчсм | |———————————————-| Во втором столбце большой объем текстовой информации, которая определяет высоту таблицы. В ячейках 1 и 2 первого столбца содержится по одному слову, третья пустая. Как сделать, чтобы IE не рас…

    Asked by vm45s02,

    0 votes
    2 answers

  11. Проблема с высотой ячеек таблицы

    всем привет, вобщем такая загвоздка - нужно сверстать таблицу с тремя строками. причем средняя строка должна быть фиксированная в пикселях а две других - одинаковой высоты на все свободное пространство окна. пробовал указывать высоту верхней и нижней ячейки как auto - пока ячейки пустые все работает, но при различном контенте они неправильно растягиваются. пробовал указывать высоту в процентах - в разных браузерах по-разному. доктайпа нету. заранее спасибо

    Asked by spawnsdf,

    0 votes
    1 answer

  12. проблема с высотой ячейки

    если у меня <td width="25px" height="25px"> и я вставляю картинку <img src="img/img.jpg" width="25px" height="25px"> то фактически <td> имеет размеры высота 28 ширина 25 как это исправить чтобы были размера <td> - 25/25 и у нее влезала картинка 25/25 спасибо.

    Asked by Ravlik,

    0 votes
    2 answers

  13. Проблема с галереей

    Не могу разобраться, пробывал по разному, ничего не выходило, прошу помочь. Нужно чтоб галерея располагалась посередине сайта или в две колонки. css body { background-color: #f2f2f2; width:500px; border:10px solid #D3D3D3; margin:0 auto; padding:10px } h1 { font-family: lobster two, cursive; font-size: 50px; font-style: italic; text-shadow: 2px 2px #adadad; text-align: center; color: #f2f2f2; onmouseover="this.style.color='#FFFFFF'; onmouseout="this.style.color='#000000'; } /* Менюшка */ #nav { position: absolute; top: 110px; left: 390px; } #nav li { float: left; display: block; } #nav li a { padding: 8px 14px; border-right: 4…

    Asked by Ergonav,

    0 votes
    4 answers

  14. Проблема с галереей изображения

    Добрый день,при масштабировании (в Chrome с помощью ctrl+с.к.м.,в других браузерах не пробовал) есть проблема с отображением галереи изображений,помогите пожалуйста,код представил.

    Asked by Uncle_Den,

    0 votes
    3 answers

  15. проблема с гиперразметкой опроса

    Есть код опроса : $POLLC_1$ - добавляю на страницу и сразу всплывает при загрузке он. Можно ли сделать его текстовой ссылкой, чтобы он открывался при переходе по ней? что - то вроде этого: <p>ЗДЕСЬ ДОЛЖНА БЫТЬ ССЫЛКА НА ОПРОС </p> каким кодом (пример)? p.s. пробовал в теге гипертекста - вставлять вместо адреса (http//... - $POLLC_1$ )- не получается Можно писать мне на почту solopovmax@mail.ru Заранее спасибо)

    Asked by byuzic,

    0 votes
    3 answers

  16. Проблема с гиперссылкой.

    Я не могу понять в чём ошибка, уже перепробовал абсолютно всё, но в упор не вижу проблемы. Что мне нужно. Чтобы каждая красная картинка, перенаправляла на разные сайты. Что получается, при добавлении 1 картинки, гиперсылка на сайт работает. При добавлении 2ой картинки, перестаёт работать ссылка на 1ой картинке, и начинает работать 2ая. При добавлении 3ей картинки, перестаёт работать ссылка 2ой картинки, и начинает работать 3я. Парни, подскажите что сделать? Вот сам код. </BODY> <HTML> <HEAD> <TITLE>© DEMO/Быыывыас ©</TITLE> </HEAD> <BODY BACKGROUND="http://give1get4-group.comule.com/global_img/oooo.jpg" bgproperties=fixed> &lt…

    Asked by junsenoue,

    0 votes
    7 answers

  17. Проблема с горизонтальной линией

    Друзья у меня возникла проблема при верстке сайта. Дело в том что горизонтальная линия <hr> не отображается!

    Asked by Глеб,

    0 votes
    10 answers

  18. Проблема с горизонтальной прокруткой.

    Всем привет, уже неделю бьюсь и никак не найду откуда появляется горизонтальная прокрутка на сайте football24online.com. Контентная часть должна быть не больше 1000px. Горизонтальная полоса появляется при размере окна уже в 1031px. Подозреваю, что где-то попал с паддингами или шириной, но где? Инспектором отключал блоки поочередно, но проблему так и не решил. Пожалуйста, помогите найти где накосячил.

    Asked by qw1nt,

    0 votes
    10 answers

  19. проблема с горизонтальным выравниванием

    скажите пожалуйста почему на странице в ie7 социальные кнопки выстраиваются лесенкой, а не горизонтально? не первый раз уже сталкиваюсь с подобным поведением, хотелось бы научиться исправлять

    Asked by cyklop77,

    0 votes
    3 answers

  20. проблема с горизонтальным меню

    почему слева вылезают углы фона ul? http://test4php.freehostia.com/qw.html

    Asked by no.na.me,

    0 votes
    4 answers

  21. Проблема с горизонтальным меню

    Приветствую, проблема такая. Есть фиксированный menu <header> <div class="game_title"> <span> TEXT TEXT </span> </div> <div class="header_panel"> <div class="panel"> <menu> <li><a href="">TEXT TEXT</a></li> <li><a href="">TEXT/a></li> <li><a href="">TEXT</a></li> <li><a href="">TEXT</a></li> <li><a href="">…

    Asked by Stricker,

    0 votes
    0 answers

  22. Проблема с горизонтальным меню

    Вот исходники:http://jsfiddle.net/Ge5QX/ вот макет: http://s2.ipicture.ru/uploads/20140308/21tUKFDp.jpg вот сама проблема: на 1 все нормально, http://s2.ipicture.ru/uploads/20140308/Cq8JL4zw.png а вот на 2 снимки http://s2.ipicture.ru/uploads/20140308/o9h3O3mi.png видно что края на картинки при наведение острые, не получается сделать нормально картинка идет файликом padding-и не помогают как можно решить проблему?

    Asked by WEB-best,

    0 votes
    3 answers

  23. Проблема с горизонтальным меню

    Всем привет! У меня такая проблема: не могу отформатировать горизонтальное меню. Пример можете посмотреть здесь http://testshop.mcdir.ru/ Скачал его на rudebox но у меня оно почему то не работает. помогите, плиз!!!

    Asked by sayapinant,

    0 votes
    6 answers

  24. проблема с горизонтальным меню в IE7

    Подскажите, что я делаю не так есть горизонтальное меню, во всех браузерах, кроме IE7 нормально отображается: В IE7 выглядит так: код: .top-menu{ position: relative; background-color: #b3b3b3; background: url('/img/top-menu-fon.gif') repeat-x; height: 41px; width: 959px; margin-left: 10px; overflow:hidden; } .top-menu a:link, .top-menu a:visited { color: #000; font-size: 13px; font-weight: bold; text-decoration: none; padding-top: 12px; padding-bottom: 13px; padding-left: 60px; padding-right: 60px; text-shadow: 1px 1px 1px white; } .top-menu a:hover, .top-menu a:active { background: url('/img/top-menu-fon-hover.gif') 0 0 repeat-x; color: #fff; fon…

    Asked by alex196,

    0 votes
    4 answers

  25. Проблема с горизонтальным скроллом

    Добрый вечер, уважаемые форумчане! Очень хочется услышать от Вас компетентный совет. Заранее прошу не критиковать меня и не говорить о моих низких моральных качествах) Я сейчас работаю на контору, которая занимается раскруткой адалт-вебсайтов. Мне делегировали исправить косяк с горизонтальным скроллом на одном из топовых веб-сайтов. http://i.shotnes.com/a/10/r0ourtbd.uzj_5669bb5ae83cc.png Скролл появился ниоткуда, получается, что какой-то скрипт делает такую штуку. Он исчезает при зум 75%. В верстке вроде все ок, по крайней мере я не нашла явных косяков, которые могли бы вызвать скролл. Помогите, пожалуйста, разобраться в чем дело. На сайте пф просело на 2% и нача…

    Asked by Orysya,

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