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. Растяжка

    Как сделать чтобы при увелечении дива с текстом увеличивался и левый див?

    Asked by sdasddsa,

    0 votes
    3 answers

  2. высота

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

    Asked by ctpz,

    0 votes
    4 answers

  3. перенос слов

    Здравствуйте ув. формучане, такой вопрос: есть сайт http://test11.16mb.com/, по бокам блоки со ссылками, меню и т.д... там где ссылка не умещается в блок, она тупо режится... Как сделать что бы если ссылка не влазит в блок, она преносилась на следующюю строку?

    Asked by greeb,

    0 votes
    9 answers

  4. выравнивание списка по ширине для chrome

    Всем приятного дня. у меня возникла следующая проблема: Есть некий неупорядоченный список и надо выровнять его по центру. Mozilla и IE выравнивают нормально, но вот Crome и Safari символ маркера ставят в начале строки а сам элемент списка уже выравнивают по центру. К примеру <html> <head> <title>example</title> <style type="text/css"> ul {text-align: center;} </style> </head> <body> <ul> <li>first</li> <li>second</li> <li>third</li> </ul> </body> </html> Была идея просто создать картинку для маркера, вставить ее вначале элемента списка, а list-style-type задать зн…

    Asked by peani89,

    0 votes
    3 answers

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

    пожалуйста помогите сделать раскрывающийся список (он долже размещатся в <div>)

    Asked by voin545,

    0 votes
    1 answer

  6. Глупый вопрос новичка

    Учу потихоньку css, возникла проблема: Как убрать то пространство, что обозначено на скриншоте? .top { background-image: url(img/top_panel.png); background-repeat: repeat-x; padding-top: 46px; background-position: 0% 0%;}

    Asked by Rise,

    0 votes
    3 answers

  7. Как изменить анкор ссылок через CSS ?

    Как изменить анкор ссылок через CSS ? То есть в блоке у меня есть набор ссылок с разными анкорами, как заменить их все на другой ? Ссылки все время меняются, поэтому один раз прописать в коде не пройдет.

    Asked by kpripper,

    0 votes
    3 answers

  8. как предотвратить разрыв блока

    Привет есть такой код <div class="over_hidden"> <div class="float_left"> <div class="border float_left"> <table> </table> </div> <div class="some_text"> vcvxcvxcvxcvxcvxc sdfsd f sfs fsd fd sfs dfsd f sdf sdf sdf sdf sdf sdfs f dsad ad asdasdsadsadsadsa dasdadasd asdsadasdasd fsfsdfsdf sfsdfsdfsdf fsfdsfsdf sdfsdfsd vxcv </div> </div> </div> у таблицы width: auto если нет блока div.some_text то div.border оборачивает таблицу по содержимому и не растгиваеться на всю ширину если добавить блок с текстом то он растяшиваеться на 100% div…

    Asked by WalkMan,

    0 votes
    13 answers

  9. не отображается css

    код html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>бла-бла</title> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div class="vse"> <div class="shapka"></div> </div> </body> </html> код css html,body .vse { background-color : #cccccc ; } .shapka { background-color : #ccffcc ; float : left ; height : 20% ; width : 20% ; } проблема в том что не робит класс shapka при добавлении абсолютно любого догтайпа (без догтайпа все норм но страдает кросплатформенность)

    Asked by voin545,

    0 votes
    1 answer

  10. html5 <video>

    Поставила видео ориентируясь на статью http://htmlbook.ru/html5/video Почему то не работают некоторые встроенные элементы управления. Например в firefox не срабатывает кнопка play/pause. И при нажатии на само видео ...видео не останавливается. В IE9, chrome, opera, safari тоже не срабатывает кнопка play/pause. Что это может быть?

    Asked by nusha,

    0 votes
    1 answer

  11. проблемы в Джумле с модулем..... height

    Добрый день! Скачал сурипт Sliding Tabs и решил вмонтировать в Джумлу. Все прошло успешно, но появился баг с высотой модуля. С под Линукса Мозила и опера - отображают нормально, С под виндовс - слишком большая высота. Но в Хроме из под Виндовс - тоже отображается нормально! Если нужен сайт http://vdsstore.com Привожу пример Оперы 11.52: Привожу пример Хром: Подскажите в чем проблемма?

    Asked by myav4ik,

    0 votes
    2 answers

  12. Форматирование текста в строке таблицы

    Добрый день, люди добрые! Помогите решить проблему. Нужно в таблице объединить два столбца в один, как здесь "ИМЯ ПОЛЬЗОВАТЕЛЯ" и "ЗВАНИЕ" Нужно объединить эту строку <th nowrap="nowrap" width="25%" align="{S_CONTENT_FLOW_BEGIN}"><a href="{U_SORT_USERNAME}">{L_USERNAME}</a></th> с вот этой <th nowrap="nowrap" width="15%"><a href="{U_SORT_RANK}">{L_RANK}</a></th> и вот эту <td class="genmed row" align="{S_CONTENT_FLOW_BEGIN}">{memberrow.USERNAME_FULL}<!-- IF S_SELECT_SINGLE --> [ <a href="#" onclick="insert_single('{memberrow.A_USERNAME}'); return false;">{L_SELECT}</a> ]<!-- ENDIF --><…

    Asked by okaton,

    0 votes
    17 answers

  13. отвязывается css

    делаю сайт вот код html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>бла-бла</title> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div class="vse"></div> </body> </html> вот код css html,body .vse { background-color : ffccff ; } столкнулся с такой проблемой при добавлении абсолютно любого догтайпа при открытии страницы в браузуре не отбражается результат действия css

    Asked by voin545,

    0 votes
    7 answers

  14. Равное расстояние между DIV

    Ка сделать также: Не подходит: overflow, display table и просто table.

    Asked by Ritter,

    0 votes
    16 answers

  15. Выравнивание DIV'ов

    Здраствуйте. Мне необходимо сделать так, чтобы 2 DIV'а внутри 3его шли в ряд имели вертикальное выравнивание по середине относительно родительского: <div class="class1"> <div class="class2">sdfgsdfg</div> <div class="class3">dhfkajhdfkldhf</div> </div> Пытался назначить float: left; второму классу и vertical-align: middle; второму и третьему, но это не сработало. display: inline тоже. Кто нибудь знает как решить проблему?

    Asked by Dethen,

    0 votes
    2 answers

  16. С мена надписи в кнопке

    есть кнопка с поиском файла: <input class="review" title="аааа" size="20" id="file_8" name="file" type="file" /> В этой кнопке написано "обзор", подскажите как сменить в ней надпись. Через value не получается.

    Asked by karlitos32,

    0 votes
    2 answers

  17. Разный фон для IE и других браузеров

    Здравствуйте. Проблема такая: в CSS у тега html прописаны вот такие св-ва фона html { background-color:#f6f9f2; background-image: url("images/backall.jpg"); background-repeat: no-repeat; background-size: cover; background-origin: border-box; Естественно IE игнорирует св-во "background-size: cover;". Не хочется лишний раз заморачиваться, так что подскажите, можно ли сделать так, что бы во всех браузерах всё осталось как есть, а в IE отображался бы статичный цвет, без всяких картинок?

    Asked by Nilagor,

    0 votes
    3 answers

  18. в Опере и Хроме <p> тянется как хочет

    Добрый день. Прошу помощи в верстке. Верстать научился давно, но за современными тенденция не слежу. Сверстал два сайта по старой привычке. Оказалось что в Опере и Хроме тег <p> ведет себя совершенно непредсказуемо - растягивается пока хватает экрана. В ФФ все в полном порядке. Примеры страниц: http://demo.solinc.ru/sol-o/index.php?type=spec_cat&id=1320138116&pid=11 http://demo.solinc.ru/plt/ Огромная просьба подсказать знающих людей как исправить ситуацию. ЗЫ: Пожалуйста скажите как выглядят эти страницы в ИЕ, а то у меня слетел и устанавливаться не хочет( Заранее благодарен.

    Asked by solinc,

    0 votes
    2 answers

  19. Убрать за экран элементы тега form

    Здравствуйте! В общем пишу скрипт, что бы формочка авторизации появлялась только тогда когда курсор наводиться. Картинку заднего фона выдвинуть,задвинуть не проблема. А как подвинуть элементы тега form за экран?

    Asked by Lucifer,

    0 votes
    2 answers

  20. На чём посоветуете реализовать?

    Здравствуйте друзья. Прошу, как все наверное, простить меня за глупый вопрос. Я знаю css и html на так сказать терпимом уровне (на всякий случай) Так вот, вопрос. Хочу для друга реализовать конструктор + калькулятор мебели (диваны), что бы человек последовательно мог выбирать материалы, размеры и прочее по списку. В итоге, на выходе должна получится картинка с ценой. Делал кто ни будь такое уже? Я не прошу решения, просто, если кто то такое уже делал, направьте на путь истинный, что бы для этого не понадобилось. Буду рад любой полезной информации. Да, кстати, сайта пока нет. Буду делать на голом html.

    Asked by O'Nanas,

    0 votes
    5 answers

  21. не работает анимация картинки

    .start-play { width:544px; margin-left:13px; height:126px; background:url('../images/banner-big.gif') no-repeat; } .start-play:after { content:""; clear:both; display:block; } как исправить?

    Asked by surfman,

    0 votes
    1 answer

  22. Float

    Подскажите пожалуйста почему так вот два блока один плавающий 2ой нет ,2ой находится под ним.Почему он его не обтекает с левой стороны а ноходится под ним и у него пропадает фон?? [ code ]http://savepic.su/638264.jpg[ /code ] .blok1 { width:200px; height:150px; background:orange; border:1px solid; float:left; } .blok2 { width:200px; height:150px; background:yellow; border:1px solid; } <div class="blok1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="blok2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam …

    Asked by mr.Dassler,

    0 votes
    11 answers

  23. Вложенные формы

    Не знаю, можно ли как-то сделать формы вложенные друг в друга... Простенько наверно можно это описать наподобии такого кода (который конечно же не работает!) <form method="post" action="1.php"> <form method='post' action="2.php"> <input type='text' name='num'> <input type="submit" value="Перейти на страницу 1"> </form> <input type='text' name='res'> <input type="submit" value="Перейти на страницу 2"> </form> Как можно это написать правильно, и можно ли вообще, чтобы при клике на любую из кнопок у нас передавалось значение num, а второй передавалось и res?

    Asked by Nadyu,

    0 votes
    5 answers

  24. div

    В общем вот такой вопрос можно ли реализовать такое http://jsfiddle.net/prizrak/HP4kN/ в верстке див?) если да то как?)(хоть намекните)

    Asked by biginer,

    0 votes
    4 answers

  25. проблема привязки css

    делаю сайт но в разных браузерах отображается совершенно по разному решил попробовать вставить тег <!DOCTYPE> и получилось так ссыль без <!DOCTYPE> получается так ссыль пожалуйста подскажите в чем проблема

    Asked by voin545,

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