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. Как сделать полосу прокрутки в TD

    Вобщем, проблема вот в чем: Есть таблица завернутая в div определенной ширины, в td помещают, к примеру, изображение, которое при маленьком разрешении экрана выталкивает табличку за границы экрана и частично становится невидимой. Нужно чтоб в этом случае внутри td появлялась полоса прокрутки. Спасибо!

    Asked by Zuma,

    0 votes
    4 answers

  2. Фиксед left: 0; при max-width

    Собствено возникли такие траблы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>fixed for min-, max-width body</title> <style type="text/css"> *{ margin: 0; padding: 0; } body,html { height: 100%; } body { background: rgb(235,235,235); width: 100%; min-width: 1000px; /* max-width: 1600px; - в реальном значении */ max-width: 1000px; /* Имитация монитора с разрешением бо…

    Asked by gesandte,

    0 votes
    18 answers

  3. Опять маркеры пропали Х(

    Доброго времени суток. Как обычно проблемы со списками у меня. На этот раз такие - в IE маркеров нет вообще, -в Opera(10) маркеры, которые появляются при наведении мышки на ссылку, при этом же центрируюется текст внутри ссылки, тоже центрируются вместе с текстом( .Хром, Фаер, Сафари - едят все как надо, вот Оперу не уговорю никак(. Страничка : http://www.beavers-net.narod.ru/capricorn.html *Еще проблема - по непонятным причинам IE от QIP вызывает дебаггер при кликах на меню.. В ИЕ-тестере такого не обнаружил. полный css к менюшке: #menu li a{ display : block; background : #decda1; border : 1px solid #aaffaa; color : black; height : 23px; width : 105px; mar…

    Asked by tt48,

    0 votes
    14 answers

  4. Выравнивание ячеек в соседних таблицах

    Здравствуйте! Долгое время обходился инфой, размещенной на сайте http://www.htmlbook.ru (за что авторам ОГРОМНОЕ спасибо), но вот пришло время, когда необходимо спросить у асов Есть три таблички: Задумка состоит в том, чтобы обведенная часть (это по сути ячейка) выравнивалась по нижней границе области. Проблема в том, что каждая из таблиц генерируется отдельно, и задать однозначно высоту ее нельзя, но при этом ячейки в двух таблицах необходимо выравнять. Салатовым выделены соответственно границы таблиц. В моем представлении задача эта кажется выполнимой, но вот метод решения найти не могу. Буду очень благодарен за информацию любого рода

    Asked by Ich,

    0 votes
    8 answers

  5. Отображение определенных расширений в окне выбора

    Поставил задачу реализовать отображение исключительно .jpeg файлов в окне выбора. Еще хотелось бы разобраться с загрузкой многочисленных файлов в одном окне выбора. Не подскажете, как это делается? Пишу полнофункциональную загрузку фото, вот и хочу затронуть и этот функционал. Заранее при многом благодарен местным Гуру.

    Asked by Beck,

    0 votes
    5 answers

  6. Кто как верстает, набираете ли каркас с нуля или используете заготовки

    Каждый раз при верстке я что и делаю это клепаю какркас на это уходит изрядное количество времени. Там колонка вылазит, там еще что-то сьедит. Самое плохое когда плохо протестировал и каркас начинает бочить когда верстка доходит до финального завершения. И тут понимаешь что придется переделывать некоторую часть работы. Как быть верстать все с нуля или запастись готовыми проверенными(протестированными) решениями, например сделать каркас в три колонки, сайдбары фиксиров. центральная резина и юзать потом. И таких наделать каркасов на все случаи жизни или почти все. Что смущает это то что мне кажется проф верстальщик должен уметь создать правильный каркас быстро и с нуля.…

    Asked by voooodoo,

    0 votes
    5 answers

  7. Скольжение слоёв

    Может быть кто то опытный подскажет, как сделать. чтобы нижний слой (на нём фоновый рисунок) был неподвижен относительно окна монитора, а верхний слой ( на нём лежит сайт) перемещался при прокрутке.? Заранее благодарен.

    Asked by ruesplit,

    0 votes
    2 answers

  8. три колонки на div для разного фона по краям

    был вариант: фон: body { background-image: url(../img/bg.jpg); background-repeat: repeat-x; background-position: center top; } сам сайт: .container { min-width:900px; max-width:1600px; width:100%; } т.е. снизу был повторяющийся фон который сочитался с шапкой сайта и если окно становилось шире картинки в шапке то он ее продолжал в обе стороны. Теперь хочется сделать вариант когда слева и справа шапки должен быть разный повторяющийся фон. направо уходит бесконечный хвост от логотипа например. 3 колонки делаются по примерам так: .container_main { position: relative; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } .container_center { width:90%; margin: 0px 5% 0px …

    Asked by severum,

    0 votes
    8 answers

  9. Вопрос по позиционированию сайта

    В общем вот разметка: Проблема в том, что никак не могу поставить сайт по центру. Подскажите как же всё же совершить этот подвиг? А то опыта верстки мало, но учусь, вот пока с этим запарка.

    Asked by WarEnek,

    0 votes
    17 answers

  10. Не отображаются списки

    У меня как бы не совсем проблема вёрскти, не знаю куда написать просто. Не отображаются списки во всех браузерах !! О_о Опера, хром, мазила, IE, нигде не отображаются списки, там где списки, нет отсупа от края и нет кружочков или цифр смотря какой список, просто строки текта тупо. Они вообще нигде не отображаются, я просил проверить в аське у других людей всё нормально, файрволы и все фильтры отключал, винда windows 7 я даже не представляю от чего это может быть

    Asked by SoFuWa,

    0 votes
    3 answers

  11. проблема с inputom

    ребят проблема в IE в HTML <input class="sent" type="button" value="отправить" name="sent"/> в CSS input.sent{ backgroung:url(....) top left repeat-x; padding:0; } в опере, фаерфоксе все в норме! в IE все равно появляется какой-то отступ.....помогите решить...

    Asked by demon88,

    0 votes
    13 answers

  12. можно ли так сделать?

    Здравствуйте! Сижу изучаю все, что касается резиновых макетов. Однако появился у меня вопрос. Возможно ли при таком расположении блоков выровнять в вертикали часть header и контент по правому краю? То есть сделать резиновый header и контент у меня получается, а сохранить эту вертикаль нет, блок контента становится короче (по сравнению с частью header ) при ужатии. Теоретически, мне кажется что ширина резиновой части header должна равняться ширине блока, вмещающего меню и резиновый блок с контентом. Но как решить мою задачу, не понимаю. Наставьте на путь праведный. Как тут нужно мыслить и что можно почитать на эту тему?

    Asked by zappa,

    0 votes
    3 answers

  13. Выпадающее меню на css

    Нашла интересное меню для своего сайта в сети, немного изменила его под себя. Но тут увидела проблему, не знаю как ее решить. Меню является выпадающим многоуровневым. А проблема в том, что, если я нахожусь скажем на пункте меню "Главная", то при наведении мыши на пункт меню "Продукция", из "продукция" выпадает вложенное меню. Но если я нахожусь на пункте меню "Продукция" изначально, то при наведении мышью на этот же пункт вложенное меню не выпадает. Я уже вся исстрадалась. Помогите, пожалуйста. Вот сам код css: #nav {padding:0; margin:0 auto; list-style:none; height:38px; z-index:500; font-family:Georgia;white-space:nowrap;} #nav li.top {display:block; float:left; white…

    Asked by heny,

    0 votes
    9 answers

  14. Почему в браузере Internet Explorer верхньое меню урезается.

    Все привет. В общем такая проблема. Сделал сайт, все вроде как нормально, все работает. Сайт делал с Мазилой. Когда зашел с Internet Explorer то ужаснулся - верхнее меню отображается не все. Справа оно как будто срезается и не видно две кнопки. Кто что скажет по этому поводу, как исправить этот бред? Заранее спасибо. Вот сайт: http://cyclovac.kiev.ua/

    Asked by gumuch,

    0 votes
    17 answers

  15. Как часть шаблона (картинка), сделать ссылкой?

    Здравствуйте всем. Я только учусь, поэтому просьба сильно на меня не "кричать"))) У меня такая проблема: Есть сайт. В шаблоне сайта есть картинка которую мне необходимо сделать ссылкой на материал (статью). Как это сделать??? css .PageBackgroundGlareImage { background-image: url('../images/Page-BgGlare.png'); background-repeat: no-repeat; height: 262px; width: 136px; margin: 0; } html <div class="PageBackgroundGlareImage"></div> Подскажите какие есть варианты???

    Asked by gumuch,

    0 votes
    13 answers

  16. Разрезка изображения

    Здравствуйте. Интересует вопрос разрезки и подготовки для WEB изображений в GIMP и PAINT.NET . Не могу понять как резать. Спасибо.

    Asked by maxim,

    0 votes
    23 answers

  17. В каком случае рационально использовать expression или другие ухищрения для релизации min-width для ie6

    Вот такой случай не знаю стоит ли заморачиватся и делать полностью кроссбраузерно как положено. Посмотрев некоторые работы по верстке увидел что некоторые забивают на него. Может и правильно фиг его знает, я не знаю какой их проф уровень может они только учатся как и я. Хотелось бы услышать мнение более опытных или продвинутых верстальщиков. В чем суть. Рассматриваеться только ie6. Есть футер div 100% шириной. В нем есть бекграунд. Синего цвета. Все остальное на сайте имеет фиксированную ширину 998px. Когда происходит ресайз окна футер ведет себя нормально до появления скрола. В скрине видно когда размер окна около 1024px; Далее продолжая ресайз до появления …

    Asked by voooodoo,

    0 votes
    17 answers

  18. как убрать пунктирную рамку вокруг ссылки?

    Как убрать рамку вокруг ссылки, она появляется при нажатии на пункт меню http://www.kinetikaelectrical.co.uk/index.php

    Asked by gvay,

    0 votes
    10 answers

  19. Проблема с свободным пространством при использовании Z-index

    Всем доброго дня. Начал верстать себе страничку, пришлось воспользоваться z-index'ом. Пример как работать с ним, посмотрел тут Вот что получилось Все классно только вот после использования z-index, начало с низу появляться свободное пространство, от которого не могу избавиться. Интуиция подсказывает что сама описанная технология работы с z-index через "-top" не совсем корректна. Подскажите пожалуйста как можно избавиться от свободного пространства или сверстать иначе. Заранее благодарен.

    Asked by TimLennon,

    0 votes
    25 answers

  20. Текст по разным сторонам div

    Хочу спросить тривиальную задачку на которую я не знаю правильного ответа. Наглядный пример того что должно быть, если не понятно чтото пишите думаю опишу Есть простой div(резиновый 100%) внутри его есть два куска тектста один кусочек должен быть прижат к левой стороне, вотрой должен быть прижат к правому краю. Все элементарно как бы, но у меня не выходит в точности как нужно. Посоветуете пожалуйста как это можно сделать. Также хотел спросить почему если сделать два блока одному задать float:left, а второму float:right. Заведомо сделать ширину блоков чтобы они поместились в одну строку(на одном уровне) монитора тогда в ie6 блоки располагаются как нужно слева один бл…

    Asked by voooodoo,

    0 votes
    3 answers

  21. По-разному отображается в IE и FF.

    Начала верстать сайт:http://www.septic-topas.ru Обнаружилась такая непонятная вещь. Промежуток между header и div с закруглёнными углами отображается по-разному: в IE7 - его нет вообще (пока padding:0; margin:0;), а в FF - получается в два раза больше. Пожалуйста, помогите разобраться. Спасибо заранее.

    Asked by Светлана Г.,

    0 votes
    17 answers

  22. всплывающие элементы

    добрый день! интересует вот такая тема. много где видел всплывающие блоки. вот тут, например, http://www.luchinsky.ru/overall/ при нажатии на ссылку в правом верхнем углу Сообщение, всплывает форма отправки почтой. Очень интересует конкретный пример. Пожалуйста, кто знает, расскажите подробно, как это делается? Заранее спасибо!

    Asked by dron,

    0 votes
    12 answers

  23. position:absolute; и колонки равной высоты

    Использование: margin-bottom:-32767px;padding-bottom:32767px; для создания макетов с колонками одинаковой высоты, имеет не приятный момент - не корректная работа меток-якорей. Предлагаю ознакомиться с иным решением проблемы: Статья Пример

    Asked by gordi,

    0 votes
    0 answers

  24. Проблема в структуре HTML документа

    Здравстивуйте! Возникла такая странная проблема, которую никак сам не могу решить....... Опыть веб разработок 5 лет. И тут вдруг такая штука: Строю html документ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr"> <head> <title>Заголовок</title> <meta name="keywords" content="слова"> <meta name="description" content="описание»"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" media="all" href="/css/style.css" /> &…

    Asked by banyman,

    0 votes
    3 answers

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

    Народ,прошу помощи!!! в общем на сайте моём проблема. Делаю шапку. Всё поставил,всё норм. Но на других разрешениях(У меня 1280х800) она начинает то обрезаться,То копироваться,товаще начинает плясать...как мне сделать что бы она нормально отображалась на любом разрешении ,но что бы качество не менялось????юзаю IE,в опере и мозиле не проверял. Мой сайт www.interestssite.ucoz.ru

    Asked by Илюхич,

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