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. видео в отдельном окне

    знания html=subzero; браузер="firefox 10.0"; имеется муками безграмотного usera (мной) составленный код: <div style="overflow: hidden; position: relative; width: 610px; height: 360px;"><iframe name="rtv" width="830px" height="640px" frameborder="0" border="0" scrolling="no" src="http://beta.www.livestation.com/euronews/ru" style="position: absolute; left: -15px; top: -80px;"></iframe></div> браузер открывает файл с кодом в новой вкладке (прописано в свойствах браузера); как заставить браузер открывать только этот файл в отдельном окне с заданными размерами и положением (внизу справа) поверх всех окон с отсутствующими вкладками, панелью и воо…

    Asked by III-variant,

    0 votes
    0 answers

  2. filter:alpha(opacity) и overflow:hidden

    Добрый день! Появилась досадная проблема. Вот, собственно сам код: HTML: <div class="position"> <div class="vertical"></div> </div> CSS: .position { position:relative; top:20px; left:30px; width:100px; height:30px; background-color:#ccc; filter:alpha(opacity=20); } .vertical { position:absolute; width:0; height:30px; border-left:2px solid #000; top:-15px; left:30px; } Блок vertical выходит за границы position, на котором установлен filter:alpha(opacity=20). Однако установка фильтра скрывает выступающее содержимое, будто на блоке установлен overflow:hidden. Проблема проявляется в IE7. overflow:visible не помогает.

    Asked by Logunoff,

    0 votes
    0 answers

  3. Таблица в 3-и колонки

    ИЕ8 показывает таблицу в 1040 пикселей. Что не так? с доктайпом <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> тоже самое strict.dtd предпочтительнее <!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=windows-1251" /> <title>Untitled Document</title> </head> <body> <table style="border:1px solid #000000" width="1000" cellpadding="0" cellspacing="0"> <col width="185" /> <col widt…

    Asked by Gigo_,

    0 votes
    0 answers

  4. Как правильно сделать фон для блоков?

    У меня такой Я хочу чтоб обе блоки соединились к нижнему части сайта (footer) Код я использую в CSS /** block **/ .block { width: 193px; margin: 0px 0; background: url("../images/block.png") repeat-y -193px 0;} .bt { font-size: 1.2em; height: 29px; background: url("../images/block.png"); overflow: hidden; } .bt span { display: block; margin: 2px 2px 0 8px; color:#fff; } .dcont { padding: 0 8px; width: 177px; } .bbut { height: 0px; background: url("../images/block.png") no-repeat 80% 80%;}

    Asked by GhostNiniga,

    0 votes
    0 answers

  5. Как правильно сделать фон для блоков?

    У меня такой Я хочу чтоб обе блоки соединились к нижнему части сайта (footer) Код я использую в CSS /** block **/ .block { width: 193px; margin: 0px 0; background: url("../images/block.png") repeat-y -193px 0;} .bt { font-size: 1.2em; height: 29px; background: url("../images/block.png"); overflow: hidden; } .bt span { display: block; margin: 2px 2px 0 8px; color:#fff; } .dcont { padding: 0 8px; width: 177px; } .bbut { height: 0px; background: url("../images/block.png") no-repeat 80% 80%;}

    Asked by GhostNiniga,

    0 votes
    0 answers

  6. Сufon

    Здравствуйте. При подключении нестандартных шрифтов через сервис Cufon столкнулся с трудностью в виде неподдающихся регуляции различных св-в блока<canvas>! По следующей ссылке можно увидеть скрин с обозначенным для примера блоком, на свойства которого мне не удаётся воздействовать: http://yamaradg.narod2.ru/history/canvas.jpg Все сss свойства в файле cufon-yui.js тщательно пересмотрел - но не могу понять от куда берутся стили указанные на принтскрине? Решить вопрос через стили именно в самом CSS не удаётся - поскольку корректно воздействовать на величину высоты например - невозможно(искажается дизайн текста) До этого генерировал этот шрифт без знаков пунктуации и вс…

    Asked by Yamaradg,

    0 votes
    0 answers

  7. Помогите с кодом

    Добрый вечер. Есть на сайте каталог. Нужно ниже него сделать такой же. При копировании кода второй почему то не работает. Вот адрес каталога для просмотра: Каталог А вот собственно сам код: Помогите пожалуйста. Очень надо

    Asked by Timoti_xxx,

    0 votes
    0 answers

  8. Разъезжается header.php

    Добрый день! Сразу уточню, что занимаюсь переделкой сайта знакомых... Первый опыт. Возникла проблема: Имеется файл header.php с кодом: <table width="1024"> <tr width="1024"> <td width="230" rowspan="2"> <a href="index.htm" title="Подарочные книги от Книжного Петербурга"><img src="img/small/logo.png" width="215" alt="Подарочные издания от Книжного издательства." border="0" /></a> </td> <td width="520" > <h2> Подарочные книги оптом и в розницу от издательства. <br /> Мастерская подарочных изданий. </h2> </td> <td…

    Asked by Vzeka,

    0 votes
    0 answers

  9. Кастомизация Элементов Форм...

    Здравствуйте. В JS Я новичёк - но недавно все же решил написать для себя несколько плагинов по кастомизации инпутов(разного рода). При этом столкнулся со следующими трудностями: 1) При добавлении в HTML код радиобаттонов - мои кастомизированные чекбоксы перестают реагировать(сменой галочки) по 1-му клику и нормально работают только начиная со 2-го!? (происходит это только после перезагрузки браузера!) 2) Не удается сделать активным(по умолчанию) нужный мне 1-ый радиобаттон?(прописываю ему checked="checked" или же просто checked - но это не даёт результата?) P.S. Скриншот можно увидеть по этому адресу: http://yamaradg.narod2.ru/history/check3.jpg Cама страница с плагинами …

    Asked by Yamaradg,

    0 votes
    0 answers

  10. Почему Internet Explorer дописывает определение стиля в тег div

    Здравствуйте, объясните пожалуйста, почему IE дописывает определение стиля в тег div Вот так должно выглядеть: <div id="header_pic_world" class="header_pic_world_cl"> Но если отобразить при помощи инструмента разработчика, то получается это(причем только в Internet Explorer) <div class="header_pic_world_cl v08vnSVo78t4JfjH" id="header_pic_world" style="border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: paddin…

    Asked by murgot,

    0 votes
    0 answers

  11. отрицательный margin-right ie6

    приветствую всех. Наткнулся на неизвестный мне ранее баг в IE6, может кто подскажет решение (или даже источник проблемы)... Суть проблемы: есть два блока: родительский (имеет фикс. ширину) и дочерний (плавающий). Не удается задать отрицательный отступ справа для дочернего блока больше, чем ширина родителя.... <!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" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Заголовок страницы</title> <style> .parrent { width: 50…

    Asked by infamous,

    0 votes
    0 answers

  12. Как вытянуть сайдбар?

    Доброго времени суток! Возник такой вопрос: Шаблон framework для Wordpress. Необходимо растянуть и залить сайдбар до футера. То есть непрерывная, колонка с меню, контентом и т.д. Поскольку используется продвинутая тема framework (Catalyst Theme), нет возможности менять html, но есть опция вставки своего CSS кода. Пробую решить задачу с помощью CSS. Что хочется сделать: Что есть сейчас height: 100% не работает. Объяснил как смог. Уважаемые форумчане, прошу помощи в решении этой задачи.

    Asked by Kiter,

    0 votes
    0 answers

  13. Хочу чтоб новость была в центре

    Захотел чтоб категории были на левом стороне выглядило вот так А теперь вот так Но когда я перемешаю иво с помошью position; relative i px_елями в фаиле style.css выглядет вот так! Одним словам там скривает обьект который ранше был помогите пожалуйста! Вот мой shortstory.tpl <div class="story"> <div class="story_b"> <div class="story_rating"> <div class="story_h_rating"><span> <div class="rating_b"> <a href="#" class="rating_plus"></a> <div class="rating_numm"><a href="#">1254</a></div> <a href="#" class="rating_minus"></a> </div> </span></div> </div> &l…

    Asked by erekle,

    0 votes
    0 answers

  14. Правка мега меню от Gаviсk

    Не могу сделать меню аналогично сайту rarus(dot)ru Шаблон: http://demo.gavick.com/joomla16/jun2011/ Надо, что бы было как на рарусе. Что конкретно не могу сделать: 1. Межстрочный интервал и абзацы для ссылок. 2. Корректно увеличить ширину меню. Когда увеличиваю, то увеличивается ширина ссылки, но она налазит на другую колонку. Колонки в свою очередь не меняют своего размера.

    Asked by PandaMan,

    0 votes
    0 answers

  15. в IE7 блок наследует float

    h

    Asked by romanov,

    0 votes
    0 answers

  16. Проблема с google chrome

    Здраствуйте господа, возникла следующая проблема с chrome проблема слово замерщика переносится на следующую строчку! http://itmages.ru/image/view/453824/02d36d7b если уменьшать значения padding то слово замерщика помещается либо увеличивая ширину, ну из зачего ? в остальных браузерах все отлично тока в хроме проблема .header-menu-box ul li { font-weight:bold; display:inline; border-right:1px #000 inset; padding:0 15px 0 15px; } следующий код <div class=" fl header-menu-box"> <ul> <li><a href="#">Главная </a></li> <li><a href="#">Продукция </a></li> <li><a href="#">Цены </a><…

    Asked by Hol1killer,

    0 votes
    0 answers

  17. Ссылку с вложенной таблицой не работает в IE

    Ошибочная тема

    Asked by santik,

    0 votes
    0 answers

  18. Carousel in Twitter Bootstrap

    Здравствуйте, использывал карусель от бутстрепа, нравилось то что можно было вставлять картинки большего формата и карусель автоматом уменьшала их. bootstrap 2.0.1: bootstrap 2.0.2: Не могу найти и за чего карусель увеличилась. Если знаете подобную карусель которая умеет уменьшать картинку подскажите пожалуйста. код страници где вставлена карусель: Changelog v 2.0.2 CSS файл версии 2.0.1

    Asked by ShootingStar,

    0 votes
    0 answers

  19. размещение картинки-ссилки на галерею в oт Picasa

    Здравствуйте. Вот ссылка на страницу: _http://www.skilledbuilders.ca/Gallery.html\ Создал в Picasa 4 галереи мне выдало на каждую код для помещение на страницу. Как видите все 4 Галереи размещены вертикально, а мне надо по 2 в одном ряду. Искал инфу в интернете и пробовал сам никак не получается. Код на вторую из них: <table style="width:194px;"><tr><td align="center" style="height:194px;background:url(https://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="https://picasaweb.google.com/103542931496703438548/BathroomShower?authuser=0&feat=embedwebsite"><img'>https://picasaweb.google.com/1035429314967…

    Asked by iceboyz,

    0 votes
    0 answers

  20. Простая страница с сss.

    Добрый день. В данном коде элементы(изображения) с помощью css должны располагаться слева и справа (код для верхних и нижних элементов написал корректно). Как грамотно написать соответствующий код? <html> <head> <style type="text/css"> body{ position : relative; margin : 0; } /* вверхнее изображение */ #top{ float : centre; background: url(rep.jpg) repeat-x; /* Параметры фона */ height: 100; /* Высота блока */ } [img=http://s019.radikal.ru/i613/1203/2e/ec991701e907.jpg] </style> /* изображение cлева */ <style type="text/css"> .l1 { position : relative; } .l2{ position : absolute; top:5px; left:4px; } /* изображение справа отступ о…

    Asked by scofield,

    0 votes
    0 answers

  21. Формула по центру

    Нашёл на данном сайте интересное задание на CSS http://htmlbook.ru/node/1054 Хочу предложить свой вариант решения , при котором всё центрируется как положено независимо от высоты формулы (картинки) <div style="width: 100%; text-align: center; position: relative;"> <img src="[ссылка на картинку с формулой]" /> <div style="display: inline-block; position: absolute; right: 0px; height: 100%;"> <table style="height: 100%; font: 14pt Calibri;" cellpadding="0" cellspacing="0"> <tr><td>([номер формулы])</td></tr> </table> </div> </div> Можно ли это оптимизировать?

    Asked by Logan,

    0 votes
    0 answers

  22. WebSocket

    Здравствуйте! Технология WebSocket относительно новая и по этому информации даже в интернете по ней не много. Есть конечно официальные документации, но на английском. Даже прочитав в Википедии не все понятно. Единственное что понял, это то, что браузер и сервер должны вначале "пожать руки". Руки пожимают отправлением друг другу заголовков: Заголовок браузера: GET /demo HTTP/1.1 Upgrade: WebSocket Connection: Upgrade Host: example.com Origin: http://example.com WebSocket-Protocol: sample Заголовок сервера: HTTP/1.1 101 Web Socket Protocol Handshake Upgrade: WebSocket Connection: Upgrade WebSocket-Origin: http://example.com WebSocket-Location: ws://example.com/demo Web…

    Asked by vpw1823,

    0 votes
    0 answers

  23. Вставка рекламных блоков

    День добрый! Форум: phpBB 3.0.7-PL1 Тема: prosilver Требуется разместить рекламные баннеры по вертикали в один ряд (скрин №1), а так же в lastpost "Последние сообщения" (скрин №2) Буду ОЧЕНЬ благодарен, если подскажите какой код и куда разместить. (баннеры jpg ) Скрин №1 Скрин №2

    Asked by DelRosso,

    0 votes
    0 answers

  24. Помогите исправить Вид материалов файлов

    Я написал вид материалов как ВКотнтакте, но он выглядит не очень СМОТРИТЕ В СКРИНЕ Выглядит тексты не ровны Это CSS .app_cat_image_cont { vertical-align: top; padding: 0px; width: 75px; text-align: left; } .app_cat_image_h { width: 75px; height: 75px; overflow: hidden; } .app_cat_image { -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-bottom: 10px; /*box-shadow:inset 0 0 3px #BBBBBB; -moz-box-shadow:inset 0 0 3px #BBBBBB; -webkit-box-shadow:inset 0 0 3px #BBBBBB;*/ } .apps_cat_row { display: inline-block; width: 292px; padding: 5px 10px 10px; vertical-align: top; *display: inline; *zoom: 1; } .apps_wide_row { padding: 11px 0px; border-…

    Asked by GhostNiniga,

    0 votes
    0 answers

  25. Помогите исправить Вид материалов файлов

    Я написал вид материалов как ВКотнтакте, но он выглядит не очень СМОТРИТЕ В СКРИНЕ Выглядит тексты не ровны Это CSS .app_cat_image_cont { vertical-align: top; padding: 0px; width: 75px; text-align: left; } .app_cat_image_h { width: 75px; height: 75px; overflow: hidden; } .app_cat_image { -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-bottom: 10px; /*box-shadow:inset 0 0 3px #BBBBBB; -moz-box-shadow:inset 0 0 3px #BBBBBB; -webkit-box-shadow:inset 0 0 3px #BBBBBB;*/ } .apps_cat_row { display: inline-block; width: 292px; padding: 5px 10px 10px; vertical-align: top; *display: inline; *zoom: 1; } .apps_wide_row { padding: 11px 0px; border-…

    Asked by GhostNiniga,

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