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. CSS: word-wrap и white-space - в чём разница?

    CSS: word-wrap и white-space - в чём разница?

    Asked by Webr,

    0 votes
    9 answers

  2. Select option добавить тег

    Нужно добавить в select->option тег <p> или <span>, чтобы он отображался в правой части в виде квадрата в котором будет динамически генерироваться его цвет. Я так понял, туда ничего добавить не получится кроме изображения, да?

    Asked by sergio_ktt,

    0 votes
    9 answers

  3. Вопрос о закругленных углах.

    Вопрос такой: У меня в макете сайт фиксированный. Div с контентом не растягивается в зависимости от кол-ва содержимого. Закруглить края с помощью background`а или пустыми div`ами, или, может, javascript`ом?

    Asked by Temateee,

    0 votes
    1 answer

  4. TABLE кроссбраузерно выходит за правую границу DIV

    HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Список клиентов</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <link href="/i/css.css" rel="stylesheet" /> <script src="/i/js.js" language="JavaScript" type="text/javascript"></script> <meta http-equiv="Keywords" content="" /> <meta http-equiv="Description" content="" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /…

    Asked by jg_shift,

    0 votes
    5 answers

  5. Вопрос про высоту элемента

    Собственно, есть вот такой фидл: http://jsfiddle.net/74VxY/3/ И к нему вопрос: Почему у элементов <a> по бокам высота равна высоте строки, хотя я выставил у них height: 100%? Как растянуть их по высоте на весь родительский div, не прибегая к установке высоты в пикселях?

    Asked by Frankie,

    0 votes
    5 answers

  6. проблема верстки div

    интегрирую дизайн, заказчик предоставил макет в html сверстанный дивами проблема в том что описание залазит под картинки hххp://modxdemoshop.com/fototorty/fototort-tachki-ss.html известные, боз не действует... помогите плз

    Asked by SKM,

    0 votes
    5 answers

  7. DD меню js+css

    Добрый день, уважаемые гуру. Проблема совсем не большая, но решение так и не удалось найти. Дроп даун меню на ксс и ява-скрипте. Работает нормально. Но! Есть проблема с выравниванием текста по вертикали. Так как меню основано на списке то vertical-align не работает, line-height не подходит, потому как в меню присутствуют двухстрочные заголовки. Второй день ломаю голову.

    Asked by steelhammer,

    0 votes
    7 answers

  8. помогите с

    /

    Asked by melkiy_90,

    0 votes
    8 answers

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

    Всем доброй ночи! Интересует такой вопрос: Хочу сделать меню заданной ширины, в меню 6 ссылок, текст и напротив него, картинка. Если текст ссылки короткой, то проблем нет, вертикально выравниваю текст напротив картинки и все. А вот когда текст длинный, его надо уместить на две строчки и выровнять обе строки напротив картинки, это уже никак не удается сделать через div, только через таблицу, что сразу лишает возможности сделать адекватную ссылку. Кто сталкивался с данным вопросом или имеет идеи как победить проблему? Пример того, что нужно получить без div тут: http://owlclay.ru/ Заранее спасибо за внимание.

    Asked by GreyAlex,

    0 votes
    4 answers

  10. Кнопка-картинка

    Не работает конпка-картинка. Код: <input name="one" type="image" src="/231.jpg" class="code"> когда без name, то работает (в других участках кода), но здесь надо обязательно с name. Как исправить код?

    Asked by saimon85,

    0 votes
    2 answers

  11. нумерованный список и опера

    Добрый вечер, верстаю страницу, возникли проблемы с нумерованным списком в опере http://atemiks.wen.ru/test2.html проблема в блоке "Сегодня день рождения" в этом блоке есть названия актера и его дата рождения которая выравнивается по правой стороне например: 1. Ирина Салтыкова 1966 так вот, в опере происходит следующие 1. Ирина Салтыкова 1.1966 почему так? проблема в том что возле года стоит рейтенговая позицыя, а она должна быть только вначале имени скриншоты как есть ( и должно быть) а вот так в опере ( так не должно быть) имеется вот такой код html <ol> <li> <…

    Asked by Temiks,

    0 votes
    3 answers

  12. баг хрома?смешно....

    <!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=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} .wrapper {width:100%;overflow:hidden; background:red;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} a {color:#000;text-decoration:underline;outline:none} a:hover {text-d…

    Asked by dostel1,

    0 votes
    7 answers

  13. Опять блоки

    Основной блок определённой ширину.Туда будет помещаться много блоков Тоже определённой ширины и высоты.При этом их ширина в несколько раз меньше ширины всего блока,что позволяет расставлять в одной строке несколько блоков.Вопрос в том как они внутри него будут располагаться.Хочу сделать чтоб они располагались так будто у них у всех стоит float:left,т.е. в одной строке стоял не один блок ,а столько сколько поместится,но мне не нужно флоат ,так как он убивает высоту у родителя. Как так сделать?

    Asked by new01,

    0 votes
    6 answers

  14. Прошу совет в верстке шапки

    Добрый день. Прошу не пинайте сильно сразу. Сверстал сайт на wordpress, но теперь возникла потребность в изменении дизайна. сайт _hhttp://stereoinside.ru Хочу сделать согласно картинке. Header.php переделал, теперь он имеет код <body> <div id="top"> <div id="header"> <div class="description"><h1><?php bloginfo('name'); ?></h1> <?php bloginfo('description'); ?></div> <div class="clearfloat"/> </div> </div> <div id="container"></div> <?php wp_nav_menu( array( 'theme_location' => 'main-menu' ) ); ?> </div> </body> </html> А как именно в css прописать не соображ…

    Asked by dazoom,

    0 votes
    8 answers

  15. проблемы с a:hover

    Господа верстальщики. У меня делемма. Есть горизонтально центрированное меню. В нем под пукнты. Главным пунктам присвоен стиль смены цвета при наведении a:hover. Как заставить родительские пункты меню оставаться в состоянии hover при наведении на под пудпункты? Как видно слева при ховере появляется бэкграунд с треугольником и смена цвета пункта. Хочется добиться того же эффекта при наведении на подпункт. Чтобы главный пункт меню оставлся в состоянии :hover. Заранее спасибо

    Asked by Morrag,

    0 votes
    2 answers

  16. Как оформить заголовок

    Подскажите, как делается такой заголовок с заливкой не до конца? http://www.vashgarazh.com/dekorativnaya-otdelka-fundamenta И еще, какой это шрифт&

    Asked by fowl,

    0 votes
    3 answers

  17. Проблема с ссылками

    В общем беда такая. Хотел добавить баннер партнерки к себе на сайт. Вставил код как есть. На странице отображается все замечательно, не не работает ссылка вообще, в строке состояния не отображается url страницы. Складывается такое ощущение что я вставил просто изображение без ссылки. Вот примерный код того что хочу вставить: <a href="http://site.ru/?referer=99999" target=_blank><img src="http://site.ru/b/img468x60.gif" width="468" height="60" border="0"></a> Уже вставлял просто текст. Оформлен текст под ссылку, а главное ссылка сама не работает. В общем та же беда Может дело в файле со стилями CSS?! Подскажите кто что знает. А то чет я не могу ни как пон…

    Asked by Scorpio2011,

    0 votes
    6 answers

  18. навигация c помошью div

    Добрый день форумчане пытаюсь выровнять в div-ах навигацию не получается ровно выровнять div относительно друг друга. Я пробовал : 1)Каждое меню заключить в div и выровнять их друг относительно друга в css .nav2 { position: relative; padding: 10px; height: 29px; width: 165px; } итд (nav1....) Выровнять можно , но по вертикали все съезжает(div относительно diva) 2)Вторая идея была div основной а внутри в него менюшки , каждая в своем dive. (не пробовал еще) Посоветуйте как в div вы бы решили эту задачу Как сейчас Как хочу сделать

    Asked by rxp,

    0 votes
    12 answers

  19. горизонтальное выпадающее по клику меню на CSS

    Возможно ли такое сделать? как здесь http://megaweb.su/demo/click_menu/megaweb.su.html но без использования Javascript.

    Asked by qwertyasdfg,

    0 votes
    8 answers

  20. Помогите в борьба с IE

    Приветствую всех! Есть проблема с отображением сайта в IE, в частности в 8-й версии, наверное и в остальных все также коряво. В FF и Safari все так, как и должно быть. Если есть возможность помогите побороть эту проблему. Сам я в хаках совсем тугой. Что там еще в таблице стилей придумать можно ума неприложу Сам сайт http://oil.autodetals.ru Если нужно могу выложить html и css.

    Asked by Sanadam,

    0 votes
    6 answers

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

    здравствуйте не так давно начал верстать и столкнулся со следующей проблемой. имеется сайт - kvartiry.pl.ua есть блок с фоном (div.bg), а так же блок с контентом (div.content)… идея такова, что блок с фоном должен растягиваться на 100% по высоте родительского блока div.body который в свою очередь растягивается блоком с контентом (в зависимости от наполнения) собственно проблема заключается в следующем… добившись желаемого результата в опере и IE9 заметил, что firefox преподнес сюрприз… блок с фоном вместо того, что б растянуться по высоте родительского блока растягивается на 100% экрана… проблема, как я могу судить, заключается в свойстве селектора height в стиле div.…

    Asked by JoseRodriguez,

    0 votes
    19 answers

  22. Как сделать такое меню

    Подскажите, как сделать меню, как тут в верху страницы http://www.vashgarazh.com/ventilyaciya-garazha#mahanich Что мне нужно: - Текст разбит на 2 строки (не знаю как это сделать, знаю что есть свойство word-wrap: break-word; но оно некорректно может работать?) - между пунктами меню есть растояние

    Asked by fowl,

    0 votes
    11 answers

  23. Помогите с комментариями

    Вот у меня блок с ид homeInfoMan.Туда я сую н-ное количество комментариев.Мне над что блок самого комментария отражался корректно.Вот пример. Черным прямоугольником изображено аватарка пользователя,который написал комментарий,Name=Имя,Data=Дата напписания.Снизу после каждого комментария черта,т.е border-bottom. Вот небольшой код,который я написал.Но у меня некорректно отображается сам текст в комментарии,скажите в чём проблема.?! <style type='text/css'> #homeInfoMan{margin-top:10px;margin-bottom:20px;padding-left:35px;text-align:left;} #homeInfoMan p {padding:10px;text-align:right;margin-right:40px;} #commenOne{border-bottom:1px solid red;width:490px; margin-to…

    Asked by new01,

    0 votes
    15 answers

  24. вопрос по позиционированию элементов

    Зарегался только сегодня, особых знаний в HTML нет, возник такой вопрос: Как можно разместить картину в определенном месте экрана, что-бы она смотрелась одинаково статично на любых разрешениях? если использовать параметр с фиксированными координатами (absolute, по-моему) в img, то например при смене разрешения на 800*600 картинка жирно уезжает вправо-вниз, при наивысшем раширении экрана умельчается влево-вверх. "Расчертить" экран таблицами с % длиной, и вставить картинку в ячейку таблицы? Фреймами? CSS? То есть, нужно что-то вроде определения позиции на экране, с "процентными" координаты, что-бы сайт выглядел ровно на любом разрешении... Сорри если криво сформулировал про…

    Asked by Edelstein,

    0 votes
    5 answers

  25. масштабирование шрифта в px в IE

    Скажите, пожалуйста, шрифт в px не масштабируется во всех версиях Internet explorer, или только в 6й? Если первое, то получается лучше использовать em?

    Asked by vikusik,

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