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> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div class="img"> .img { background: url("images/1.png") no-repeat; height: 100px; width: 100px; } .img:hover { background: url("images/2.png") no-repeat; height: 100px; width: 100px; } </div> </body> </html>

    Asked by tR1umf,

    0 votes
    4 answers

  2. Row span наоборот

    Как сверстать такое? Не знаю как сделать ячейку обведённую красным http://clip2net.com/s/7frZCV спс)

    Asked by stardel,

    0 votes
    4 answers

  3. Свойство box-sizing

    Здравствуйте, скажите, пожалуйста, почему при добавлении к тегу header свойства border (border: 1px solid #000;) выпадает последний блок .right, ведь ко всем элементам применено свойство box-sizing: border-box;? http://jsfiddle.net/VQc5v/

    Asked by Tduty120586,

    0 votes
    4 answers

  4. блок ползёт вместе в меню

    суть такова - учусь вёрстке, верстаю макет - есть шапка, горизонтальное меню, меню слева, основной контент справа, ну и собсн футер приклеен к низу экрана. меню сворачивается-разворачивается при нажатии на ппункт посредством jscript. структура страницы: <body><div class="wrapper"> <div class="content"> <header/><hormenu/><aboutus/> <div class="leftmenu">менюшка на js</div> <div class="rightcontent">контент справа</div> </div><div class="push"></div><div> //конец wrapper<footer></footer>проблема в том, что при раскрывании/сворач…

    Asked by orange_juice,

    0 votes
    4 answers

  5. Как сделать фон хедера таким градиентом ?

    Как сделать такой фон на всю ширину окна браузера и чтоб красиво смотрелось ?

    Asked by Shenia132,

    0 votes
    4 answers

  6. Три дива

    сделал три блока рядом по горизонтали с помощью display: inline, но теперь текст который был в центре блоков, уехал вверх, как его обратно перетащить?

    Asked by abcde,

    0 votes
    4 answers

  7. Кросбраузерная вёрстка

    Доброго всем! Сижу уже битый час, мозг вскипает. Есть верстка, не могу адаптировать под IE. Подключил html5shiv, но некоторые библиотеки JS вообще не хочет подключать выдаёт ошибку. Тестирую на IE 8. Подскажите, почему возникают ошибки в JS? P.S. http://whoiwas.ru/work/luxury/

    Asked by Tobey,

    0 votes
    4 answers

  8. Как можно обрезать текст блоком

    Не знаю как правильно сформулировать вопрос. Суть в том, что есть блок с текстом. Текст длиннее блока, и вся надпись не влезает. Свойство overflow обрезает по-словно. Как можно сделать обрезку текста по-сколько-влезет, буквально до буквы или даже до полу-буквы. Видел где-то такую реализацию, причем там с эффектом плавного исчезания было, вроде как растворялся хвост текста. Вот только сейчас не вспомню где это находил. Пример тут - http://jsfiddle.net/T98Dx/ Подскажите пожалуйста как можно реализовать такую обрезку, желательно без скриптов. Может кто ссылками интересными поделится по теме.

    Asked by alleclf,

    0 votes
    4 answers

  9. Не применяется свойство right:0; к элементу pos abs

    http://jsfiddle.net/Rw4yW/ Господа,почему блок #prev_slide не виден?Ему заданы почти такие параметры,как и у #next-slide.Подскажите как разместить #prev_slide слева,а #next-slide относительно родительского элемента? Почему у меня не отображается как положено?

    Asked by Temik2704,

    0 votes
    4 answers

  10. Проблема с порядком элементов при вырезании группы слайсов

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

    Asked by Zverushka,

    0 votes
    4 answers

  11. Не могу настроить слайдер

    Здравствуйте! Имеется вот такой слайдер: /* Начало кода для слайдера */div.slider{ float:left; margin:0 0 0 10% }.viewport{ width: 30em; height: 17em; overflow: hidden; position: relative; }.slidewrapper{ position: absolute; left:0; top: 0; height: 17em; margin: 0; padding: 0; }.slide{ width: 30em; height: 17em; float: left; list-style: none; margin: 0; padding: 0; background: url(../image/Slider/ptichka.png) no-repeat; background-size: cover;}.slide a{ display:block; position:absolute; bottom:0px; height:80px; background:#333333; opacity:0.7; width:100%; color:#ffffff; font:1.2em Arial, Helvetica, sans-serif; text-…

    Asked by nightgremlin,

    0 votes
    4 answers

  12. Подключаемый шрифт

    Здравствуйте, подключил .otf шрифт к проекту, но во всех примерах написано про подключение шрифта с расширением .ttf Есть ли смысл конвертировать .otf шрифт в .ttf если браузеры поддерижвают расширение .otf и шрифт отображается корректно?

    Asked by Temiks,

    0 votes
    4 answers

  13. я нашёл сайт спецификации на русском

    может кому надо http://specs.operafan.net/css2.1RU/CSS21/cover.html

    Asked by DivMan,

    0 votes
    4 answers

  14. Как сделать такой вид контента?

    Здравствуйте! Как сделать такой вид контента как на картинке, много таких сайтов видел. чтобы каждый блок начинался после окончания предыдущего. Заранее спасибо.

    Asked by Даниил Виттманн,

    0 votes
    4 answers

  15. Позиционирование блоков с наездом

    Помогите разобраться, как следует выполнить следующее задание: Длинна блока контейнера (Container) Зависит от большего по размеру блока Menu или Content. При этом Menu вылезает за пределы блока Container на 20px , а блок Content вылезает за блок Container на 10px. Сейчас все это обернуто в еще один контейнер, который имеет position: relative , а контейнеры Menu и Content position: absolute. Но при таком решении длинна Container остается не изменой. Как лучше справиться с этой задачей?

    Asked by cul8er,

    0 votes
    4 answers

  16. Помогите определиться как именовать сущности

    Помогите определиться как именовать сущности (с учетом общепринятых норм, таких как дефис, а также логики) Допустим есть блок с телефоном. .phone-number И тут я хочу создать .phone-number-green Но ведь green - это по сути приставка модификатор и ставя ее через еще один дефис - получается логическая путаница. Как их разделить? .phone-numbeer_green, .phone-number__green, .phone_number-green - как принято?

    Asked by Zverushka,

    0 votes
    4 answers

  17. Вопрос по маштабированию

    Столкнулся с проблемой такой. В общем, я сделал сайт с блоками пока и с меню, и когда уменьшаю окно браузера, моя страничка почему-то влево сдвигается вместе с меню, хотя на всех сайтах я когда уменьшаю она остается посередине. Вопрос, как сделать так, что бы страница оставалась посередине? Заранее всем спасибо.

    Asked by soressu,

    0 votes
    4 answers

  18. Не круглые уголки у яндекс карты

    http://joxi.ru/nTByUxjKTJC_RnQxtxk говорят, что в яндекс браузере в 7й винде угокли не круглые. У меня везде круглые? http://zverushka.zz.mu/podarok/index.html

    Asked by Zverushka,

    0 votes
    4 answers

  19. Напишите отзыв о хостинге

    Недавно нашел: http://hostia.ru/ ЦЕНЫ НУ ОЧЕНЬ ПОДОЗРИТЕЛЬНЫЕ!!! Но мне для своего будущего небольшого (по посещаемости) блога скорее всего сойдет. Как вы думаете?!

    Asked by SKSKSS2013,

    0 votes
    4 answers

  20. Форма

    Здравствуйте! Имеется некая форма, где пользователь вводит имя, телефон и емейл и отправляет. Мне нужно чтоб эта информация, имя, телефон и емейл отправилась мне на почту. Заране спасибо. <form class="myForm" autocomplete="off"> <div> <input type="text" name="login" class="login" placeholder="Ваше имя..."> </div> <div> <input type="text" name="telephone" class="telephone" placeholder="Ваш телефон..."> </div> <div> …

    Asked by mrvinil,

    0 votes
    4 answers

  21. cover size для img

    Скажите случайно нельзя указать размеры для img типа cover? Как cover в background-size? Или как добиться такого эффекта?

    Asked by Zverushka,

    0 votes
    4 answers

  22. Нужна помощь, возможная оплата!

    Сайт верстался сразу на бутстрепе, с возможной переделкой на моб версию. Потом решилось оставить десктопную версию на мобильниках, вот только проблемка вылезла, он там кривой ( бг не центрируется, а слева почему-то). Мне нужна срочная помощь в исправлении этой проблемы. Кто поможет кину денег на пиво с чипсами. Сайт - http://baklazhan.zz.mu/

    Asked by n0_th1nk,

    0 votes
    4 answers

  23. Минимальная ширина браузера

    Почему у моего хрома минимальная ширина 270px, как сделать 240px?

    Asked by DivMan,

    0 votes
    4 answers

  24. Как выровнять таблицу и текст по центру экрана?

    У меня есть код, нужно выровнять его весь по центру браузера, как это сделано на ya.ru Т.е. и форму поиска и текст под ней. У меня получилось выровнять только форму поиска, и то, только по горизонтали. А нужно все ровно по центру. <table><style> table { margin: auto; } </style><table cellspacing=2 cellpadding=4 border=0><tr><td align=center style="border:0px solid #eeeeee" bgcolor=FFB30A><table cellspacing=0 cellpadding=1 border=0><tr><form method=post action="http://site.ru/script.php"><td> <input style="color:#777777; font-size:11px; width:300px; font-family: Verdana, Arial, sans-serif" n…

    Asked by nhelp,

    0 votes
    4 answers

  25. Выравнивание текста шрифта по центру

    http://joxi.ru/-weCUxjKTJBJH2Izqog В мак осах выглядит сдвинуто, когда в винде ровно по центру. Вот как сделать выравнивание кроссбраузерно? Шрифт кажись генерировался с галкой Fix Vertical Metrics ... сайт http://html2css.ru/extreme2/

    Asked by Zverushka,

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