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. Помогите плиз с min-height 100% и двумя div'ами

    Приветствую всех! Помогите плиз. Нужно сделать блок фиксированной ширины с двумя изображениями по бокам(два бордера с тенями), тянущиеся до самого низа. Первый div с min-height 100% и фоновое изображение левого бордера, в него вложен еще один div тоже с min-height 100% и с изображением правого бордера. Так вот, первый бордер(который левый) отображается хорошо и тянется до самого подвала сайта, а вот второй вложенный div с правым бордером хоть убейся, но не тянется до подвала, а только равен высоте контента. Уже весь день мучаюсь, ничего не получается с ним сделать. HTML код: <div id="leftborder"> <div id="rightborder"> <div id="content"> Content: S…

    Asked by Torner,

    0 votes
    5 answers

  2. жирный шрифт в таблице при XHTML 1.0 Strict

    добрый день. Первый раз столкнулся с такой проблемой, использую доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> и как оказалось в нем(именно из-за него, проверил) не могу сделать текст жирным ни одним из пришедших мне в голову способом. Мистика какая-то, ни задание класса для td с параметром font-weight:bold,ни для всех td,даже прописывание тега <b> ничего не прокатывает. Подскажите кто знает,как по этому стандарту.сделать жирный текст

    Asked by versoul,

    0 votes
    7 answers

  3. тег FORM, параметр TARGET, значение _blank

    Подскажите пожалуйста, можно ли cделать так. тег FORM, параметр TARGET, значение _blank : <FORM action="http://www.some-page.com/" target="_blank"> Т.е. произойдет переход на указанный урл и www.some-page.com откроется в новой вкладке, и тебя перебросит с текущей страницы на эту открывшуюся новую вскладу. А можно ли сделать так, чтобы страница открывалась таки в новой вкладке, но тебя при этом не перебрасывало на нее? Т.е. она себе там открылась, а ты уже перешел, когда тебе удобно будет.

    Asked by htmluse,

    0 votes
    1 answer

  4. столбцы из li или div

    Образовалась следующая проблема: две лишки или два дива, float:left +для li display:inline, в первом - картинка, во втором - текст, находятся в родителе (на странице используются как вариант с резиновым родителем, так и с фиксированной шириной - в боковой панели). При переполнении блока с текстом содержимым более, чем "ширина родителя минус картинка" - второй блок выводится ниже первого в 100% ширины родителя. При том ИЕ7 и ИЕ6 блок не переносят (что мне и нужно). <!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" xml:lang="ru" lang="ru"> <head> <t…

    Asked by tr3m0r,

    0 votes
    7 answers

  5. Помогите с менюшкой при верстке

    Люди, очень вас прошу, помогите с менюшкой при верстке ссылка на картинку http://www.dump.ru/file/4509429 как это реализовать? картинка из слоев: бекграунд просто синего цвета и слои под пунктами меню. Зарание большое спасибо!

    Asked by belenki_best,

    0 votes
    0 answers

  6. Отцентровать содержимое по центру страницы (по высоте)

    В итоге нужна небольшая таблица точно по середине окна браузера. Делаю так: <!В ТЕГ HEAD ПОМЕСТИТЬ СЛЕДУЮЩЕЕ:> <style type="text/css"> .backbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } </style> <body> <div class="backbox"> <table height="100%" align='center'> <tr> <td> — Page content — </td> </tr> </table> </div> </body> Да вот в IE таблица (Page content) прилипает к верху окна браузера. Пытался просчитать высоту скриптом, не получается. Помогите! P.S. Еще интересно, чем плохо удалить "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML …

    Asked by SCHNITZER,

    0 votes
    4 answers

  7. Div в joomla

    Доброго времени суток. Подскажите пожалуйста, как с готового меню, сделать так чтоб ее понимала ждумла, через код php? Меню с тенью и закругленными углами. <div class="first"><div class="last"> первый и последний ДИВ с закруглениями. Те что между ними, включая верхние и нижние - пункты меню, которые джумла должна выводить сама а не заполнять вручную. Общем, как-то модуль <jdoc include type modules...> должен в данном случае, быть написан php кодом. ПОдскажите пожалуйста! <div id="goriz"> <div class="first"><a href="#">TEXT</a></div> <div><a href="#">TEXT</a></div> <div><a href="#…

    Asked by :tyz,

    0 votes
    6 answers

  8. Углы и не только!

    Подскажите пожалуйста! Нужно получить такую таблицу(блок) как на рисунке. Изображения использовать не получиться так как в дальнейшем необходимо изменять цвет границ блока и цвет самого блока. И он должен быть резиновым. Помогите пожалуста!

    Asked by Alexsays,

    0 votes
    21 answers

  9. Стилизация выплывающего списка

    Добрый день! Подскажите можно вот так стилизовать список для всех браузеров? Картинки дана в развернутом виде.

    Asked by Prokopov Nikolai,

    0 votes
    5 answers

  10. форма и 2 кнопки

    как реализовать, чтоб при нажатии одной был переход на одну страницу, а при нажатии другой возвращался на эту же?

    Asked by sc@r@bey,

    0 votes
    6 answers

  11. Неполадки с оглавлением

    Вот есть у меня слева на странице, 2 ссылки, со значком салатовыми. Возле каждого значка написан текст который ссылается на другой фрейм, ну это я сделал уже. Проблемма вот в чём, у меня в стилях, в файле style1237.css, заданн класс menu, для ссылок. Я хочу применить класс меню к файлу menu.html Вроде применение происходит, но после наведении мышки на одну из строк и при её нажатии к примеру к строке: Переход к карте изображения расположенной в плавающем фрейме происходит не такое же самое отображение, как при наведении и нажатии на ссылку, под названием: [b]Перейти вниз[/b] Как сделать чтоб было такое же самое как и пр инаведении и нажатии на текст Перейти вниз Чтоб…

    Asked by people2010,

    0 votes
    5 answers

  12. Непобедимый IE 8

    Доброго времени суток, форумчане. В CSS да и HTML я далеко не профи, но вот взялся помочь знакомому вставить свою картинку в шапку сайта. Картинка у нас добротная, габаритная: 1270x200 px. Цель сделать так, чтобы на небольших мониторах картинка пропорционально сжималась до размеров экрана, исключая боковой скрол. Сперва попробовал сделать картинку в виде фона в таблице (background) в таком разе картинка просто обрезалась. Вертикального скролла конечно не было. но все же не то... Тогда написал вот такой код: В итоге, в Firefox ; Chrome ; Opera отображают все как надо, а вот IE 8 выкрутасы показывает, упорно угоняет картинку за пределы экрана, отображая ее в полный размер.…

    Asked by Кракен,

    0 votes
    7 answers

  13. Проблемы с фоном в div

    Здравствуйте. Подскажите пожалуйста, почему синий и зеленый фон только до конца экрана, а не доконца страницы? http://medalist.narod.ru/Untitled-1.html

    Asked by medalist,

    0 votes
    12 answers

  14. Как прописать стиль для слайдера

    У меня проблема с версткой: на сайте показывается слайд-шоу изображений из постов. На фоне каждого изображения должна появляться прозрачная полоса, на которой будет название поста, из которого выводится картинка. Посмотреть можно здесь http://juice.fsay.net/ajuice/ Слайд-шоу будет вверху страницы, справа. там пока нет изображений, почему то они на этом хостинге не работают - хостинг бесплатный. Но понять, как это должно выглядеть, можно. Проблема у меня с полосой, на которой отображается название поста. 1. При перезагрузке страницы она отображается выше нужного места, а потом, когда страница загрузилась полностью - полоса опускается вниз. В общем, некрасиво дерг…

    Asked by Mila,

    0 votes
    5 answers

  15. Высота таблицы

    Собственно подскажите решение проблемы, знаю что она насущная, но так толкового решения и не нашел. Опишу: Черная таблица растягивается по высоте в зависимости от контента. Нужно сделать так чтобы, при увеличении высоты зеленой таблицы (в зависимости от количества текста) еще и синяя таблица растягивалась до самого конца. И наоборот. В зависимости от растягивания синей таблицы, растягивалась и зеленая таблица. Красная и оранжевая таблица имеют фиксированную высоту в пикселях.

    Asked by TAILER,

    0 votes
    6 answers

  16. Как перевернуть текст вверх ногами

    Всем доброго времени суток. Столкнулся с проблемой при вёрстке. Как можно перевернуть текст вверх ногами? Какие есть методы для этого? Копался, в CSS ничего не нашёл, как понимаю, придётся использовать какой-нибудь скрипт. В JQuery и MooTools не смог ничего подобного найти(хотя не сильно глубоко лез). Может кто сталкивался? Уточнение: нужно, чтоб текст переворачивался при :hover

    Asked by cbone,

    0 votes
    7 answers

  17. Нада выровнять абзац

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

    Asked by One,

    0 votes
    4 answers

  18. Выделение данных в таблице.

    Здравствуйте. Подскажите пожалуйста, возможно ли изменить направление выделения данных в таблице из построчного в выделение данных по колонкам (как, например, в таблицах Word)? Это нужно для того, чтобы иметь возможность скопировать текст, находящийся в колонках таблицы и последующей работы с ним.

    Asked by Fretum,

    0 votes
    3 answers

  19. Автоопределение города...

    Здравствуйте, Люди! Прошу помощи в создании скрипта для информера (например - погоды, траффика и т.п.), способного настраиваться на местоположение клиента. С точностью до города (региона). Основная идея вроде такой, НО! IP как источник местоположения категорически не годится для мобильного. Потому, что APN оператора зарегистрирован в Москве. Погода в Москве - тоже интересная тема, но решается легко. А пробки в Москве теряют актуальность при удалении за N-е кольцо... Яндекс, например, справляется с задачей не очень уверено. При входе с мобилы "Санкт-Петербург" заменяется на "Северо-Запад". А Северо-Запад БОЛЬШОЙ. И погода по Северо-Западу - это средняя температура по больн…

    Asked by TalkerBird,

    0 votes
    1 answer

  20. Редактор для набора кода (kompozer)

    Такой вопрос: Пользуюсь html=редактором Kompozer. Сделан неплохо, мне нравится. НО, в нем код идет сплошным жестким текстом, без пробелов, без разделения, без табуляций, без пустых строк, которые я хочу вставить в код, что бы удобнее было его видеть. Тупо сплошной текст. Это очень не удобно. Подскажите, может кто знает, эту фишку можно отключить или только так и мучаться? Если нельзя отключить, посоветуйте плз хороший редактор. Спасибо

    Asked by htmluse,

    0 votes
    37 answers

  21. Не убиарется отступ от рамки до бордюра фрейма

    Проблемма в том, что в плавающем фрейме у меня произошёл отсуп от голубой рамки до бордюра самого фрейма, и не могу его убрать, всё перепробовал.Вначале файл индекс запустить нужно. Там, всередине документа, находится плавающий фрейм. Как можно избавится от проблеммы, с отступом от голубой рамки до рамки бордюра, чтоб убрать эту пустоту, чтоб голубая рамка была впритык к бордюру плавающего фрейма? Проект в архиве http://www.sharemania.ru/0192600. Не вылаживаю здесь так как код будет длинноватый, загвоздка толкьо в той проблемме, описанной выше.

    Asked by people2010,

    0 votes
    12 answers

  22. идентификатор "перекрывает" класс..

    Столкнулся с такой проблемой <div id = "main_menu"> <li><a href = "#">22222222</a></li> <li><a href = "#">22222222</a></li> <div class = "sub_menu"> <li><a href = "#">111111111</a></li> <li><a href = "#">111111111</a></li> </div> </div> Как бы поподробней изложить суть... присваиваю например красный цвет идентификатору main_menu а классу sub_menu синий, в итоге цвет у всех ссылок красный. Не могу понять в чем проблема, уже 3 часа голову ломаю. Спасибо.

    Asked by asp.,

    0 votes
    5 answers

  23. Рамка вокруг <a> в ie и ff

    Использую на сайте Coda Slider. Это чтобы удобней было по страницам переходить, они там горизонтально ездят влево-вправо Так вот, элементы управлиения там (стрелки влево-вправо) реализованы в виде div с картинкой стрелки в качестве бэкграунда и внутри дива управляющий <a>. И "text-indent:9000;" чтобы не было видно текста ссылки. И вот в файрфоксе и ие после клика по ссылке она обводится пунктирной рамкой, что очень не в тему и естественно не нравится заказчику. Как оно выглядит можно посмотреть на картинках. Что можно с этим сделать? border у <a> накрутить? кажется уже пробовал (не помню точно) Как оно выглядит: Это левая стрелка в файрфоксе: Это -- правая …

    Asked by adelante,

    0 votes
    4 answers

  24. Chrome не выводит <noscript>

    Всем доброго времени суток. Сегодня столкнулся с такой проблемой... У меня на сайте кнопки, вся красота и функционал которых работает на javascript-e, ну а для тех, у кого он отключен, в <noscript> вложил обычную кнопку через <input>. Со всеми браузерами все ОК, но вот Chrome подкачал, если вырубить в нем javascript, все то, что заключено в <noscript> никак не отображается. Такой вот казус. Эта проблема известна и есть ли решения? Спасибо.

    Asked by vahrusha,

    0 votes
    4 answers

  25. Рамка для формы поиска

    <!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>Untitled Document</title> <style type="text/css"> .searchform { background: #b91715 bottom left no-repeat; float: right; padding: 1px; top: 25px; right: 0px; } .searchform .s { border: none; background: #FFF; color: #666; font-family: Times New Roman, Georgia, Serif; padding: 2px; width: 157px; } </style> </head> <body> <form method="get" id="searc…

    Asked by Mal4ishnik,

    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