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. Странное поведение тега P

    Простейший пример: <p id="one"> ololo <span>SSSS</span> <div id="ib">IB</div> </p> #one { padding: 30px; background: #deb887; } #ib { display: inline-block; border: 1px solid red; } http://jsfiddle.net/tQ9DM/ О ужас. Элемент <div id="ib">IB</div> почему-то "выпадает" из своего родителя <p id="one">. Если родительский тег Р заменить на div - то всё нормально будет. Это уже ни в какие рамки. Или мир вёрстки начал сходить с ума. Как так? Почему?

    Asked by Evkaky,

    0 votes
    5 answers

  2. Проблема кодировки русского шрифта

    Привет форумчане... Не сможет ли кто мне помочь, вот с чем : в данном мной ниже коде, при его открывании из файла .htm не показываются русский шрифт, а полная белиберда. <html> <head> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>%%TITLE%%</title> </head> <body bgcolor="#E5E5E5" style="font-family:Times New Roman; font-size: 10pt"> <div align="center"> <center> <table border="1" width="700" cellspacing="0" c…

    Asked by andrefr,

    0 votes
    4 answers

  3. Размещение блоков как на картинке

    Ну В общем помогите кто может, надоело репостить короче линк http://www.cyberforum.ru/html/thread750424.html С НОвым Годом!!!

    Asked by md5u,

    0 votes
    0 answers

  4. Помогите исправить ошибки на сайте

    Посмотрите, что касается форума, есть ли какие ошибки или нет, ссылка - http://barsik.ucoz.ru/

    Asked by barsik007,

    0 votes
    0 answers

  5. Таблицы стилей

    Всех с наступающим. Никак не могу разобраться, для чего в шаблоне разделы css/bootstrap.css, css/bootstrap.min.css, css/style.css, в то же время есть просто раздел style css. Когда разбирался с первым своим сайтом, там был только один раздел css, и всё было ясно, а здесь смотрю, фон - в одном разделе, css шапки в другом. Подскажите кто знгает, как эти разделы связаны между собой, который из них основной?

    Asked by Alex01,

    0 votes
    2 answers

  6. Одинаковый вид сайта во всех браузерах

    Доброго времени суток всем. С наступающим всех! Прошу прощения за название темы. Неправильно написал. ———————————————————— Верстаю свой первый блочный сайт и хочу, чтобы дизайн сайта не ссыпался и выглядел одинаково во всех разрешениях экрана. Знающие люди помогите, подскажите какие способы есть для решения проблемы!

    Asked by Guesto,

    0 votes
    2 answers

  7. Java script

    Подскажите, как определить название картинки при клике на нее? Допустим, на сайте есть куча картинок с разными путями и названиями. Как сделать так, чтобы при клике по любой картинке команда alert выдавала имя файла этой картинки? Допустим, картинка лежит по адресу file:///C|/Users/User/Desktop/pic_01.jpg и при клике на нее выдавалось имя файла pic_01 ? Нашел только вот что: var val='http://localhost/site/someimage.jpg' alert(val.substring(val.lastIndexOf('/')+1,val.length))Но тут в переменную val присваивается абсолютный неизменяемый адрес, а команда substring в итоге выдает имя файла с расширением, а мне оно не нужно.

    Asked by фонарик,

    0 votes
    7 answers

  8. Проблема вкладок-табов в IE

    Ребята, помогите, пожалуйста! Уже не знаю где искать ответ. Проблема в том, что IE8 не хочет правильно отображать вкладки на моем сайте! В Мозилле, Хроме, Опере и Сафари все отлично, а вот в Эксплорере просто кошмар! Меня интересует вот эта страница: http://www.napule-de-canzone.com/teksty.html#tab2 Почему IE глючит???? Вот HTML: <div class="menu1"> <br id="tab1"/><br id="tab2"/><br id="tab3"/><br id="tab4"/><br id="tab5"/><br id="tab6"/><br id="tab7"/><br id="tab8"/><br id="tab9"/><br id="tab10"/><br id="tab11"/><br id="tab12"/><br id="tab13"/><br id="tab14"/><br id="tab15"/>…

    Asked by kiska,

    0 votes
    8 answers

  9. div hазметка 3 колонок

    Подскажите, никак не получается Есть 3 дива в одном. Мне нужно чтобы центральный (синий) див всегда был по центру с заданным размером, боковые чтобы заполняли все остальное пространство слева и справа до края браузера. Нашел кучу макетов, но мне не нужна таблица и прочие сложности. Подскажите в чем беда. http://jsfiddle.net/JPD93/8/

    Asked by фонарик,

    0 votes
    4 answers

  10. Не отображается книпки соц.закладок от Addthis.

    Не отображаетсякнипки соц.закладок от Addthis. Что я делаю неправильно? Создал для теста главную страницу: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Untitled</title> </head> <body> <link rel="stylesheet" type="text/css" href="css/css.css" media="screen" /> <div id="int"> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_vk"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="…

    Asked by pakee,

    0 votes
    0 answers

  11. Размер шрифта в выплывающем меню

    Всем джамбо друзья. у меня такой вопрос. вот картинка главной страницы http://storage3.static.itmages.ru/i/12/1227/h_1356616009_2486091_1055058102.jpeg . Можно ли сделать например для первых 4-х выплывающих строк (Реставрация - Отделка) жирный шрифт, а остальные оставить как есть? И сразу второй вопрос. Как закидывать сюда саму картинку, а не ссылку на нее? просто мне что-то подсказывает, что не все любят щелкать по ссылкам.

    Asked by CatInTheBread,

    0 votes
    13 answers

  12. высота sidebar

    Разъясните,пожалуйста почему тут http://htmlbook.ru/layout/fiksirovannaya-shirina-float-plyus-margin (Пример 2. Создание макета с двумя колонками) высота sidebar ограничена контентом, а здесь http://htmlbook.ru/layout/fiksirovannaya-shirina-ispolzovanie-float (Пример 3. Создание макета с двумя колонками) тянестя во всю высоту?

    Asked by cypler,

    0 votes
    1 answer

  13. подключение семейства myriad

    здравствуйте. вот снова дизайнер натыкал мириадовских шрифтов и в этот раз смотрю заказчика отговорить не удастся (. скинули папку со всеми мириад в .otf. но белка ругается на меня что шрифт мол коммерческий. говорят что можно переконвертить в ttf тогда мол белка схавает или менять название файла - оба способа не помогли. пробовал тут - вроде все делает только в результате демо файл даже в ие9 не пашет ((( вот прикладываю то что выдает font2web буду рад любой помощи - заранее спасибо

    Asked by Dioni$$,

    0 votes
    3 answers

  14. vertical-align

    Привет форумчане. С наступающим всех. Третий день не получается решить проблему. Задача. Сделать резиновую шапку. Логотип на всю ширину, 2 менюшки (одна вверху, другая под логотипом). Да в общем то, проблема с выравниванием. Не могу выравнять название сайта по середине логотипа (выравнивание по вертикали). В общем то мысли вокруг 2-х строчек, но не получается с ними. display:table; vertical-align:middle; Мой код (выравнивание наименованя сайта пока по низу..) HTML <html> <head> <link rel="stylesheet" href="css/reset.css" type="text/css"> <link rel="stylesheet" href="css/style.css" type="text/css"> </head> <body> <div id="wrap…

    Asked by denya555,

    0 votes
    2 answers

  15. Чертовщина с border dashed

    что за чертовщина никак не могу понять http://table.ts6.ru/ или тот же код страницы <!DOCTYPE html> <html> <head> <title></title> <style> body { background: #444; } div { margin: 0 auto; width: 400px; height: 90px; border: 1px dashed #000; padding: 0px; background: #444; } </style> </head> <body> <div></div> </body> </html> Создаю через блокнот пустой файл с расширением .html, пишу код это. открываю страницу через IE8 (в режиме совместимости с IE7 открывает страницу), рамка как надо, пунктирная, чёрная, F12 в IE перевожу реж…

    Asked by Vadimka,

    0 votes
    12 answers

  16. Отображение в хроме не правильное

    Добрый день! Пожалуйста, подскажите, в чем проблема. Есть сайт, на нем стоит аккордеон. Везде он прекрасно отображается, кроме хрома. В хроме съезжают разделы аккордеона. Прошу помочь, подсказать. Может я что-то не то смотрю.

    Asked by danru,

    0 votes
    5 answers

  17. Курсор прижимается кверху в формах в IE

    Уважаемые посетители форума! Помогите справиться с такой проблемой. Пытаюсь темизировать формы на сайте сделанным на Drupal. Привожу к более менее человеческому виду. Возникла проблема в полях ввода в интернет эксплорере при клике в поле ввода курсор прижимается к верху. В остальных браузерах все выглядит хорошо и курсор встает по центру. Как мне одолеть эту напасть? Спасибо всем кто не пройдет мимо. Вот сам сайт potolok-master.net

    Asked by jaans,

    0 votes
    4 answers

  18. теги в :before

    Можно вывести через псевдокласс :before часть кода? #div:before { content: '<img src="" border="0" alt="">' }

    Asked by apexis,

    0 votes
    2 answers

  19. font-face шрифт regular, bold, italic

    Здравствуйте. Подключаю в css свой шрифт: @font-face { font-family: 'CenturyGothic'; src: url('CenturyGothic.eot'); src: url('CenturyGothic.woff') format('woff'), url('CenturyGothic.ttf') format('truetype'), url('CenturyGothic.svg') format('svg'); font-weight: normal; font-style: normal; } Для начертаний bold и italic у меня есть другие файлы. Как мне их указать?

    Asked by warobushek,

    0 votes
    2 answers

  20. Что за шрифт?

    Вот ?

    Asked by Krookers,

    0 votes
    2 answers

  21. Проблема с border-radius в IE

    При установке патча pie.htc проблема с отображением "border-radius" в IE исчезла везде, - кроме главной странице, где отображаются спец-предложения. Не как не хочет отображаться как следует. На сайте faksal[точка].ru можете посмотреть подробно! Подскажите в чем проблема? p.s код стиля: .totalPrice { border-color:#a3620a; background:#f9800f; background:-moz-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a22),color-stop(100%,#f46e01)); background:-webkit-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-o-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-ms-linear-gradient…

    Asked by zoombo,

    0 votes
    1 answer

  22. Подскажите с кроссбраузерностью

    Помогите понять почему в хроме меню отображается нормально, а в лисе пункт меню contacts сползает вниз? И как исправить в данном случае, чтобы там и там правильно в линию отображалось. http://divhack.com/downloads/study/1/html/

    Asked by ВикторТрошка,

    0 votes
    4 answers

  23. Центрирование картинки произвольного размера в блоке фиксированного размера

    На одном из форумов видел решение для центровки элемента по вертикали относительно родителя. Я доработал этот пример под полное центрирование картинки Задача: есть картинка заранее неизвестного размера, есть блок фиксированного размера, внутри которой эта картинка должна быть размещена по центру. Решение: обязательно наличие еще одного вспомогательного элемента и главный блок фиксированного размера #Image{ width: 830px; height: 750px; line-height: 750px;//Значение равное высоте блока } #Image div{ width: inherit;//наследуем ширину родителя, относительно которой мы будем выравнивать img display: inline-block;//указываем что div - встраиваемый элемент…

    Asked by maxmaster,

    0 votes
    4 answers

  24. Как на ПК проверить вид сайта в браузере Андроида ?

    Как на ПК проверить вид сайта в браузере Андроида ?

    Asked by kpripper,

    0 votes
    4 answers

  25. Дайте пожалуйста статьи на создание блоков

    Дайте пожалуйста статьи на создание блоков,рамок.

    Asked by skvaer09,

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