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. Рамка блока

    помогите разобраться с рамками для блоков, интересует вариант как на главной странице сайта как выглядит код в css и Html? может где есть готовые подобные примеры, подскажите.

    Asked by revski,

    0 votes
    10 answers

  2. Рамка в виде изображения

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

    Asked by Bryant-24,

    0 votes
    6 answers

  3. Рамка в таблице

    Как сделать таблицу такого вида: border придает рамку только вокруг таблицы, а как задать цвет рамки внутри таблицы? Когда-то давно в Front Page 2003 делал...

    Asked by Walk,

    0 votes
    4 answers

  4. Рамка в трехколоночном макете

    http://soundtrack.org.ua CSS: #tr { border-top: 1px solid #ccc; clear: both; padding: 10px 0 0; width: 892px; } #col1, #col2, #col3 { float: left; } #col1 { border-right: 1px solid #ccc; padding: 0 10px 0 0; width: 180px; } #col2 { padding: 0 10px 0 10px; width: 490px; } #col3 { border-left: 1px solid #ccc; padding: 0 0 0 10px; width: 180px; } Как сделать, чтобы правая и левая рамка тянулась по всей высоте соответственно левой и правой колонки?

    Asked by Mr.Smith,

    0 votes
    7 answers

  5. Рамка в шапке сайта из DIV с меняющимися картинками внутри

    День добрый! Пытаюсь сделать нечто вроде рамки в шапке сайта в которой будут крутиться картинки (слайдшоу), но пока что-то не очень получается, видимо из-за того что совершенно не умею работать с div версткой. Вот то что получилось накидать: <div style="width: 1135px; height: 376px; position: relative;"> <div style="float:left; width: 80px; height: 376px; background:url(left.png); background-repeat:no-repeat;"></div> <div style="float:right; width: 90px; height: 376px; background:url(right.png); background-repeat:no-repeat;"></div> <div style="position: absolute; top: 0; height: 80px; width: 965px; background:url(top.png); ba…

    Asked by Gnome.su,

    0 votes
    4 answers

  6. рамка во круг сайта

    Приветствую! Подскажите пожалуйста, что-то никак не пойму... Нужна рамка для сайта во всю ширину и высоту страницы, с 5px отступом со всех сторон от тела документа, делаю margin:5; но сайт растягивается больше чем 100% и к тому же рамка прилипает к правой части и низу. <!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> html,body { margin:5; padding:0; width: 100%; height: 100%; color: #FFF; backgroun…

    Asked by chillout,

    0 votes
    35 answers

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

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

    Asked by adelante,

    0 votes
    4 answers

  8. Рамка вокруг div не BORDER

    Здравствуйте. Помню смотрел какие-то видеокурсы, там использовался аттрибут в css, устанавливающий рамку у дива, но не бордер, а что-то другое. Суть в том, что она не занимала границы, и после ее снятия не надо было заново пересчитывать координаты. То есть если я ставлю бордер 2px, а потом убираю, мне после этого надо у всех элементов внутри дива менять положения на эти 2px. Рамка мне нужна просто чтобы визуально видеть границы дива. Примочки с плагином firefox - неинтересно, приходится каждый раз ставить заново, после обновления страницы. Что это за тег такой никак не вспомню, и не найду...

    Asked by zhuravlik,

    0 votes
    3 answers

  9. Рамка вокруг flash

    Здравствуйте! У меня проблема: http://zhivoyfest.ru/ Это тестовая страница - специально для форума сделал. Сверху flash-шапка с кодом <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="995" height="249"> <param name="movie" value="flash/top.swf"> <param name="bgcolor" value="#ff0033" /> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="opaque" /> <!--[if !IE]> <--> <o…

    Asked by Patriot_spb,

    0 votes
    4 answers

  10. Рамка вокруг активного пункта меню + подменю

    Добрый день. Подскажите пожалуйста как сделать такую рамку: Сейчас если навожу на услуги просто всплывает подменю.

    Asked by jdk,

    0 votes
    7 answers

  11. рамка вокруг изображения

    Здравствуйте! С целью облечь фотки на сайте в рамку,прописал в CSS таким образом a:hover img { border: 5px inset #ccffff; } a:link img { border: 5px ridge #663333;} но дело в том,что в IE если не указываю цвет в a:link ,то начальная рамка выходит черная, но цвет меняет...а в мозилле выходит такая,какая задана, и меняет цвет тоже. чтобы в IE начальная рамка тоже была нужного цвета,приходится его задавать, но в этом случае в мозилле цвет не меняется... можно ли как-нибудь искоренить проблему?Спасибо!

    Asked by masterok,

    0 votes
    4 answers

  12. Рамка вокруг изображения

    Создаю форму обратной связи. Поля type="text", с помощью CSS задаю border-color:#4664A4; border-width: thin; border-style:solid. Понятно, что вокруг полей ввода появляется соответствующая граница. Для отправки использую type="image", тоже есть соответствующая граница. Можно ли сделать так, чтобы вокруг текстового поля была граница, а вокруг поля изображения этой границы не было? Заранее благодарен.

    Asked by chapai,

    0 votes
    3 answers

  13. рамка вокруг изображения и текста

    08.04.2007 Группа ГУАХО срочно разыскивает грамотного ударника. Владение карданом ОБЯЗАТЕЛЬНО!!! с вопросами и предложениями обращаться в асю 441-207-205 или по мылу guaho@darkmail.ru

    Asked by IceBeerG,

    0 votes
    11 answers

  14. Рамка вокруг картинки

    Хочу сделать чтобы вокруг картинки была надпись. Сами картинки динамические, а рамку в стилях что-то не получилось и сделать, и я начал пытаться в таблице... и тоже не вышло. Помоги, будьте любезны. СилоВ уже нет Код куда я тыкаю рамку: <td valign="top"> <a href="<?=$arElement["DETAIL_PAGE_URL"]?>"><img width="15" height="100%" src="/upload/medialibrary/3fa/riglef.jpg" alt="" title=" " /><center><img width="230" height="15" src="/upload/medialibrary/839/topbot.jpg" alt="" title="" border="0"/><br><img border="0" src="<?=$arElement["PREVIEW_PICTURE"]["SRC"]?>" width="<?=$arElement["PREVIEW_PICTURE"]["WIDTH"]?>" he…

    Asked by Tchorteg,

    0 votes
    3 answers

  15. рамка вокруг кнопки в фф

    скажите, пожалуйста, как запретить показ в ФФ рамки вокруг кнопки? задал border:0; и outline:none; не помогает.

    Asked by html,

    0 votes
    2 answers

  16. Рамка вокруг рисунка

    Как сделать вокруг рисунка любого в контенте рамку серого цвета в 2 пикселя, и чтобы это было кросбраузерно на css?

    Asked by okunev2,

    0 votes
    1 answer

  17. Рамка вокруг рисунка

    Прошу помочь, вообще вопрос по-моему для спецов пустяковый... Страничку с примером я выложил в инет: http://www.colormusic.ru/——————-proba.html Вот в чем вопрос: есть несколько картинок 16x16 пикселей (3 красных кружка) вокруг них надо сделать рамку и залить серым фоном, как в примере Запихиваем их в спан и делаем бордюр. Но внизу почему-то остается промежуток. Паддинги-маржинги не помогают. Замена на див тоже не помогает. Нужно расположить кружки по центру прямоугольника с одинаковыми промежутками со всех сторон. Может кто-нибудь дать совет?

    Asked by Акула58,

    0 votes
    18 answers

  18. Рамка вокруг сайта

    Помогите, пожалуста,решить проблему. Я верстаю сайт сделан он слоями, и вроде бы все хорошо но вокруг сайта имеется рамка которую я никак не могу убрать, что делать ? Сайт: http://nagibin.freeopti.ru/ Таблица: http://nagibin.freeo...s/123/style.css Если все упростить и убрать лишки то код такой : <!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=cp1251" /> <title>Верстка от ICE</title> <link href="Nagibin/style.css" rel="stylesheet" type="text/css" /> </head…

    Asked by xaxazi,

    0 votes
    2 answers

  19. Рамка вокруг ссылки

    Всем привет, подскажите пожалуйста как убрать рамку(из точек) вокруг ссылки картинки (<a><img/></a>) она появляется в FIREFOX только когда нажимаешь на нее. С FIREFOX я разобрался, а как поступать с ie6 ie7 если там outline не работает?

    Asked by Budulianin,

    0 votes
    7 answers

  20. Рамка вокруг ссылки в меню

    Когда я щелкаю по ссылке, а потом возвращаюсь "назад" через меню браузера (стрелочка), то остаются вот такие рамки: их как-то можно убрать?

    Asked by Delat,

    0 votes
    2 answers

  21. Рамка вокруг страницы. XHTML

    Всем добрый день. Возник вот такой вопрос. Задача следующая: есть страница с контентом в 800px, вокруг страницы нужно сделать рамку, которая должна быть по периметру окна при любых его размерах, при этом если ширину окна сделать меньше ширины контента, то правая полоса рамки должна пропадать. Если высота контента меньше, чем высота окна, то вертикального скролла быть не должно. Доктайп следующий: quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Внимательно изучил форум, есть несколько вариантов решений, но на 100% ни одно не подходит. Мои варианты решения: 1. Правая полоса рамки не растягивается на всю высоту окн…

    Asked by Storm,

    0 votes
    3 answers

  22. Рамка вокруг тела сайта.

    Приветствую! Подскажите, пожалуйста, как на html можно создать бордер в один пиксель заданного цвета вокруг всего тела сайта? Заранее спасибо!

    Asked by MaXeL85,

    0 votes
    8 answers

  23. рамка вокруг фото в постах

    Тема wordpress "Default", искала на форумах, есть статьи только о создании одной рамки. Нужна двойная рамка разных цветов для фотографий в постах, как на фото, т.е. белая широкая и тонкая по краям. данные файла css: p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } a img { border: none; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-…

    Asked by htmlkatt,

    0 votes
    9 answers

  24. Рамка вокруг чекбокса в IE

    стиль для input input,textarea{ background:#FFFFFF;color:#000000; font:10px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px; border:1px solid;border-color: #000000 #707070 #707070 #000000; } в опере и огнелисе нормально отображается, а в IE 6 ,большая рамка вокруг checkbox возможно ли он не? избавиться чтоб стиль на вид не изменился?

    Asked by Bugfinder,

    0 votes
    3 answers

  25. Рамка для DIV

    Существует такая структура <div> <h1></h1> <div></div> </div> возможно ли сделать рамку из картинок в родительском DIV, т.е. только стилями, элементов больше нет?

    Asked by Gold Dragon,

    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