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. Проблема с padding

    Здравствуйте Хочу сделать на кнопках, чтобы при нажатии текст в кнопке смещался вниз (типа эффект нажатия). Это я пытаюсь сделать изменением padding`a в псевдоклассе :active. Вот пример кода <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> #buttons { font: 12px/1.4 Verdana; padding: 20px; } #buttons input[type="button"] { border: 1px solid green; padding: 5px; } #buttons input[type="button"]:active { padding: 7px 5px 3px; } </style> </head> <body> <div id="buttons"> <input type="butt…

    Asked by sergiyko,

    0 votes
    5 answers

  2. Проблемы с блоком регестрации

    Подскажите пожалуйста,есть несколько вопросов по блоку. Вот картинка. 1.Рамка не до конца формы в чем проблема? 2.Кнопку надо поднять вверх,а так же почему то остались старые стили в другом шаблоне на этой кнопке,хотя шаблон другой,как это устранить?( 3.Когда разрешение экрана 1024 то блок справа уезжает за пределы примерно на 3 пиксиля.Как это устранить? .moduletableloginform { width: 250px; margin: auto 0; background: #FEFEFE; border: 1px solid #CAD8DE; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.08); font: 14px/18px Arial, Tahoma, sans-serif; color: #444;} #loginza-username { margin: 0 0 10px;} p#loginza-username label { disp…

    Asked by AlexNN,

    0 votes
    22 answers

  3. Скролл в ячейке таблицы

    Приветствую всех. Есть таблица на всю ширину экрана из двух ячеек. Верхняя должна быть высотой по содержимому, а нижняя на оставшуюся высоту окна. В нижнюю ячейку выводиться таблица, и если она не вмещается, то в ячейки появляется скролл. Полазив по просторам интернета выяснилось, что в ячейку просто так скролл не добавить (при "overflow: scroll;" визуально появляется, но не работает). С помощью добавления "DIV" в ячейку такое можно провернуть, но есть нюанс. Если "DIV" добавить свойство "height: 100%;", то в IE 8 "DIV" растягивается на 100% относительно окна, а не ячейки. (в Хроме все нормально) Собственно вопрос в том, как это поправить? Часть кода: <!DOCTYPE html …

    Asked by Sinot,

    0 votes
    15 answers

  4. Размер шрифта в Opera

    Доброго времени всем! Заранее прошу прощения за повтор. Подскажите, как установить размер шрифта в "Опере" на 8пикс. с помощью CSS, но без изменений настроек самого браузера? Пыталась так, но не помогло: font-size:8px !important;

    Asked by vikver,

    0 votes
    5 answers

  5. Скачет страница

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

    Asked by Modestes,

    0 votes
    3 answers

  6. 2 колонки

    Всем привет, не получается сделать в один ряд колонки... Сейчас так: А хочется вот так)) Вот ксс блоков этих: .new { float:left display:table; position: relative; margin-left: 5px; margin-right: 660px; } .rgh { width: 630px; float: right; } Помоги сделать пожалуйста.

    Asked by heinz,

    0 votes
    9 answers

  7. Позиционирование элемента с отступом

    Подскажите пожалуйста! <div class="standart"> <span class="statistics">Статистика</span> </div> .standart { position: fixed; right: 5px; bottom: 5px; } .statistics { border: 1px solid #CFCFCF; background-color: #F2F2F2; padding: 5px } Если поставить padding: 5px в .statistics, то элемент div.standart уезжает за края, приходиться регулировать вручную параметр bottom: 5px в .standart Вопрос: почему span.statistics сам не регулируется относительно значений bottom и left заданных в .standart, при изменение padding внутри его? P.S. - Заметил что если элемент будет без span в одном div элементе, все корректно =(

    Asked by AppleMacMy,

    0 votes
    2 answers

  8. Верстка

    Есть меню, нужно сверстать что бы была картинка постом ссылка Пример, картинка_ссылка картинка_ссылка a.menu { display:block; font: 14pt sans-serif; background-position: left bottom; background-image: url(images/icon-folder.png); background-repeat: no-repeat; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin: 0 0 0 10px; } <a href="#" class="menu">Главная страница</a> Вот что у меня есть, но проблема в том, что ссылка налазит на картинку, а нужно что бы ссылка шла после картинки

    Asked by JoyStick,

    0 votes
    2 answers

  9. Фон на форму

    Добрый день! У меня вопрос, как сделать фоновое изображение на форму обратной связи.

    Asked by pgorum,

    0 votes
    11 answers

  10. Какая причина может быть

    Не выводится ни один модуль на позиции, в Index.php прописал: <div class="coloumn_news"> <jdoc:include type="modules" name="left_news" /> </div> в XML файле тоже прописал позиции: <position> left_news</position> В чем может быть причина?

    Asked by Imperil,

    0 votes
    3 answers

  11. Растянуть блок контента

    Подскажите пожалуйста как исправить данный косяк? Смотреть скрин Блок контента сворачивается если в нем мало содержимого, как его растянуть до футера в не зависимости от наполнения? Вот стили блока #content80 { float:left; width:760px; overflow:hidden; background-color:#FCF6D6; } height: auto; не помогает

    Asked by Modestes,

    0 votes
    1 answer

  12. Один блок в центре страницы и футер всегда внизу

    Друзья, помогите, пожалуйста. Задача: блок фиксированных размеров должен быть выровнен по центру страницы (по вертикали и по горизонтали) Внизу должен быть футер фиксированной высоты, который прилипал бы к низу страницы. При уменьшении размеров окна футер не должен наезжать на центральный блок - должна появляться полоса прокрутки. Для наглядности, вот что должно получится: Уйму вариантов перепробовал, но так чтоб работало в IE 7,8,9, FF, Chrome - не могу сделать. Буду очень благодарен за советы

    Asked by Powerhead,

    0 votes
    6 answers

  13. Растягивание фона

    Здравствуйте, форумчане! Имеется сайт с приблизительно такой структурой: <table> <tr> заголовок </tr> <tr> <table> <tr> <td>левая колонка</td> <td>центр</td> <td>правая колонка</td> </tr> </table> <tr>подвал</tr> </table> Ширина колонок и центра постоянна, длина меняется. Задача: добавить фоновую картинку. Так, чтобы она была за обеими колонками и центром, и растягивалась в зависимости от их длины. Решение: после долгих поисков и проб нашел более-менее сработавший способ, добавил перед левой колонкой ячейку: <td height="100%" width="1050" valign="top" style…

    Asked by SAURONoff,

    0 votes
    2 answers

  14. Резиновость сайта

    Вроде поменял всю ширину на 100% , а все равно сайт не резиновый!! Вопрос кэш очищать в этом случае надо? body {margin: 0 0 0 0;padding: 0 0 0 0;background: #e0e0e0; color:#0040a0; font-family: "Times New Roman", Times, serif;font-size: 20pt;} table{border:3px; border-color: #204090; border-collapse:collapse;} table td{padding:0px; vertical-align: top;} table tr{margin: 0 0 0 0;padding: 0 0 0 0;} img{border: 0;margin: 0 0 0 0;padding: 0 0 0 0;} ol, ul{text-align: justify;font-size: 12px;padding-left:20px;color:#20b040;} li{text-align: justify;font-size: 12px;} p{text-align: justify;font-size: 12px;} p.pc {text-align: center;} p.pcb {text-align: center; font-weight: bold;}…

    Asked by bsuir,

    0 votes
    5 answers

  15. Выполнение сторонних скриптов на сервере из веб-интерфейса

    Здравствуйте, подскажите пожалуйста, как можно выполнить на сервере сторонний скрипт\консольную команду кнопками из браузера? В идеале чтобы можно было читать текстовый вывод этого скрипта и совсем хорошо, если не надо было бы перезагружать веб-страницу для его выполнения. Нашел только вариант как на PHP выполнить консольную команду во время загрузки страницы.. Можно от такой консольной команды хотябы вывод пропарсить? И какие еще варианты возможны (может на джаве что-нибудь?) <html> <head> <title>Hello, World!</title> </head> <body> <br> <?php `python /tmp/scripts/turn_on.py`; echo 'Hello, World!' ; ?> </body> &lt…

    Asked by Mihail_,

    0 votes
    2 answers

  16. <video> background, соц. кнопки

    1. Подскажите как поставить в беграунд видео? Стандартно я так понял в видео <video> нет параметра такого. Нашел скрипт, но он прототайповский, я у меня кругом jquery. Если noConflict делать, то это надо все jquery же пересматривать, и делать единообразный $. Пробовал кучу html5 плееров, то ли плохо пробовал, то ли чего, но тоже ничего не получилось. Есть может у кого нибудь пример? Подскажите что нибудь. Спасибо. <!———————> 2. Не хочу создавать отдельную тему, можно ли передизайнить кнопки "Мне нравится", "like it" ну и "tweet"? Как кстати у вас тут внизу. Я так понимаю надо перехватывать стили, что он выводит, и свои подставлять?

    Asked by npofopr,

    0 votes
    2 answers

  17. Не совпадают границы блоков

    Здравствуйте. Ситуация заключается в следующем есть на странице четыре центрированных блока, одинаковой ширины. Всем им заданы бордюры слева и справа, у первых трёх блоков бордюры совпадают, а нижний блок ужодит на пиксель в сторону, из-за чего возникает такой глюк? Как его можно исправить? (браузер Mozilla Firfox).

    Asked by param,

    0 votes
    3 answers

  18. Можно ли...

    Можно ли на css поменять надписи на этих кнопках? http://jsfiddle.net/wMBsL/ Это стандартный модуль джумлы "голосование", лазил в коде, не знаю как поменять

    Asked by Imperil,

    0 votes
    7 answers

  19. Подсветка синтаксиса

    Как сделать подсветку синтаксиса кодов? Пример: http://htmlbook.ru/html/a подсветка должна быть автоматической - вставил html/css/php/js/... код и вуаля. А то приходиться ручками каждый элемент выкрашивать. Просто отвечал на одну из тем на этом форуме - вставил код между [ code ]и[ /code ] и работает...

    Asked by Jey Val Star,

    0 votes
    2 answers

  20. Проблема с шаблоном.

    Подскажите пожалуйста как исправить данный косяк? Смотреть скрин Блок контента сворачивается если в нем мало содержимого, как его растянуть до футера? Вот код стиля #content80 { float:left; width:760px; overflow:hidden; background-color:#FCF6D6; }

    Asked by Modestes,

    0 votes
    0 answers

  21. Джумла

    Как в стандартном модуле джумлы "голосования" поменять названия кнопок "ок" и "итоги" на другие надписи? ссылка на фото:http://files.mail.ru/CSGUEN?t=1

    Asked by Imperil,

    0 votes
    3 answers

  22. Выпадающее меню

    Всем привет) Уважаемые коллеги) Столкнулся вот с такой вот задачей. Нужно сверстать такое меню, вот как это сделал я. Проблема в том, что фон пунктов должен быть прозрачный, то есть при фоновом изображении не должно быть видно белого нижнего бордера. Можно по идее просто линию абсолютно позиционировать и в каждом пункте через ид указывать. А можно ли сделать правый обтекающий бордер, как нибудь динамически?

    Asked by Rezpektor,

    0 votes
    4 answers

  23. Margin, padding и текст

    Очень интересует такой вопрос - от какой точки у текста идет отсчет для свойств margin и padding? Ведь кегель шрифта начинается выше линии прописных букв, и в точности определить где он заканчивается нельзя. Хотелось бы уметь размещать текст внутри блоков максимально точно, у меня сейчас с этим небольшие проблемы.

    Asked by skygazer,

    0 votes
    3 answers

  24. маркеры в меню

    когда у меня было горизонтальное меню - маркеров видно не было, но тебе надо вертикальное. я его сделал но появились маркеры. пробовал убрать - они убираются но меню снова становится горизонтальным. подскажите как убрать маркеры, и оставить вертикальное меню. <div id="menu"> <ul id> <li><a href="index.html">Главная</a></li> <li><a href="contacts.html">Контакты</a></li> <li><a href="nashi_uslugi.html">Наши услуги</a></li> <li><a href="mastera_i_studii.html">Мастера и студии</a></li> <li><a href="dostizheniya.html">Достиже…

    Asked by Хелкар,

    0 votes
    2 answers

  25. Тень

    Интересная особенность отбрасывания тени блоков DIV типа static, идущих один за одним вплотную в строчку. Тень от блока 1 "подлазит" под блок 2 и т.д. А требуется обратное - тень поверх блока 2. Z-index не помог. Думаю поможет тип блока absolute. Кто что подскажет, чтобы обойтись без абсолютно позиционированных блоков?

    Asked by user_000149,

    0 votes
    1 answer

  • Обсуждения

    • 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