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. Web colors

    Добрый вечер. Вот тут у меня есть вопрос касающийся, так называемых, "безопасных цветов". Имеется макет, в котором цвет верхней границы блока имеет серый цвет. При проверке цвета на "безопасность" в фотошопе стало видно, что цвет опасный, но лишь на пол тона. При замене его на аналог из безопасной палитры, разница практически не заметна. Как мне дальше быть в аналогичный ситуациях ? Если цвет не для веб, но очень близко к нему, стоит ли применять его или же подставлять картинку для 100% визуального соответствия ? Спасибо.

    Asked by Selen,

    0 votes
    7 answers

  2. Тег b

    Как сделать так чтобы с помощью тега b окно закрывалось при наведении на текст курсора? Заранее всем спасибо

    Asked by kikim,

    0 votes
    1 answer

  3. Центрирование содержимого DIV

    Всем привет. Столкнулся с небольшой проблемой и никак не могу ее разрешить. Помогите, пожалуйста! Допустим, у нас есть контейнер .content внутри которого текст и небольшая галерея. У меня никак не получается выровнять содержимое content по центру. Margin:0 auto для content не помогает. Text-align выравнивает только текст. Пробовал взять img в <p> - результата не принесло. В общем, вопрос пустяковый, но он никак мне не дается. Дайте совет. p's: поиск по форуму почему-то не работает. <head> .content { width:60%; float:left; } .gallery { float:left; margin:4% 7% 4% 0; } .gallery2 { float:left; margin:5% 7% 0 10%; } .gallery P { margin:0 auto 5px; text-align…

    Asked by Sedli,

    0 votes
    4 answers

  4. Как вернуть стиль по умолчанию?

    Проблема такая - есть ряд инпутов, у которых рамка равна 1 пиксель, чёрная, сплошная. Инпутов целых 9 штук. Однако одним из этих инпутов является кнопка. А когда ей вот так проставить рамку явно, она становится довольно непривлекательной. Так вот, вопрос в том - как сделать так, чтобы к ней вернулся стиль по умолчанию? Самое главное, где-то видел недавно нечто подобное и никак не могу найти. Уже весь справочник перерыл, а никак не могу найти, что там прописать, чтобы стиль стал такой, как изначально, то есть чтобы к кнопке не применялось 1px solid #000000, а было так, будто этого свойства у неё нет.

    Asked by thekap,

    0 votes
    11 answers

  5. Как сделать слой высотой с родительский элемент

    Доброго времени суток всем! Делаю сайт с двумя наложенными друг на друга прозрачными слоями (один, типа, основа, под ним, типа, тень). Высота слоя зависит от количество текста в нем, нельзя ли как-то его высоту связать с высотой родительской ячейки? Основной css: .Opacity { background-image: url(image/BG1.png); background-repeat: repeat; background-position: bottom; } .Opacity div { background-image: url(image/BG.png); background-repeat: repeat; background-position: bottom; position: relative; left: -10px; top: -10px; …

    Asked by Manta,

    0 votes
    0 answers

  6. @font-face и русские буквы

    Здравствуйте. Не понимаю как "писать" подгруженным шрифтом по-русски. Смотрю в таблице символов. Всё ок - русские буквы : &\#192; - &\#255; выглядят правильно. Т.е. если писать через код буквы &\#216; получаю правильную Ш, а если просто написать Ш, то получаю Ш стандартного шрифта. На английской раскладке всё хорошо. Заранее спасибо

    Asked by chlp,

    0 votes
    2 answers

  7. элемент КОРЗИНА

    как это создать?

    Asked by alvaros,

    0 votes
    22 answers

  8. Верстка меню

    Здравствуйте, рылся в поисковике, не нашел не чего похожего. Реально ли сверстать данное меню, без применения JavaScript? Если можно, пару подсказок!

    Asked by Richard,

    0 votes
    7 answers

  9. Помоги пожалуйста!

    Всем привет!!!! Моя проблема в следующем: Социальная сеть только начала разрабатываться и возникло несколько вопросов к пользователям со стажем!!!! Мне нужно знать куда прописать(на какой адрес) ссылку на которую будет выходить пользователь после нажатия кнопки-Вход(там что то типо UserName или что то подобное) ?Мне нужно чтобы кнопка вход вела к странице пользователя который ввел свой Логин и пароль!!! Еще как сделать так чтобы после регистрации сайт отправлял СМСку на "мыло"? ПОМОГИТЕ ПЛИЗ!!!

    Asked by ukrop,

    0 votes
    20 answers

  10. div'ы крест накрест

    Добрый вечер всем. Нужно было сверстать вот так: Так, чтобы 1 див был на все окно браузера. У меня получилось сделать для хрома с разрешением 1440х990 В других браузерах и при других разрешениях получается все криво. Может кто-нибудь помочь сверстать кроссбраузерно? Даже хотябы не на весь экран, главное чтобы было крест накрест. Вот мой код странички: <!-- LEFT --> <div class="hor" id="left"> <div class="section"> <h1>LEFT</h1> <a href="#" class="next">Next</a> </div> </div> <!-- TOP --> <div class="vert" id="top"> <div class="section"> <h1>TOP</h1> <a href="#" class="do…

    Asked by forest69,

    0 votes
    2 answers

  11. помошь в верстке для IE 6

    такой сайт http://www.raivolahouse.ru/ скачет телефон справа вверху и подвал внизу в IE6 по поводу подвала пробовал http://htmlbook.ru/layout/fiksirovannyy-podval не помогло. ставил position:absolute также не помогло. прошу помощь

    Asked by Deca,

    0 votes
    0 answers

  12. табличный макет. проблема с вертикальным объединением ячеек

    прошу помощи в таком вопросе. сделал шаблон для joomla 1.5 . табличный резиновый. в таблице есть ячеики, сгруппированные по вертикали. в ie6 одна из таких ячеек растягивается по вертикали(хотя высота указана строго). не могу решить проблему заполнения фоном образовавшейся области. если бы растягивалась соседнии нижняя ячеика, то я бы поступил так как указано вот здесь http://htmlbook.ru/content/osobennosti-tablits но растягивается именно верхняя. подскажите как быть... архив с шаблоном здесь http://narod.ru/disk/5513907001/di_elastic_tab.rar.html

    Asked by cyklop77,

    0 votes
    2 answers

  13. Горизонтальное меню в IE6

    Что-то я запутался. По совету друзей (с) сначала решил забить на IE6, но что-то совесть не позволила. Теперь у меня вопросы по верстке. CSS: #mm_container { background:url(/images/mm_a.png) repeat-x; height:74px; } #mm_container ul{ display:table; margin: 0 auto; } #mm_container li{ display:table-cell; } #mm_container a { display: block; float:left; height:74px; padding:0 20px; font-family:"Hortensia"; color:#fff; text-decoration:none; font-size:1.7em; line-height:74px; } #mm_container li { background:url(/images/mm_a_separator.png) left no-repeat; } #mm_container a:hover { background:url(/images/mm_a_hover.png) repeat-x; } #mm_container li.current a…

    Asked by d0ublezer0,

    0 votes
    23 answers

  14. Таблица

    ПОМОГИТЕ, не понимаю почему таблица не реагирует на код, рамка не появляется и меню не централизируется... <table align="center"width="1150" border="1" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0"> <tr> <td> <script type="text/javascript" src="jquerymenu.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("ul.subnav").parent().append("<span></span>"); $("ul.topnav li span").click(function() { $(this).parent().find("ul.subnav").slideDown('fast').show(); $(this).parent().hover(function() { }, function(){ $(this).parent().find("ul.subnav").slideUp('slow'); }…

    Asked by Floran,

    0 votes
    24 answers

  15. Игнорирование свойства padding.

    Здравствуйте. В блоке есть два вложенных блока. Не понимаю, почему для правого не полностью применяется свойство padding? Отступ от правого края есть, а вот от левого нет. Это можно исправить, если задать свойству margin-left величину большую, чем ширина левого, но тот факт, что правый игнорирует padding стал для меня неожиданностью. Я что-то забыл или так оно и есть? Скриншот (видно, что граница проходит вплотную). HTML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" …

    Asked by Red Planet,

    0 votes
    3 answers

  16. Проблема с эффектом перекатывания.

    Всем привет! При попытке организовать меню с помощью одного CSS. столкнулся с проблемой. Делать пытался по советам уважаемого Влада М. http://htmlbook.ru/faq/kak-sdelat-chtoby-k...avedenii-na-nee Не удалось добиться кроссбраузерности (кажется таким словечком это свойство зовут). Словами описывать долго все мое горе в архиве (180к) http://up.iteam.ua/104480 Может найдется добрый и знающий, и покажет пальцем на ошибку , совсем начинающему.

    Asked by yugov,

    0 votes
    22 answers

  17. Firefox не может width у input type="file"

    Собственно, сабж. Что делать? Атрибут size в html5 у file запрещен.

    Asked by 7ion,

    0 votes
    1 answer

  18. Расширить границу картинки

    Здравствуйте Сейчас ситуация такая: Нужно: Мне просто нужно увеличить расстояние между картинкой и рамкой на n пикселей. Как это осуществить? Пробовал одеть img в div. Стиль div-а: border: 1px solid #BBBBBB; margin-right: 110px; margin-bottom: 200px; margin-left: 110px; Но в этом случае части рамки остаются на своих местах.

    Asked by Doszhan777,

    0 votes
    1 answer

  19. О фоне ссылок, всяких разных.

    Вот так и бывает: показываю новичку, как надо правильно код менюшки писать, и попадаю в абсолютно глупую ситуацию, когда этот самый мой образец работает не совсем так, как ожидается. Вот образец. Суть в чём: у ссылки в различных состояниях (:link, :hover, :active, :visited) должен быть разный фон. Казалось бы, чего проще? Фоном картинку, содержащую три варианта, а для псевдоклассов меняем background-position. В общем случае всё работает как ожидалось, но: В Safari и Chrome игнорируется background для :visited. Используется тот же, что и для :link или вообще без псевдоклассов; В Firefox под Windows 7 фон для :visited работает, но при нажатии на ранее посещённые ссылки не …

    Asked by swetlana,

    0 votes
    26 answers

  20. Учусь

    Приветствую! Учусь верстать.. В процессе возникают вопросы. Прошу помочь разобраться) 1. Зависла на выравнивание по ширине. Контент должен быть по середине. Для содержащего его дива прописала margin:0 auto; но не выравнивается, все равно прижат к левому краю. В чем ошибка? <div style="background:#CCC; color:#737373; font:14px/18px arial; margin:0;"> <div style="margin:0 auto; padding:0 0 20px; width:960px;"> <div style="height:50px; padding:20px;">Пояснительный текст</div> <div style="background:#FFF; padding:20px; width:960px;">Контент</div> </div> </div>

    Asked by art-Limon,

    0 votes
    9 answers

  21. Как верстать в HTML 5?

    Приветствую. Вот как я посмотрю много суеты вокруг этого новшества. Ну в общем у меня вопрос из сабжа. Ради расширения познаний хотелось услышать ответ. В чем отличается вёрстка того же xhtml от html5? ну к примеру я в одном проекте написал так: <!DOCTYPE html> <html> <head> и что теперь это можно назвать сайт свёрстанный в стиле html5? так как кроме этой строчки там, вроде как, ничего другого что касается html5 нету. собственно говорим о сабже

    Asked by klierik,

    0 votes
    67 answers

  22. Проблема с размещением div

    помогите как переместить блок отмечаный красным цветом туда где зеленый на этом сайте >>>> http://school8.r1v.ru все что только мог в цсс файле перерыл но не могу решить эту проблему ни как

    Asked by T@NKIST,

    0 votes
    12 answers

  23. Мне нужно добавить Язык в мой сайт

    привет всем У меня сайт на писан на русском языке меню ну все я бы хотел спросить у знающих людей Как мне можно добавить английский язык что бы можно было переключать Русский и английски.. Если можно и еще добавить языки иностранные любые вот хотя бы примеру как на этом сайте в самом внезу можно переключать с английского на русский

    Asked by Gera=,

    0 votes
    4 answers

  24. Загрузка мод. окна

    Здраствуйте, нужно решить проблему, как мне зделать чтоб модальное окно грузилось в место со страницей.Уже видел такой скрипт который бы решил проблему ,но тепер не могу найти Пример так как сейчас - http://mp3ack.com/ ВХОД. Спасибо...

    Asked by Mr.Black,

    0 votes
    12 answers

  25. Не корректное отображение в EI

    Доброго времени суток! Суть проблемы такова: текст внутри тега li в IE7 если не влезает на экран переносится по буквам. В остальных браузерах отображается нормально. Привожу картинки отображения в Firefox'e и в IE7 + кусочки кода. style.css основной css файл #block-menu-menu-topmenu{ height:85px; border:none; } #block-menu-menu-topmenu li{ list-style:disc; display:list-item; color:#FFFFFF; float:left; margin:0 10px; } #block-menu-menu-topmenu a, #block-menu-menu-topmenu2 a{ font-size:11px; } #block-menu-menu-topmenu a:link, #block-menu-menu-topmenu a:visited{ color:#FFFFFF; } #block-menu-menu-topmenu a:hover, #block-menu-menu-topmenu a:active{ color:#FFFFFF; text-dec…

    Asked by tutmanov,

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