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. Прижать footer к низу страницы

    Все добрый день, помогите пожалуйста сделать так чтобы футер оставался всегда внизу страницы, перебробовал разные варианты не получается, вот примерная структура страницы <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd"> <html> <head> <body> <div id="cont"> <div id="otziv"> <div id="main"> <div id="container"> <div id="footer"> </div> </div> </body> </html> CSS #cont { margin-left: -550px; position: relative; width: 1100px; } #otziv { background: url("../imgs/otziv.jpg") no-repeat scroll 0 0 transparent; float: left; hei…

    Asked by romanov,

    0 votes
    15 answers

  2. Не пойму в чем Не валидность кода

    На сайте _validator.w3.org проверил свой сайт mobine.ru Не пойму в чем не валидность кода. Вот для примера: В чём там ошибки? Для примера я взял только 2 первые ошибки, всего их 215!

    Asked by alleclf,

    0 votes
    8 answers

  3. Верстка нестандартного меню

    Добрый день уважаемые форумчане. Возможно заголовок темы для кого-то прозвучит слишком вычурно, ибо он создаёт такие меню на раз-два. Дело в том, что я столкнулся с таким меню впервые. Меня вводят в замешательство косые правые и левые бордеры у элементов меню. Если не сложно, дайте пару советов, как верстать меню с таким вот необычным дизайном. К сообщению прилагаю две картинки: стандартное состояние и хавер (ссылки на альбом вконтакте). 1. http://vk.com/id167533842?z=photo167533842_281100254%2Fphotos167533842 2. http://vk.com/id167533842?z=photo167533842_281100253%2Fphotos167533842

    Asked by nazarlee,

    0 votes
    4 answers

  4. Ссылку с вложенной таблицой не работает в IE

    Доброго всем времени суток. Столкнулся со следующей проблемой при верстке шаблона. На сайте есть много разделов с оборудованием. Ссылки на разделы реализованы в виде списка в боковом меню <ul> <a href="/"> <li> <table cellspacing="0" cellpadding="0"> <tbody><tr> <td class="img-td"><img src="box.png"></td> <td class="sidebar-text">GSM- комплекты</td> </tr> </tbody></table> </li></a> …

    Asked by santik,

    0 votes
    12 answers

  5. Раскрывающийся список

    Добрый день !!! Сделал раскрывающийся список, но хочу ещё в добавок поставить значок "+" перед списком и сделать так что бы он менялся на "-" если список раскрыт. http://jsfiddle.net/wgyN6/ Честно говоря даже не знаю как лучше сделать, можете подсказать как лучше? Думаю загрузить две картинки и . но как организовать смену этих картинок по щелчку, я не знаю

    Asked by nematora,

    0 votes
    5 answers

  6. Облачко для комментариев

    Здравствуйте, дорогие друзья! Очень нужна ваша помощь. Сейчас верстаю страничку и всё никак не могу сделать вот что из этого мне нужно сделать это верстаю для wordpressа. Никак не могу закинуть это облачко за границу этого заголовка. Также не могу количество комментариев переместить внутрь облачка. Помогите, добрые люди) Пожалуйста. Заранее спасибо.

    Asked by kranopodem,

    0 votes
    3 answers

  7. Проблема с отображением фотографий

    Здравствуйте! Есть сайт, на котором миниатюры фотографии (форматов jpg и jpeg), отображаются с потерями в качестве в браузерах Mozilla и Opera, и без потерь в Google Chrome. (в IE не проверяла). В полном размере фотографии отображаются с помощью плагина fancybox и без проблем. Сайт работает на Umi.CMS. Почему миниатюры искажаются? Это проблема браузеров или CMS?

    Asked by vikver,

    0 votes
    6 answers

  8. Ссылку с вложенной таблицой не работает в IE

    Ошибочная тема

    Asked by santik,

    0 votes
    0 answers

  9. Главная страница

    Всем привет. У меня такая проблема. Главная страница autoschool-bahmatsky.com.ua , когда перехожу на нее оно скачивает страницу. Если переходить по ссылке autoschool-bahmatsky.com.ua/index.html сайт откроется. Скажите как сделать что бы работал autoschool-bahmatsky.com.ua ? В компании которая заниматься продвижением сайтов сказали: 3. Поставить 301-й редирект • со страницы http://www.autoschool-bahmatsky.com.ua/index.htm'>http://www.autoschool-bahmatsky.com.ua/index.htm на http://www.autoschool-bahmatsky.com.ua/ • http://www.autoschool-bahmatsky.com.ua/index.htm'>http://www.autoschool-bahmatsky.com.ua/index.html на http://www.autoschool-bahmatsky.com.ua/ Первый …

    Asked by Tajeeke,

    0 votes
    7 answers

  10. Почему height: 0 ?

    есть div с элементами, но почему-то его высота равна 0, хотя я прописал height: auto , все элементы внутри div'a видны уже не первый раз стыкаюсь с этим, как это исправить? вот http://jsfiddle.net/gqxwY/ JS не выложил поэтому такой кривой

    Asked by T@NKIST,

    0 votes
    10 answers

  11. как одним чекбоксом задавать сразу два параметра?

    В интернет-магазине есть форма с чекбоксами для фильтрации товаров по цене. Например: чекбокс1:"от 500 до 1000руб", чекбокс2:"от 1000 до 1500руб" и т.д. То есть каждый чекбокс должен передавать сразу 2 параметра: минимальную и максимальную цену. Как для этого нужно задать параметры name и value?

    Asked by Koroed,

    0 votes
    2 answers

  12. Дивы в стоку

    Знаю, что проблема обсуждалась миллион раз, но решения не могу найти. <div id="main"> <div id="col1"></div> <div id="col2"></div> <div id="col3"></div> </div> Первые 2 колонки должны выравниваться влево, при этом у обоих ширина 25%. третья - вправо, ширина - по контенту. Высота у всех трех фиксированная. Так вот, никак не могу добиться того, чтобы третья колонка не вываливалась вниз. #main{overflow:hidden}, #main>div{display:inline-block}, задание высоты у всего что можно, добавление <br clear="all"> - ничего не помогает

    Asked by leventov,

    0 votes
    6 answers

  13. Нужна помощь с позиционированием

    Добрый день! Подскажите, пожалуйста, не могу разобраться Имеется сайт на джумла, шаблон представляет собой блок #content по центру. Фон залит текстуркой. Теперь заказчику надо поставить две завитушки одна справа от логотипа, другая слева. Если их позиционировать абсолютно то ни стоят на месте при сужении страницы, можно как-то сделать, чтобы при сужении они уезжали за границы экрана?

    Asked by DFS,

    0 votes
    2 answers

  14. У первого блока с "clear: both" задается высота в 400px

    Верстаю шаблон под Drupal, верстка: шапка, меню, контент, футер. Меню и контент обтекаемы и расположены в 2 колонке. В блоке контент собственно и будет вывод новостей, они идут блоками <div class="node">...</div>, у каждого блока с новостью вверху находятся 2 колонки (2 обтекаемых блока), затем все идут один под другим, так чтобы после тех 2х блоков ничего не обтекалось ставлю <div class="_clear"><!-- clear --></div> ._clear { clear: both; } Так вот у первого блока с новостью этот div по высоте разъезжается примерно на 400px - и там образовывается большой отступ, а у всех последующих всё в порядке. Для наглядности приложил скриншот. Прошу …

    Asked by gangsta15,

    0 votes
    5 answers

  15. Позицианирование по центру

    Добрый день Уважаемые! Проблема состоит в следующем. Есть 4-ре блока которые нужно вместе выровнять по центру. Ширина у них не фиксированная. Мои Варианты решения: 1. position: absolute; left: 50%;, a внутренним блокам position: relative; right: 50%; (не подходит, т.к. они вместе занимают больше половины экрана) 2. display: table; - здесь проблем в поддержке IE7. Можно ли её обойти? ПРобовал использовать http://tanalin.com/projects/display-table-htc/ но не выходит Предложите свои варианты.

    Asked by systemiv,

    0 votes
    3 answers

  16. DIV'ы выходят за пределы родительского элемента

    <div class="block_header"> <div class="block_name">Lorem ipsum dolor sit amet...</div> <div class="block_acts"> <button class="reduct">Редактировать</button><br /> <button class="remove">Удалить</button> </div> </div> div.block_header имеет свое оформление, а div.block_name и .block_acts выровняны по левому и по правому края соответственно. Плюс первый имеет ширину 80%, а второй - 20%. И вот после этого вышло такое: Вот как сделать, чтобы родитель полностью покрывал этих двоих? Тьфу блин, стоило всего лишь выставить высоту для родительнского элемента

    Asked by Mosya,

    0 votes
    1 answer

  17. Шапка 1600px

    Добрый день всем, уважаемые форумчане. Есть несколько вопросов. Я, мягко говоря, в ступоре, два дня пытаюсь найти решение. Значит так - есть шапка, в шапке на бэкграунде имага с размером 1600пикселей в длину, чтобы на любом разрешении (не беру во внимание 1900+ итд) было смотрибельно и приятно. Проблема в следующем - в ДИВе шапки должно быть несколько элементов (меню и картинки-ссылки) ! если ДИВу шапки задать width: 100%; то все замечательно на всех разрешениях - тянется, как надо ! но! мне нужно отпозиционировать относительно краев шапки элементы вышеуказанные (меню и картинки) если же у нас width: 100%, соответственно элементы каждый раз просто-напросто от краев брау…

    Asked by mutkoc,

    0 votes
    11 answers

  18. Закругленные уголки в IE

    Как можно заставить IE видеть закругленные углы в блоках?

    Asked by Pashkes,

    0 votes
    17 answers

  19. Горизонтальное меню CSS трабла

    Вобщем, пришлось учится верстать, с горем пополам смог сделать li горизонт, картинки прочее сделал, проблема вот в чем: 1)Нужно чтобы при ховере свечение было от верха панели, а оно начинается от низа текста. Как сделать по другому не пойму, в hover span смещение не работает. CMS Jоомла если поможет 2) не выделяет активную страницу - т.е. юзер просто потеряется, не видя где он Коды вот: HTML <div id="topm"> <li class="about"> <a href="http://testt.ru/" title="О компании"><img src="/templates/sw/images/1.png" /></a> </li> <li class="facility active"> <a href="#" title="Услуги"><img src="/templates/sw/images/2.png"…

    Asked by skifus,

    0 votes
    5 answers

  20. Как сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину

    Здравствуйте. Такая проблема. Имеется - резиновая верстка и надобность сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину. Не выходит. Обернул таблицу в div. overflow-x: scroll; желает работать только со строго заданным width. С max-width он тоже работает, но резиновым элемент от этого не становится. Вот эта благодать - http://pskov.izbirkom.ru/quantity.html table обернута в <div id="qty-table"></div> со стилем #qty-table { float: left; overflow-x: scroll; width: 600px; -width: 600px; } Вопрос - как же сделать резину? Спасибо.

    Asked by 7ion,

    0 votes
    3 answers

  21. Почему мой div так странно позиционируется?

    У меня есть страница с дивами, скриншот ниже. Также см. ссылку http://dsamoylov.ru/test/index.html У меня 5 основных блоков (AAA, BBB, CCC, Community, News), которые в лежиме float: left; вполне аккуратно заполняли страницу. Мне надо добавить шестой блок "quick links" так, чтобы он встал справа от news. Почему-то этот div позиционируется очень странно, из левого верхнего угла всей этой конструкции. На скриншоте это видно, у этого дива border: 1px solid red. Как сделать так, чтобы div встал на нужное место и размером был равен его содержимому, тексту "quick links"? Буду благодарен за подсказки :-)

    Asked by sam_rain,

    0 votes
    1 answer

  22. Как отцентрировать картинку?

    Не могу понять как сделать, чтобы картинки с class="aligncenter" были по центру http://sheko.ru/2012/03/kak-narisovat-babochku-v-adobe-illustrator.html .entry img { align :middle;} - не помогает Файл Css

    Asked by fowl,

    0 votes
    4 answers

  23. текст отображается вне блока

    Попросили создать отдельную тему... Проблема следующая: Текст дива отображается за пределами этого самого дива, в родительском блоке, хотя бэкграунд-колор этого дива на месте. лежит тут boom-x.su блоки #account и #cart Укажите, пожалуйста, в чем ошибка, я уже голову сломаю скоро.

    Asked by samoa,

    0 votes
    7 answers

  24. Bозможности css3

    Добрый день, задался вопросом)) можно ли реализовать такую форму блока без использования нарезок графики при помощи css3?

    Asked by kamaz6141,

    0 votes
    12 answers

  25. Меню на CSS

    Добрый день! Постановка проблемы: Сделал меню, все работает, кроме активной ссылки (когда нажимаешь на пункт меню, он остается подсвеченным, что мы ТУТ находимся). Не совсем понимаю в какую ветку написать. Однако думаю сюда, тк проблема точно с кодом CSS. Проверил валидатором, есть проблемы с CSS, но они точно не влияют на конкреную проблему (и кстати пока не представляю как от них избавиться, но здесь не об этом). Экскурс: Делаю сайт на MODx, ссылка на сайт с проблемным меню, ссылка на сайт с меню работающим. Я перепробовал за последнюю неделю уже все на что я способен видимо, по логике (моей) все работает, а на деле нет... Пользовал информацию из этого урока про меню. Н…

    Asked by wowa,

    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