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. избыточность селекторов

    скажите пожалуйста существуют ли какие-нибудь программы или онлайн-сервисы наподобие минификаторов, которые умеют сокращать длинные цепочки селекторов? например такие .nav_top ul .button_left.active .right .shellbutton .button_right .button_center{} и вообще есть ли существенная польза от таких сокращений? есть мнение, что трудно поддерживать большие проекты, оформленные подобным образом. имеет ли право на жизнь такое мнение? мне например намного проще ориентироваться(дорабатывать, изменять) в любом коде когда элементы определены однозначно(пусть даже за счет избыточности)

    Asked by cyklop77,

    0 votes
    6 answers

  2. Подскажите как выставить цвет

    Уже два вечера угрохал на эту мелкую проблему - и гуглил и мануалы листал, ну никак не нашел подход. Всё залил сюда, весь код меню в одном файле. http://удалил.ru/ Как сделать, чтобы при наведении курсора на основные пункты - они (пункты) оставались белым цветом. А то при уходе на субменю буквы снова становятся чёрными. Заранее спасибо. P.S. Вёрстка только начата под Лисой, в других броузерах может что-либо слететь при просмотре страницы.

    Asked by Coder_D,

    0 votes
    6 answers

  3. Наложение блоков div друг на друга

    Добрый день! Не очень опытна в верстке блоками, поэтому хотела бы обратиться за помощью и подсказкой. Нужно сделать вот в таком виде: Я тупо решила это, позиционируя блоки с relative. Но что-то мне подсказывает, что решение очень неудачное, и все может сползти... Возможно как-то можно решить с помощью margin? Пока в голову не приходит как именно. Плюс желательно, чтобы блок2 и текст2 могли смещаться вправо, допустим до красной линии.

    Asked by m2141,

    0 votes
    6 answers

  4. Сложное обтекание картинок

    Друзья! Возник вопрос, как сделать обтекание картинок текстом. Все вроде просто и понятно, но как сделать именно так, как на рисунке ниже??? Перерыл весь форум и еще кучу с других сайтов, но толком ничего не нарыл. Если кто может помогите пожалуйста!!!

    Asked by knyazvs,

    0 votes
    6 answers

  5. прыгающие блоки

    помогите пожалуйста понять и решить проблему. на странице в любых виндовых браузерах при изменении масштаба браузера(ctrl -) происходит перемещение блока .information под блоки .welcome и .latest_works задавал вопрос на другом форуме и мне ответили, что происходит изменение толщины границы блока. ссылка. зафиксировать изменение толщины своим firebug-ом не получилось находил на вашем форуме тему с похожей проблемой, но только для ie

    Asked by cyklop77,

    0 votes
    6 answers

  6. верстка формы?

    http://pixs.ru/showimage/TestRegFor_3853978_4966929.jpg подскажите пожалуйста, как верстать эти формы с работающими табами????нужно верстать отдельно вход и отдельно регистрацию, или как то по другому? И как верстать выступающие элементы Вход и Регистрация?какой html использовать лучше и проще????таблицы или дивы???

    Asked by olechic,

    0 votes
    6 answers

  7. Существуют ли такие теги

    Существуют ли такие теги, как <LH>, <SVG>, <CIRCLE>? На этом сайте их нет, но я их встречал.

    Asked by nemo59,

    0 votes
    6 answers

  8. DIV не выравнивается по высоте

    Добрый день, подскажите пожалуйста: http://jsfiddle.net/8xyNP/ 1) Почему, у span.b автоматически не выставляется высота как у родителя div.a? 2) Если, у span.b выставить width: 500px, как сделать чтобы span.c сам выставил себе значение width, до элемента span.b?

    Asked by AppleMacMy,

    0 votes
    6 answers

  9. css хитромудрые селекторы

    Есть верстка: <body> <header>Заголовок сайта</header> <div class="layout"> <aside> <div class="top"></div> <div class="middle"> <h2 class="nomargin-top">Меню</h2> <—- вот он, элемент для которого надо получить селектор <ul class="nomargin-bottom"> <—- и для последнего тоже надо <li><a href="link1.html">Ссылка 1</a></li> <li><a href="link2.html">Ссылка 2</a></li> <li><a href="link3.html">Ссылка 3</a></li> <li><a href="link4.html">Ссылка 4</a></li> <…

    Asked by crashtua,

    0 votes
    6 answers

  10. Резиновый дизайн DIV-ами

    Здравствуйте! Верстаю шаблон для Джумла-2.5, нужен шаблон на ДИВах Вот сайт: Сайт Левая колонка присутствует только на главной странице, на остальных поле контента должно растягиваться на всю ширину. Совершенно запуталась с версткой! Применила для элемента 1 абсолютное позиционирование, растягивается как нужно, но на главной почему-то элемент 2 и поле 4 продолжаются за левое поле... И как указать расположение аналогичных нижних элементов, если поле вниз будет растягиваться в зависимости от контента? ПОмогите, плиз!

    Asked by Zeeeya,

    0 votes
    6 answers

  11. Не работает behavior:url(border-radius.htc);

    В css используется: -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-outline-radius: 5px; border-radius:5px; В Google Chrome все отлично работает. Для работы в IE8 используется: behavior:url(border-radius.htc); Тем не менее, в IE8 уголки не закругляются. Подскажите, пожалуйста, как решить проблему?

    Asked by TorchTT,

    0 votes
    6 answers

  12. кнопочки

    расскажите пожалуйста как верстать кнопочки любые блоки стараюсь верстать, учитывая переполнение контентом. в кнопках типа "search", "send", "join now" очень редко меняется текст(тем более из админки). но совесть всё таки не спокойна когда тупо вырезаю в фотошопе фон с определенными размерами и использую для контейнера кнопки как лучше поступать, для каждой кнопки всё таки учитывать переполнение или это не обязательно? может быть существуют какие-нибудь правила хорошего тона?

    Asked by cyklop77,

    0 votes
    6 answers

  13. Проблема абсолютным позиционированием

    Есть сайт vtrailere.ru. Поставил туда РСЯ и обернул его код дивом с id="rsy" (http://vtrailere.ru/2012/treyler-k-filmu-strast-k-peremene-mest) Написал для этого дива следующий стиль #rsy { position: absolute; top: 100px; } Ждал что этот местоположение этого будет вестись от верхнего левого урая браузера но ничего не произошло. В чем моя ошибка?

    Asked by smirn0ff,

    0 votes
    6 answers

  14. Почему padding не работает?

    Я в сайтостроении новичок, та что сильно не пинайте. Вобщем есть HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Главная</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <div id="wrapper"> <!-- top_header --> <div id="t_header"> <div id="t_header_middle"> <p>Левый текст| E-mail: <a href="mailto:xxxxx@mail.ru" title="Написать нам письмо">xxxxx@mail.ru<…

    Asked by Vensdale,

    0 votes
    6 answers

  15. высота изображения-ссылки

    здравствуйте. подскажите, как победить проблему высоты изображения-ссылки. страница здесь http://uc.vitragestyle.ru/4pik/news.php?idnws=2 у ссылки display="block". изображению задаётся ширина в процентах. как я понимаю, браузер выставляет высоту автоматически. как указать высоту ссылки? без этого значения более-менее корректо отрисовывает страницу только firefox. в остальных браузерах не получается узнать высоту ссылки -> неизвестна высота блока галереи -> некорректна высота блока новости (учитывается только высота текста) -> неправильно задаётся положение футера (положение футера расчитывается с помощью js на основании размеров блоков)

    Asked by balashovka,

    0 votes
    6 answers

  16. Из Joomla в html

    Здравствуйте! Подскажите пожалуйста, как перенести страницы сайта из Joomla в html, так как там верстать и править сат удобнее и доступнее. Тормозит ли наличие движка продвижение по запросам сайта?

    Asked by Yarkaya,

    0 votes
    6 answers

  17. Помогите с таблицей (hover-выделение)

    Добрый день, у меня есть таблица <div class='border'> <table class="row1"> <tbody> <tr class="header"> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> </tr> <tr class="list"> <td class="list">1</td> <td class="list">2]</td> <td class="list">3</td> <td class="list">4</td> …

    Asked by nuke_,

    0 votes
    6 answers

  18. проблемы с блоками

    Добрый вечер знатоки css и HTML, у меня появилась проблемма, вернее она была но вот никак немогу ее решить, прошу помощи ! вобщем есть сайт вордпресс движок, есть неплохой шаблон, который я немного переделал, но вот незадача мой sidebar нижная его часть, уходит влево, при условии что основного контента мало , тоесть некоторые блоки уходят под контент и правый sidebar не растягивается по вертикали вот прилагаю ссылку http://osadovod.ru/tag/malina А вот если контента много http://osadovod.ru/bolezni-i-vrediteli-rastenij-chast-pervaya-bolezni.html код темы замудренный, вот див который отвечает за бар #sidebar{float:left;width:322px;} Голову уже сломал как сделать так чт…

    Asked by redfox1986,

    0 votes
    6 answers

  19. HTML5 and CSS3

    Можно ли верстать кроссбраузерно(IE ниже 7 не учитываем) используя новые веб-технологии html5 и css3? И как легче приучить себя верстать на html5? поделитесь опытом кто как первый раз применял на практике

    Asked by Aleksey19881988,

    0 votes
    6 answers

  20. применение шрифтов обработанных cufon

    Добрый вечер. Подскажите пожалуйста, как указать для cufon, что шрифт применить для всех элементов страницы искал в инете, но нашёл только как для содержания определённого тега указать <script type="text/javascript"> Cufon.replace("h1"); </script> На сайте используется jquery пробовал использовать селектор jquery "*", ни чего не дало <script type="text/javascript"> Cufon.replace("*"); </script> шрифт подключается, но не работает... и второстепенный вопрос, что случилось с сайтом http://www.fontsquirrel.com/fontface/generator, пробовал через него конвертировать шрифт - выдаёт ошибку, что файл шрифта повреждён? пробовал на разных шрифта…

    Asked by slo_nik,

    0 votes
    6 answers

  21. Вывод таблицы клиентов и ее сортировка

    Прошу подсказать каким инструментом лучше пользоваться чтобы вывести в html таблицу с информацией о клиентах. В таблице много значений, соответственно вывод будет постраничный. Также необходимо иметь возможность просматривать и редактировать детализированную информацию по клиенту. Саму выведенную таблицу сортировать по полям. В принципе устроил бы вывод аналогичный phpmyadmin. Поискал варианты реализации этого функционала, как я понимаю можно сделать это все и на html+PHP, но реализованных вариантов найти не смог. Подходящие решения нашел в Jquery, но там сходу разобраться не удалось. Поэтому прошу подсказать с помощью чего лучше реализовать данный функционал. Если кто…

    Asked by Pestov,

    0 votes
    6 answers

  22. Такст по вертикали

    Возможно ли без картинки сделать такой "Feedback"? http://clip2net.com/s/23jou Т есть текст в блоке расположить вертикально.

    Asked by seemax,

    0 votes
    6 answers

  23. Центрированное горизонтальное меню на ul

    Есть страница фикс. ширины,меню на списках <div id="navbar"> <ul> <li><a href="...">1</a></li> <li><a href="...">2</a></li> <li><a href="...">3</a></li> <li><a href="...">4</a></li> </ul> </div> #navbar ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; font-size: 100%; text-align: center; border-bottom: 3px solid #fff; background: #e6e6e6; color: #000; } #navbar a { float: left; width: 11.6em; height: 25px; text-decoration: none; color: #009; background: #E6e6e6; padding: 0.2…

    Asked by Silvandir,

    0 votes
    6 answers

  24. Сдвигается сожержимое блока

    Подскажите, почему при наведении на блок, когда появляется рамка, все сдвигается? Как сделать, чтобы содержимое блока оставалось неподвижным при наведении ? http://jsfiddle.net/qnr9Y/2/

    Asked by Imperil,

    0 votes
    6 answers

  25. помогите с тегом embed

    Здравствуйте , я хотел сделать сайт на который загружу музыку , но есть одна проблема , когда я обновляю страницу то начинают играть все песни , а мне нужно сделать так , что бы играли только те , на которые нажали плей . Вот так делал я , подскажите пожалуйста как сделать , что бы играло то , что хочешь , а не всё сразу ). <embed src="ХИТ ЛЕТА 2011.mp3"> <br> <embed src="Музыка/L'aRossa - P2 2011].mp3">

    Asked by KEKS_CHEL,

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