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. Помогите исправить ошибки на сайте

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

    Asked by barsik007,

    0 votes
    0 answers

  2. absolute position

    Всем привет. Прошу обьяснить мне как сдвинуть 1 див внутри другого на координаты 0, 0 относительно этого дива; Вот пример: <div id="wrap" style="width: 300px; height: 300px; background-color: #3366CC; margin-top: 50px;"> <div id="rect" style="width: 50px; height: 50px; background-color: red; position: absolute; top: 0px; left: 0px;"></div> </div> Так вот при таком подходе я получаю сдвиг на точку 0, 0 относительно документа а не дива(т.е квадрат перемещается в левый верхний угол документа). Мне же нужно чтобы квадрат был как-бы с абсолютным позиционированием, но при этом оставался внутри дива и двигался вместе с ним, если я к прим…

    Asked by Esigns,

    0 votes
    3 answers

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

  4. Горизонтальная меню

    Скажите как или где можно скачать горизонтальное меню . Когда нажимаешь мышкой по картинки "круг" то появляется прозрачный блок с текстом"ссылками"

    Asked by skvaer09,

    0 votes
    2 answers

  5. 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

  6. Не отображается книпки соц.закладок от 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

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

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

    Asked by Guesto,

    0 votes
    2 answers

  8. Ссылки-картинки, помогите!

    Здравствуйте. Срочно нужен чей-то дельный совет. Есть две ссылки-картинки. При наведении на одну, другая должна вылезать наверх как тут http://index12.byethost11.com/. В моей версии http://index13.byethost11.com/ прописаны map(ы) для картинок-ссылок и такого эффекта сделать не получается. Может кто поможет? Please... Вот код для моей версии, с map(ами): <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <link rel="stylesheet" type="text/css" href="css/template.css"/> <style type="text/css"> #charles{ position: relative; height: 706px; width: 588px; z-index: …

    Asked by gorniawe4ka,

    0 votes
    1 answer

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

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

    Asked by Alex01,

    0 votes
    2 answers

  10. Блок с черным фоном

    Подскажите, при создании блока с черным фоном, текст не выравнивается слева от картинки, отображается снизу, или не выравнивается на всю длину блока. В опере таких проблем нет. Что может быть? Вот код: <div style="margin: 10px ;padding: 12px;color: black;background: black;border: 4px solid white;border-radius: 30px;box-shadow: 0px 0px 15px black"><table style="border: 0px ridge rgb(0, 0, 0);text-align: center" /><TBODY><tr /><td /> StarCraft II: Heart of the Swarm Дата выхода: 12 марта 2013 г. Жанр: Strategy, Add-on Разработчик: Blizzard Entertainment Издатель: Blizzard Entertainment Платформа: PC Качество: HD 720p + HD 1080p Размер: 45,2 МБ …

    Asked by vinil87,

    0 votes
    2 answers

  11. высота 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

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

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

    Asked by Dioni$$,

    0 votes
    3 answers

  13. 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

  14. Проблема вкладок-табов в 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

  15. как сделать "дырку" в div

    Пытаюсь заверстать вот такую штуку Проблема с версткой вот такой границы у правой колонки.Я бы белый фон сделал по частям в области контента. Но эта правая колонка должна обтекаться текстом. Возможно ли такое заверстать, если да , то как?

    Asked by warobushek,

    0 votes
    2 answers

  16. 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

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

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

    Asked by jaans,

    0 votes
    4 answers

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

    Вот ?

    Asked by Krookers,

    0 votes
    2 answers

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

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

    Asked by фонарик,

    0 votes
    4 answers

  20. Проблема с 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

  21. теги в :before

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

    Asked by apexis,

    0 votes
    2 answers

  22. Не удается компилировать

    Сделали игру на HTML5. Компилили phonegap. Не получается компилировать в apk вместе с лицензионным кодом для размещения на Google Play. При ant debug выдается ошибка: BUILD FAILED c:\Program Files\Android\android-sdk\tools\ant\build.xml:571: Failed to resolve library path: c:\Program Files\Android\android-sdk\extras\google\play_licensing\library Файл project.properties: target=android-15 proguard.config= proguard.cfg android.library=true android.library.reference.1=c:\\Program Files\\Android\\android-sdk\\extras\\google\\play_licensing\\library -Библиотека по этому пути есть. -Русских символов нет. -Делать такой путь: android update project --target 3 --path c:/Absol…

    Asked by Daizor,

    0 votes
    1 answer

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

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

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

    0 votes
    4 answers

  24. Не применяется стиль к классу

    Доброго времени суток, у меня есть вопрос. Написал код проверил, валидатором пишет что есть ошибка синтаксиса но какая в упор не вижу, не применяются стили к классу "new", в чем может быть дело, объясните по возможности. http://jsfiddle.net/JPD93/1/

    Asked by Всеволод,

    0 votes
    2 answers

  25. проблема с border

    http://jsfiddle.net/TStFU/1/ Как сделать границу снизу под меню так, чтобы между пунктами меню была граница, но под самим пунктом не было, заранее благодарен.

    Asked by bboyRook,

    0 votes
    1 answer

  • Обсуждения

    • 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