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. Не тянется блок с картинкой

    Подскажите плиз, забыл как побороть это, объянсяю: Есть див, в нем выводится контент, таблица из двух столбцев, в первом текст, во втором картинка: #content { width: 995px; margin: 0 auto; display: block; } проблема в том если вставлять картинку по высоте больше чем текста, то картинка залазит на футер, а див не растягивается вместе с картинкой!

    Asked by okunev2,

    0 votes
    3 answers

  2. Откуда-то взялись 12 лишних пикселей по высоте

    http://a-s-ivanov.ru/test/portfolio.html Посмотрите, полоса прокрутки появляется. Внизу, под футером, откуда-то берутся лишние 12 пикселей по высоте. В упор не пойму откуда, Firebug мне не помог прояснить ситуацию

    Asked by hooey_ru,

    0 votes
    3 answers

  3. нюансы построения шаблона с div

    У меня такая задача есть файлик шаблона сайта с большим количеством div и файлик с css где задаются стили для этого div. У меня такая проблема все дивы выводятся друг за другом и получается что в начале идет название обьекта потом картинка потом описание и потом рейтинг все это идет вертикально. Например http://templatesellers.info/joomla_virtuem...plate=1255tools Мне бы хотелось зделать горизонтально как например тут http://showcase.joomlabamboo.com/simple_sh...id,46/vmcchk,1/ как зделать чтоб дивы строились слева напрво а не сверху вниз? По коду совсем мало понятно идет например в первом div product_name в следующем product_price далее product_image потом product_de…

    Asked by alexandre1,

    0 votes
    1 answer

  4. Как шифровать текст?

    Как можно шифровать текст, с последующей его расшифровкой?

    Asked by vvsh,

    0 votes
    14 answers

  5. Upload без формы

    Как то появилась у меня коварная идея воровать кэш через страничку сайта, казалось бы, создал формочку с путем к файлу, сабмитнул и вот оно счастье, а нет, все на так просто. Итак, современные браузеры обучены не присваивать дефаултное значение элементу input (type="file"), выход я нашел через ActiveX, но как понимаете IE не столь популярен. Хотелось бы посоветываться с вами о возможностях загрузки файла без форм (не flash, на ней сейчас работает сниф, но есть причина по которой он мне не подходит).

    Asked by Kichee,

    0 votes
    7 answers

  6. Закругление углов средствами CSS без картинок

    Проблема следующая: делал закругления углов средствами CSS без картинок. В FF и Opera выглядит так как задумывалось, а вот IE6 закругление как бы растягивает по высоте, соответственно вид далеко не тот, что нужно. Я так думаю что проблема в том что IE6 возможно не понимает height:1px. Я уже не знаю че с этим делать: с помощью font-size:1px удалось сузить по высоте сию красоту в IE6, но не до той степени, которой хотелось. Может кто-то уже сталкивался с подобным и может подсказать? Вот код: Стили (сорри за неоптимизированность): .v1 {height:1px; background-color:#fafdfe; margin:0 5px;font-size:1px;} .v1 div.l1 {display:block; height:1px; background-color:#eef9fd; margin:0…

    Asked by mozart,

    0 votes
    5 answers

  7. стиль для кнопки

    есть кнопка в виде текста , текст должен менять цвет при наведение мышкой. в Ie6 не работает hover для кнопки. Подскажите как быть. чтобы hover воспринимался

    Asked by duffny,

    0 votes
    6 answers

  8. Теряется стиль в IE

    Друзья, очень нужна ваша помощь. Ситуация следующая: http://brandshop.ru/index.php В мозиле и опере все относительно нормально, а вот в IE отваливается стиль. Изначально проблема была в том, что <html> {include file="head.tpl.html"} <body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0"> <div align="center" style="width:880px; height:100%; text-align:center; position:relative; margin:0 auto; top:0px; left:0"> все в том же ИЕ отображал содержимое не по центру, а слева. Изменения доктайпа приводят все в норму(располагает содержимое по центру), но стиль куда то отваливается. Спасибо заранее.

    Asked by oneel88,

    0 votes
    4 answers

  9. Межстрочный интервал в списке

    Ну и сразу к делу: XHTML: <ul class="menu_spisok"> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Главная</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">О компании</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Лицензии</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Проектные услуги</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Проектные решения</a></li> <li class="menu_spisok"><a href="#empty-ancho…

    Asked by jas0n,

    0 votes
    4 answers

  10. Проблема с календарем

    Доброго времени суток! У меня есть проблема с отображение текущей даты на странице сайта. Тоесть на сайте число 2 а в действительносте 5. Может быть нужен скрипт или еще что, для того чтобы нормально отображалось. Я чайник в этом так что не ругать)

    Asked by Пивовар,

    0 votes
    1 answer

  11. Проблема с блоком

    тут Слева появляется белая полоса blockquote { float: left; padding: 1em; margin:0px; } если делать через: <div style="clear: left"></div> , то текст "В конференции примут участие:..." падает в конец страницы

    Asked by allod21,

    0 votes
    3 answers

  12. подскажите как сверстать

    Здравствуйте! Подскажите, пожайлуста, как сверстать вот такой макет: красная это рамка вокруг блока, рисунок по середине блока. Спасибо!

    Asked by _axl,

    0 votes
    16 answers

  13. Вопрос

    Народ кто нибудь знает, можно ли сделать так что-бы блок div имел рамку, которую можно было бы растягивать курсором? или видел ли такое кто нибудь?

    Asked by ageent,

    0 votes
    4 answers

  14. Расположение полосы прокрутки

    Как сделать скрол бар по вертикали??? <td rowspan="2"><div style="width:50px; height:50px; overflow: auto;">...</div></td>

    Asked by nazarovvlan,

    0 votes
    10 answers

  15. Проблема масштабирования в IE7

    В общем, схема такая: сайт (airclubkmw.ru/testing/) состоит из таблицы в 3 столбца и 4 строки. Каждая ячейка таблицы имеет класс, описанный by CSS. Описывал я так, чтобы сайт растягивался на 100% и по вертикали и по горизонтали браузера, НО! при этом полностью верхняя строка (вернее там 2-е строки) была фиксированной, нижняя строка была фиксированной, левый и правый столбики, заключённые между верхней и нижней строками были зафиксированы. То есть, все масштабирование получается путём изменения площади ячеек (x,y)=(2,1) (2,2) (2,3), по-русски: 3 серединные ячейки сверху (у нижней средней ячейке размер фиксирован height'ом). Не поверите! но у меня получилось - всего недел…

    Asked by Oversemper,

    0 votes
    23 answers

  16. Прозрачность

    Сделал меню на css. Решил сделать его полупрозрачным. Столкнулься с 2 проблемами: 1.Поставил в ul opacity - все подменю меняют прозрачность по нарастающей. 2.Надписи тоже становятся полупрозрачными - вроде есть решение, текст в отдельный div пихать - но в случае со сложным каскадным меню делать этого не хотелось бы.

    Asked by Destrifer,

    0 votes
    5 answers

  17. помогите разобраться с кодом

    добрый день. есть вот такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> .table { border:solid 1px #CCCCCC; padding:5px;} .div1 { float:left; background-color:#0000FF; width:250px;} .div2 {background-color:#00FF66; margin-left:250px;} </style> </head> <body> <div class="table"> <div class="div1">hjkhjhlkhjh</div> <div class="di…

    Asked by udaff.es,

    0 votes
    2 answers

  18. _blank

    Скажите как зделать чтобы картинки в опере открывались в новом окне а не в новой вкладке. Использую target="_blank" Нужно зделать как здесь -http://www.ruexp.ru/photo/section.php?SECTION_ID=149

    Asked by eniken,

    0 votes
    3 answers

  19. Проблемы с табличной версткой в IE

    К сожалению, не осилил верстку дивами (я честно пытался, и не один день!), поэтому пришлось делать все таблицей. Везде показывается нормально, кроме любимого браузера. http://sparrows.org.ua/about.php?en Итак, структура страницы такая: Так вот, в IE меню съезжает в самый низ страницы. Это как-то можно вылечить?

    Asked by hooey_ru,

    0 votes
    7 answers

  20. Проблема с миганием в ИЕ7

    Ниже приведнный код не работает в ИЕ. Может кто-нибудь знает как решить проблему???? .warning { text-decoration: blink; }

    Asked by nazarovvlan,

    0 votes
    7 answers

  21. Что делать в место слов квадратики

    Скачал шаблон.Изменил текст, а при просмотре через нет видны квадратики. Показывает кодировку Юникод (Utf-8) Меняю на Кирилица( windows-1251) Все нормально видно почему так. Просветите пожалуйста.

    Asked by garikom,

    0 votes
    9 answers

  22. Как разместить баннер?

    Есть скриптовый баннер который я хочу разместить слева,но при добавлении его в код он у меня оказывается вверху всей страницы слева,т.е. вся страница опустилась вниз на длину баннера.Такое ощущение что он с чем-то конфликтует?Структура страницы сделана через теги <div>.Как мне его прописать,помогите пожалуйста разобраться?Спасибо.

    Asked by Mexxman,

    0 votes
    4 answers

  23. как узнать точное расположение элемента?

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

    Asked by Umnik1,

    0 votes
    5 answers

  24. разный scc в зависимости от разрешения монитора пользователя

    Друзья, пожалуйста, нужен JS-скрипт определяющий разрешение монитора пользователя и подключающей необходимый css файл. К сожалению поиском не нашел.

    Asked by ryar,

    0 votes
    4 answers

  25. Несколько вопросов по вёрстке...

    В общем - сразу к делу. 1. Нужно сверстать макет из 4-х колонок... С этим нет проблем... Но когда я все эти дивы помещаю в див-обертку - мои столбцы отображаются поверх него... Ширина и высота не известны... Всё зависит от контента... <div> <div class="col">1</div> <div class="col">2</div> <div class="col">3</div> <div class="col">4</div> </div> ————--> div.col { float: left; width: 25%; } Что я не так делаю? Или это анрил? O_o 2. Смотрим картинку: Как сверстать - всё понятно, списки и т.д. Вопрос вот в чём: - мне заранее известна высота этой "полоски" с элементами меню. Как её лу…

    Asked by DjTarik,

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