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. Проблемы с размещением на галерее jQuery

    Здравствуйте, на галерее размещаются текст и картинка и смещаются к левому краю. И вот я периодически возвращаюсь к вопросу, как сделать, чтобы были они размещены на всю длину галереи. Испробовано масса вариантов... Может кто-то сможет подсказать, в чем же проблема и что добавить-убавить... Да, шаблон резиновый и на низком разрешении, все прекрасно, а вот на высоком... Сайт http://v-modus.ru Спасибо

    Asked by Ksenia,

    0 votes
    3 answers

  2. валидатор глючит?

    помогите пожалйста разобраться в ситуации. есть страница с валидным html-кодом. заливаю её на один хостинг и проверяю(в подвале страницы кнопка есть) при помощи валидатора, в результате получаю сообщение об отсутствии ошибок. заливаю на другой хостинг. повторяю проверку и вижу, что валидатор нашёл ошибки. причем мне непонятные даже после перевода с английского. вот эти страницы: раз, два

    Asked by cyklop77,

    0 votes
    4 answers

  3. Фигня со страницей

    Помогите пожалуйста! В мозилле фигня и в ие! _http://industry2011.my1.ru/start1.html Кодировка нормальня стоит, но все равно непонятно нифига. Пишу в ПСПаде, там в предварительном просмотре всё нормально!

    Asked by htmlonline,

    0 votes
    10 answers

  4. Выравнивание изображения по вертикале в строке

    Помогите выровнять изображение по середине(по вертикали) строки. Если использовать vertical-align: middle, то изображение немного смещено от центра по высоте. Вот пример Вот код: <!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"> body { font: 0.86em/1.5 Arial; } div { background-color: #eee; font-size: 2em; } img.img-middle { vertical-align: middle; display: inline-block; } spa…

    Asked by CoDy,

    0 votes
    0 answers

  5. div в правом нижнем углу

    Надо разместить див в правом нижнем углу другого дива. Если писать position:absolute; right:0; bottom:0. Он размещается, где надо, но текст внешнего дива прячется под этот див, а нужно, чтоб он обтекался. Если написать margin-top:-250px; float:right; — аналогично: блок размещается, где надо, но не обтекается текстом.

    Asked by anatoliy86,

    0 votes
    11 answers

  6. Кроссбраузерное выравниевание блоков по горизонтали

    Добрый день товарищи! Подскажите, пожалуйста, статьи или по своему личному опыту, как лучше выравнивать блоки фиксированной ширины по-горизонтали по центру, кроссбраузерно? К примеру: имеется внешний блок шириной 1000 пикселей и внутренние блоки по 100 пикселей каждый(рис.) Решение 1: первая мысль-float #outer_block{ background-color:#CCC; padding:10 0; min-height:280px; width:1000px; } #outer_block div{ background-color:#FCC; width:100px; min-height:200px; margin:0 5; float:left; } <html> <head> <title>Тестовая страница</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <meta http-equiv="P…

    Asked by XuLLlHuK,

    0 votes
    5 answers

  7. Margin-right в блоке

    Здравстуйте,есть блок(резиновый) нужно вставить в него 2 картинки с отступом справа вот так: http://itmages.ru/image/view/269207/0cb2979a , подскажите как это сделать? #content { height:400px; margin: 40px 75px 40px 63%; padding: 3px; border: none; min-width:350px; max-width:550px; } .conten { background: transparent;line-height:35px ;height:400px ; } .conten h1, .conten p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#9c9eb2; border-left:1px solid #9c9eb2; border-right:1px solid #9c9eb2; margin:0 5px; font-size:1px; } .conten …

    Asked by Rambo2045,

    0 votes
    2 answers

  8. Слишком большой CSS

    Сабж, как делают на крупных интернет-проектах? А то css такой большой, что достаточно геморойно что-то найти подправить, создаются новые стили, чтобы подправить старые, css становится еще больше

    Asked by AquaGen,

    0 votes
    12 answers

  9. Структура заголовков в XHTML

    Расскажите, пожалуйста, о выборе структуры заголовков применительно к XHTML. Должны ли они располагаться в документе строго по порядку, от большего уровня к меньшему? Как следует расставлять заголовки, если в коде сначала идут несколько второстепенных секций, а после них основная? Может ли быть в документе несколько h1? Если может, то в каких случаях?

    Asked by troll,

    0 votes
    4 answers

  10. Проблемма с двухколоночным макетом

    Здравствуйте, делал двухколоночный макет, как в статье на сайте через border. Но почему-то отображается во всех браузер адекватно, кроме IE6. Посмотреть можно здесь, я сам программист, версткой никогда не занимался. Поэтому прошу отчаяно помощи =)

    Asked by like2dev,

    0 votes
    7 answers

  11. Убрать блок из поля видимости

    Здравствуйте, когда я убираю блок из поля видимости методом position: absolute; top: 9999px left: 9999px Появляется скролл, как от нее можно избавиться?

    Asked by like2dev,

    0 votes
    6 answers

  12. Синхронизация галереи и описания

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

    Asked by Lemo,

    0 votes
    2 answers

  13. Условные комментарии IE

    И снова здравствуйте уважаемые Люди. У меня к Вам есть новый вопрос, простой для Вас и не понятный для меня. Вот допустим у меня есть условный комментарий: <!--[if lt IE 9]>Текст который будет показываться во всех версиях IE кроме 9.<![endif]--> Куда правильней всего вставлять этот код? И как сделать так чтобы выводился не мой сайт с текстом который написан в комментарии а чисто один текст из комментария на чистой странице? Если Вы меня плохо поняли то сообщите, я объясню всё поподробней. Спасибо за внимание.

    Asked by AP311,

    0 votes
    8 answers

  14. Ширина блока динамическая, в резине

    У меня есть верстка , прикладываю скриншот что было понятней,есть блоки(с анонсами) с у них float: left и задана определеная ширина примерно 45%. Если на 1600px то они располагаются в 2 колонки если окно уменьшаюшь то они в одну колонку получаются, и правого баннера пустое пространство, которое не хорошо смотрится. Как сделать так что бы в случаее когда его товары в одну колонку то они бы растягивались на всю ширину

    Asked by chiffenok,

    0 votes
    4 answers

  15. Названия категорий "спадают" при изменении разрешения экрана

    Следующая ситуация. Есть блок archive_of_ratings width: 708px; В нём есть блок titles_of_archives width: 708px; В блоке titles_of_archives лежите четыре ссылки: <a href="#" class="category">Text1</a> <a href="#" class="category">Text2</a> <a href="#" class="category">Text3</a> <a href="#" class="category">Text4</a> Где стили класса category: .archive_of_ratings a.category { background: url("../img/archiveratings_grey.jpg") repeat-x; border-left: 1px solid #aab7c7; border-right: 1px solid #e9ecf1; color: #0068D0; font-family: Tahoma,Arial; font-size: 12px; height: 20px; line-height: 15px; …

    Asked by SkyTrace,

    0 votes
    4 answers

  16. Flv Player

    Здравствуйте! У меня возникла следующая ситуация: После долгого и изнурительного выбора видеоплеера для сайта решил остановиться на Flv Player. Всё бы хорошо – но как всегда есть "НО"! 1) Полностью не отображается в ie-7,8,9!(по крайней мере у меня... не знаю что с этим делать?) 2) По углам плеера видны видны 4 белых треугольничка(1-2px)-следы от бэкграунда какого-то блока на заднем фоне!(от какого именно понять не удаётся...) 3) когда проигрываеться 70-80% ролика- в левом верхнем углу появляется надпись "буферизация"!(к сожалению на данном ролике от этого последствия виднеется только черное обозначение "%". Остальная надпись не видна из за чёрных краёв по бокам ролика...…

    Asked by Yamaradg,

    0 votes
    1 answer

  17. атрибут hreflang тэга a, и его работа.

    Здравствуйте. Изучая этот замечательный сайт я наткнулся на атрибут hreflang у тэга <a>. Прочитал его описание вот на этой странице и впал в ступор. В таблице поддержки браузеров четко указано, что не один браузер не понимает этот атрибут. И сразу возник закономерный вопрос. Для чего нужен такой атрибут? Как он работает, если браузер не способен его понять? Надеюсь вопрос был достаточно ясно задан. Жду ответа.

    Asked by biz87,

    0 votes
    2 answers

  18. IE6+ и graceful degradation

    Решив провести субботний вечер за просмотром полезного видео о веб технологиях и верстке в частности, натолкнулся на замечательный доклад «Когда хуже — лучше» Юрия Артюха с конференции «РИТ 2011» проходившей весной в Москве. Эту запись я увидел как только она была слита в интернет, но почему-то не принял ей особого значения. И вот вчера, пересмотрев ее еще раз, осознал все великолепие его доклада. Понимаю, что часть форумчан его видела, возможно даже бОльшая, а те кто не видел обязательно посмотрите. Но я все же хочу немного написать о теме, которую он затронул. Так сказать, закрепить материал. Итак, что же предлагал Юрий? Скорее всего вы уже знаете о таком подходе как gr…

    Asked by zSpx,

    0 votes
    7 answers

  19. Вопрос по дизайн шапки сайта DLE

    Привет всем! Возник такой вопрос, есть сайт _http://www.zkarate.org/ - задумка сделать шапку была такая: В результате получилось: Я так понял, что шапка имеет три блока, с первым проблем вроде как нет, а блоки 2 и 3 мешают друг другу - сдвигают, или загоняют друг друга вверх вниз. 1-й вопрос - как сделать так, чтоб картинка с каратистами растянулась по высоте 2-й вопрос - чтоб картинка с каратистами не мешала тексту по середине. Часть кода main.tpl {AJAX} <body> <div id="container_wrap"> <div id="header"> <div class="logo"><a href="/" title="На главную"><img src="{THEME}/images/logo.png" alt="" /></a></div> <div id="…

    Asked by mafusail1900,

    0 votes
    1 answer

  20. НУЖНА ПОМОЩЬ!

    РЕБЯТА ВЫРУЧАЙТЕ КАК СДЕЛАТЬ? модуль/компонент для InstantCMS. Функции модуля: 1. загрузка пользователями через личный кабинет на сайт аудио-файлов в формате mp3, создание краткого описания для файла (название, исполнитель, жанр и т.п.) 2. отображение в личном кабинете списка своих загруженных файлов с возможностью прослушивания их с помощью плеера прямо на сайте, удаление загруженных треков, редактирование атрибутов файла. Список дорожек доступен для просмотра другими пользователями 3. отображение на главной странице списка файлов, загруженных другими пользователями, с возможностью прослушивания прямо в списке (без перехода в отдельное окно) и в окне подробной информац…

    Asked by mihei,

    0 votes
    3 answers

  21. <table>

    имеется таблица <table> <tr> <td></td> <td></td> </tr> </table> как можно сделать такую структуру: ________________ |Фото |Описание | | | | | | | |_____| | | | | | _________________

    Asked by Ledniy,

    0 votes
    11 answers

  22. Как правильно верстать

    Интересует именно общий подход. Как я вижу: 1) Для начал делаем разметку страницу: определяемся с кол-во блоков, секций, слоёв; решаем что фикисрованно, а что тянется и т.д. И выстраиваем общую структуру страницы (я обычно делаю пустыми блоками с разным цветом бэкграунда). Проверяем на кросс-браузерность и косяки. Если нормально - переходим к наполнению. 2) Заполняем контентом, вставляем менюхи и т.д. - более трудоёмкий процесс, ибо каждый элемент надо отдельно выравнивать (а они иногда очень не желают этого делать при заданных условиях). И вот тут обнаруживается первая засада: вроде общая структура у нас готова и зафиксирована, но наслдеование или overflow какого-нибудь …

    Asked by Nanto,

    0 votes
    1 answer

  23. картинка под ссылкой

    Подскажите пожалуйста, как сделать обычную ссылку, но при наведении на нее, под ней появлялось изображение? Через onmouseover как это реализовать?

    Asked by Motoko Kusanagi,

    0 votes
    3 answers

  24. Активная ссылка меню

    Не могу понять почему отходит вниз... http://di-asouls.ru/minecraft/ Я понял, что виновато "padding-top: 20px;" и мои кривые лапки, но как выровнять текст без такого проблемного состояния? \\\ [left] #menu { padding: 0; list-style-type: none; background-image: url(../page_img/menu/menu_bg_repeat.png); font-size: 30px; height: 70px; } #menu li { padding-top: 20px; float: left; margin: 0; } #menu li a { text-decoration: none; display: block; padding: 0 20px; line-height: 70px; color: #ffbf00; } #menu li a:hover, #menu li.active a { text-align:center; color: #ffbf00; background-image: url(.…

    Asked by Diasouls,

    0 votes
    2 answers

  25. Закругленный блок

    Делаю такой блок http://itmages.ru/image/view/267385/45baef98 , низ блока отходит , как это исправить? .list_img li { list-style: none; background: url(circle1.png) no-repeat left 40% ; margin-left:-15px; } #content { height:400px; margin: 40px 70px 40px 65%; padding: 5px; border: 1px solid #333; min-width:400px; } .conten { background: transparent;line-height:30px ;height:400px ; } .conten h1, .conten p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#9c9eb2; border-left:1px solid #9c9eb2; border-right:1px solid #9c9eb2; mar…

    Asked by Rambo2045,

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