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? (не обращайте внимание на направляющие линии и выделение).

    Asked by Zverushka,

    0 votes
    7 answers

  2. Как убрать запятые в тегах?

    Движок: Opencart Цель: Убрать запятые в метках Ссылка: http://stv-sb.ru/dome_camera/420tvl_ik/STV-RCP%2020.html Скрин: Может поможет реализация у кого-то: http://www.oc-extensions.com/Disqus

    Asked by xoff,

    0 votes
    1 answer

  3. Нужен совет знатоков

    Добрый день. Нужен совет, как лучше сделать. Короче говоря, галерея картинок и видео выполнена с помощью двух слайдеров. На картинке 1 показано как оно все должно выглядеть, а на картинке 2, показал схематически как все должно быть. И так, вопрос: 1. Как проще\удобнее мне сделать? 2. Какой плагин посоветуете? 3. Как лучше сделать слайды? Так как они должны быть 2х2 и 3х3 + быть адаптивными. И да, вся эта конструкция, должна быть резиновая\адаптивная. У меня пока 2 идеи: 1.За "Slider wrap" взять слайдер бутстрепа 3. В него вложить 2 карусели, Фото и Видео сделаных с помощью "FlexSlider". Но он себя не всегда нормально поводит... upd: Только что сделал так. Первый слайдер…

    Asked by n0_th1nk,

    0 votes
    3 answers

  4. Конфликт position:fixed и <object>

    Добрый вечер, подскажите пожалуйста, что за баг? Сайт http://www.colibrilaw.kz/. Там верхнее меню position: fixed. При скролинге страниц в хроме и фф все ок, а в ие и опере нижний баннер (флеш) становится слоем выше, чем меню.

    Asked by Sten8509,

    0 votes
    1 answer

  5. Как сделать выпадающее окошко?

    Здравствуйте! Подскажите, как сделать выпадающее окошко при нажатии на ссылку, как на сайте http://amisport.com.ua/, ссылка рядом с корзиной 0 ШТ. /0, как мне кажется, это сделано с помощью условных комментариев, в которых я еще не силен, а может скрипт какой подключен..

    Asked by Ёрги,

    0 votes
    2 answers

  6. Непонятный отступ с margin-top?

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/index.css" rel="stylesheet" type="text/css"> <meta name="keywords" content=""> <meta name="description" content=""> <title>Лесничество"Русский Лес"</title> </head> <body> <div id="header"> <div id="vc"> </div> </div> <div id="podl_content"> <div id="content"> <div class="ukaz"> <h2>Информация о филиале</h2> </div> <div id="footer"> </div> </div> </div> <br /&…

    Asked by doox911,

    0 votes
    1 answer

  7. 2 inline-block - один слева, другой справа.

    Представим блок, внутри которого находятся 2 блока со стилем Inline-block (это им подходит по смыслу). Как мне разместить один блок у левого края, другой у края справа? Если я ставлю правому блоку до кучи стиль float: right, то мое оформление как Inline-block (то есть я не задаю ширину, а только паддинги и блок сам растягивается по соедржимому) почему-то сохраняется, кстати да - ведь так и должно быть? плавающие блоки не растянуты на всю ширину, а автоматом подстраиваются под содержимое... Не хотелось бы выводить элемент из потока, хм... Но видимо другого способа нет? УПД. Проблема еще в том, что эти блоки выравнены вертикально по центру.

    Asked by Zverushka,

    0 votes
    11 answers

  8. Давайте обсудим проблемы шрифтов и сервисы их генерации

    В последнее время шрифты вынесли мне все мозги. Давайте запишем сюда все, что мы знаем о проблемах со шрифтами. 1) Вебкит некоторые шрифты криво рендерит - выход, заставить его отображать первым svg 2) firefox не понимает svg, и когда он начинает криво рендерить - почти безвыходная ситуация, хотя мне удалось подключить otf формат, но шрифт выглядел мягко сказать иначе, но зато без зазубрин и обрезания. 3) сервис font-squirrel в режиме оптимизации генерит шрифты без кириллицы (а может лишь некоторые и тогда это баг). 4) Некоторые сервисы, в число которых входит фонт сквиррел криво генеряет eot - выход, генерить с помощью программы на вашем компьютере. 5) Если вы поставили…

    Asked by Zverushka,

    0 votes
    24 answers

  9. Какие программы нужно знать начинающему верстальщику?

    Какие программы мне нужно знать чтобы писать красивый интерфейс для сайтов.То есть добавить туда средств оформления?

    Asked by MegaS,

    0 votes
    31 answers

  10. Движение float:right элемента

    Здравствуйте. При смене размеров окна браузера элемент с float:right двигается влево и в конце концов наезжает на обтекаемый элемент. С этим можно что-то сделать или это неисправимая особенность?

    Asked by mcdude,

    0 votes
    8 answers

  11. Position: absolute и Opera(а также IE 8)

    Добрый день. Помогите пожалуйста решить проблему. Есть главная страничка по адресу http://roof-store.su/. На этой страничке большой слайдер, а у него белая овальная картинка, которая служит фоном для точек переключателей(посередине-внизу слайдера). Во всех браузерах точки переключатели по центру этой картинки, а в опере и точки влево съехали и нижний контент постоянно дёргается. Код для этой картинки #slider-image { position: absolute; top: 600px; left: 620px; z-index: 100; } Как можно это решить?

    Asked by Falcon,

    0 votes
    1 answer

  12. Вёрстка сложной таблицы

    Есть сложная таблица с куче row и col span, также есть вертикальный текст: http://jsfiddle.net/Tmin10/AVA4N/ В итоге должно получиться примерно так: Подскажите, как настроить ширину ячеек шапки, чтобы таблица влезла в 960 или, в крайнем случае, 1100 пикселов. На прямое указание размера таблица реагирует как-то неадекватно...

    Asked by Tmin10,

    0 votes
    3 answers

  13. Интересно ваше мнение, как реализовать данный макет

    https://www.fl.ru/a....jdbt/6-VmS05U_f"Все элементы на сайте, включая текст и картинки должны масштабироваться. То есть на большом экране весь сайт должен быть больше, сохраняя пропорции"У меня такое ощущение, что заказчик представляет себе масштабирование абсолютно пропорциональное, а не как при резиновой верстке (сайт раздается по ширине).Да и увеличение текста я так понимаю можно реализовать лишь через медиа запросы под каждое разрешение?Кстати можно ли задать для body размер текста скажем один, а остальной текст на всей странице имел какой-то процент от значения указанного в боди? То есть, чтобы в медиа запросе менялся лишь размер шрифта боди - а остальные менялись ав…

    Asked by Zverushka,

    0 votes
    5 answers

  14. Центрирование в зависимости от количества

    Приведствую, Вас! Есть блок в котором отображаются кнокпи в 2 ряда по 5 в каждом. Возникла такая задача. В случае если кнопок менше или равно 5, они должны центроватся по центру, можно ли это реализовать на чистом CSS?

    Asked by grifin85,

    0 votes
    7 answers

  15. Бешеные DIV-ы

    Есть вот такой не сложный код: <html> <head> </head> <body style="margin:0;padding:0;"> <div style="margin:0 auto; width:600px; height:300px; background:red;" id="1"> <div id="2" style="margin:30px 0 0 0; width:200px; height:100px; background:grey;"> </div> </div> </body> </html> Почему div с id=2 делает отступ не относительно div c id=1 и более того получается так что тот же div c id=1 тоже получает отступ от верхней границы 30px ? В общем что я неправильно делаю или как это полечить ?

    Asked by Anexin,

    0 votes
    2 answers

  16. глупый вопрос-надеюсь на не такой же ответ

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

    Asked by Vinnipushek,

    0 votes
    7 answers

  17. полный ноль,но есть желание

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

    Asked by Vinnipushek,

    0 votes
    10 answers

  18. Галлерея. Слайды

    Я начинающий верстальщик. Подскажите пожалуйста, мне нужно заверстать галлерею, у которой есть три слайда. Какой стиль в css применить, чтобы слайды находились на одном уровне друг под другом? и при этом два из них были скрыты. Спасибо

    Asked by Lyolik,

    0 votes
    2 answers

  19. Две фоновые картинки, залезающие друг на друга.

    Имеется блок #content, высота не задана, минимальная ширина 940, максимальная 1280. В этом блоке должны располагаться 2 фоновые картинки, 1 прижата к левому краю, а вторая соответственно к правому, при этом левая картинка занимает 42% ширины от блока, а вторая 74%, так как это больше ширины блока, 1 картинка должна залезать на вторую, но если бы их нужно было просто растянуть, вся соль в том, что при увеличении ширины должна увеличиваться высота пропорционально размерам картинки, огромная просьба объяснить, как это сделать?

    Asked by main.c,

    0 votes
    2 answers

  20. Очередной вопрос про скроллинг в ячейке

    Есть пример страницы - таблица с парой столбцов, первый фиксирован по ширине, второй растягивается до конца экрана <html> <body> <table width="100%"> <tr> <td>small first column</td> <td width="100%"> <div id="d" style="overflow-x: scroll; width: 100%"> wordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswordswords </div> </td> </tr> </table> </body> </html> Во втором столбце может быть длинный текст или другая таблица или что-то еще, В общем нужен горизонтальный скрол внутри него. При этом див должен растягиваться …

    Asked by smith,

    0 votes
    2 answers

  21. Как реализовать такой фон?

    Добрый день! Сверстал сайт. Осталось только спозиционировать кошку и телефон. Размер основного контента 940px. Если меньше появляется горизонтальная полоса прокрутки. Создавал блок, толкал эту кошку в него background'ом, высовывал абсолютным позиционирование за пределы (куда нужно). Но этот вариант НЕ ПОДХОДИТ, т.к. появляется полоса прокрутки(( В body если запихать, то не угадаешь с шириной и высотой окна браузера((( Помогите пожалуйста кто сталкивался с такой проблемой. P.S. кошка и телефон не обрезаны, это полноценный рисунок, просто так выглядит макет (так должно стать при уменьшении окна браузера). Вот ссылка на картинку http://savepic.org/4509298.htm

    Asked by Gasherez,

    0 votes
    4 answers

  22. Почему не добавляется внутренняя рамка?

    Здравствуйте. На странице пытаюсь задать дополнительную 1px рамку вокруг превьюшек согласно мануалу (там правда разбирается четверная рамка на псевдоэлементах). Не получается. В чем причина? На выходе должно быть так. вокруг фотки идет 1пикс рамка, вокруг которой 10пикс белое пространство, заканчивающееся той рамкой, что видна сейчас(оранжевая обводка+тень) P.S. Как на форуме давать ссылки, чтобы они не индексировались поисковиками?

    Asked by borus,

    0 votes
    3 answers

  23. parallax psd-макеты

    хотелось бы попрактиковаться в вёрстке parallax-макета, но не получается найти psd. помогите пожалуйста, если кому попадались

    Asked by cyklop77,

    0 votes
    5 answers

  24. Не могу загнать список меню в блок

    http://jsfiddle.net/jontsk/GKqbM/ Помогите загнать список меню в .left_menu_1 и растянуть кнопки в ширину .left_menu_1. Заранее спасибо.

    Asked by jontsk,

    0 votes
    3 answers

  25. Проблема с позиционированием

    Здравствуйте! Помогите с решением такой проблемы. В шапке текст, заключенный в теги <h1>...</h1> ушел вверх и влево. Как поставить его по середине и чуть ниже от верха? Пытался различными методами, но ничего не получается. Ниже даю css-код этого элемента header.mainHeader h1 a{ border: 1px solid #000; font: bold 64px "Century Gothic"; color: #1d1eeb; text-decoration: none; text-shadow: #1d1eeb 0 0 10px; } https://www.dropbox....k9ccocc4y/1.jpg

    Asked by sayapinant,

    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