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. Правда ли что box-shadow грузит проц?

    Слышал, что некоторые css свойства грузят проц, и что иногда лучше даже использовать графические файлы вместо css? Если это правда, то какими css-свойствами не стоит злоупотреблять, а лучше заменить их нарезкой графических файлов? Мне очень понравилось использовать css градиенты, как бэкграунды для блоков, вместо repeat-x, но из за этого боюсь снизить скорость загрузки страниц.

    Asked by Jhozeph,

    0 votes
    3 answers

  2. JavaScript

    Как то же самое, сделать на яваскрипт? http://jsfiddle.net/Gurj2/

    Asked by Imperil,

    0 votes
    3 answers

  3. Какую тему wordress посоветуйте для сайта о фактах с красивым слайд-шоу и комментами к каждой странице

    Какую тему wordress посоветуйте для сайта о фактах с красивым слайд-шоу и комментами к каждой странице

    Asked by saswat,

    0 votes
    3 answers

  4. шрифты из psd

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

    Asked by cyklop77,

    0 votes
    3 answers

  5. периодическое расположение блоков

    помогите пожалуйста решить классическую задачу нормальным способом есть блок шириной 300px. он содержит изображения, размер каждого из которых 125px x 125px. порядок расположения изображений такой: отступ в 10px изображение отступ в 15px отступ в 15px изображение отступ в 10px и так далее....... для наглядности можно посмотреть сюда как видите, я решил эту задачу добавлением к изображеням классов .left и .right . это нехорошее решение. подскажите пожалуйста хорошее

    Asked by cyklop77,

    0 votes
    3 answers

  6. Нужна помощь с Lightbox

    Добрый день, нужна помощь. Не могу запустить lightbox вот на этой странице http://www.arabellatravel.ru/528.html Подскажите пожалуйста где ошибка?

    Asked by p0wS,

    0 votes
    3 answers

  7. Сверстать background

    Не получается сверстать бэкграунд, состоящий из нескольких слоев. Нижний слой - градиент синего, слои повыше (2-3) это облака, которые расположены в шапке, и которые выходят за края браузера, т.е. на более низких разрешениях облака прячутся по краям, на более высоких "выползают". Прикрепляю для образца psd-файл

    Asked by html-noob,

    0 votes
    3 answers

  8. Отступы в блоке реклама

    Как сделать, чтобы отступы в блоке реклама отображались во всех браузерах правильно? Например в браузерах Opera, Mozilla Firefox, Google Chrome все хорошо, а в Internet Explorer отступы между картинками другие. Opera: Internet Explorer: Вот сайт - линк P.S. если смотреть через ноутбуковский Internet Explorer, то все картинки будут идти в столбик.

    Asked by Andrew_las,

    0 votes
    3 answers

  9. Отступ

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="VERtuoz" /> <title>Отступ</title> <style> body{ text-align: center; margin: 0; padding: 0; } #one{ width: 1024px; height: 512px; margin: 0 auto; text-align: center; background: #f00; position: relative; } #two{ width: 640px; height: 256px; margin: 15px auto; background: #0f0; position: relative; } </style> </head> <body> <div id="one"> <div id="two"> …

    Asked by Zzz_,

    0 votes
    3 answers

  10. z-index

    помогите пожалуйста решить проблему на странице z-index блока .header .nav_top_1 ul li a.punkt_1 больше чем z-index блока .wrap .leaf_top_left . однако блок .wrap .leaf_top_left всё таки перекрывает блок .header .nav_top_1 ul li a.punkt_1 в частности и блок .header .nav_top_1 в общем в результате невозможно кликнуть по пункту меню. хотелось бы чтобы меню было кликабельно

    Asked by cyklop77,

    0 votes
    3 answers

  11. в ie 7,8 не отображаются шрифты

    в ie 7,8 не отображаются шрифты добавленые через @font-face @font-face { font-family: 'Conv_PFDinTextCompPro-Italic'; src: url('../fonts/PFDinTextCompPro-Italic.eot'); src: local('?'), url('../fonts/PFDinTextCompPro-Italic.woff') format('woff'), url('../fonts/PFDinTextCompPro-Italic.svg') format('svg'), url('../fonts/PFDinTextCompPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } Подскажите пожалуйста в чём может быть проблема.

    Asked by ruvi,

    0 votes
    3 answers

  12. Прозрачный iFrame

    Прозрачность iFrame реализована через CSS: body {background: url(bg.jpg) no-repeat center center fixed; background-size: cover;} iFrame {width: 79%; height: 87%; background-color: #000000; color: #ffffff; margin-top: 1%; opacity: 0.6;} Проблема в том, что кроме фона прозрачным становится всё содержимое. Возможно ли сделать прозрачный фон, с непрозрачным содержимым, но самое важное, чтобы background-color оставался чёрным? Пытался решить проблему с помощью js (динамическое изменение свойств), но слабые познания не дают продвинуться. Заранее спасибо.

    Asked by Ingrediamur,

    0 votes
    3 answers

  13. Обрамление слайдер или слайдер под слоем

    Добрый день. Вот адрес snobstore.ru, там есть рамка с цветами и есть внутри слайдер, подскажите как лучше сверстать и сделать так, что бы сдайдер был под этой рамкой с цветами, что бы листья и цветы которые свисают внутрь рамки были на слайдере, сейчас сделал рамку как фон, а слайдер поверх, выглядит не красиво, а нужно что бы слайдер был виден сквозь листья и цветы (именно внутри рамки, как будто картинки внутри, а не поверх)..Надеюсь Вы поняли что я хотел объяснить.

    Asked by kmaroff,

    0 votes
    3 answers

  14. Отображение в фотошопе и браузере

    Здравствуйте, подскажите пж как измерять размер элемента в фотошопе? Делаю так беру инструмент линейку измеряю ширину элемента выходит как на скрине 305 задаю ширину в css width:"305px" но элемент выходит больше. Расскажите пж как правильно замерять размер заранее спс!

    Asked by Rubik,

    0 votes
    3 answers

  15. Почему-то не назначают стили для label.class или label#id

    Вот такая структура: <label class="1star"><input type="radio" name="var1" value="1" /></label> CSS: label.1star { background: url('images/1star.png') no-repeat; width: 21px; height: 19px; display: block; } .1star input { position: absolute; left: -999px; } Открываю страницу -- 0 эффекта. Открываю label в firebug -- никаких стилей не назначено. Назначаю вручную элементу в файрбаге -- включаются. если сделать <label style="стили">...</label> -- работает. По логике -- неправильно назначены стили (указаны имена классов/элементов в файле со стилями), но вроде бы всё правильно... Не понимаю. Есть идеи?

    Asked by adelante,

    0 votes
    3 answers

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

    в макете первой страницы (в указанной ссылке) есть галерея (она подписана и картинка, но при разборке макета, там много картинок, похожего размера) вопросс вот в чем, картинки расположенные на сером фоне это отдельный слайт шоу или это взаимосвязано с галереей, буду признательна за любую помощь и совет, так как первый раз верстаю галерею http://www.free-psd.com/white/53-free-white-template-1 (ссылка на макет)

    Asked by maruwa,

    0 votes
    3 answers

  17. Как сохранить отдельный слой в psd

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

    Asked by Aleksey19881988,

    0 votes
    3 answers

  18. Прикручиваю слайдер - не отображется

    Добрый день. Как сторонний слайдер прикрутить? Вроде код слайдера(в шаблоне) работает - в теги А, IMG яваскрипт добавляет свое. А где я ниже подключил никак не кушает настройки яваскрипта. Вот 178.95.185.177/real/alfasi.html?view=property&id=1:alfasi-15-rekhaviya Фаербагер даже другой подстветкой показывает, начиная с тега UL там где только черная полоска.

    Asked by 550953,

    0 votes
    3 answers

  19. зазор между инлайновыми элементами

    подскажите пожалуйста почему на этой странице между .logo и h1 есть зазор? то есть при перемещении курсора по горизонтали, на которой находятся эти элементы, курсор в некоторый момент меняет свой тип если можно, подскажите как решить проблему

    Asked by cyklop77,

    0 votes
    3 answers

  20. Планшетная верстка

    Здравствуйте! Моя задача - заставить браузер ПК передавать в запросе к серверу информацию, что это браузер планшета (например, строку: User-Agent: Opera/9.80 (Android 2.3.7; Linux; Opera Tablet/35779; U; ru) Presto/2.10.254 Version/12.00), чтобы иметь возможность пользоваться отладчиками типа firebug, dragonfly и пр. при верстке страницы под планшетные устройства. Кто подскажет, как осуществить задуманное?

    Asked by hike,

    0 votes
    3 answers

  21. Цвет активных ссылок на статичной страничке.

    Здравствуйте! Собственно вопрос, имеется страничка и несколько ссылок на ней. Как сделать так, что бы изменялся фон ссылки при нажатии на неё? Проще говоря, я нажимаю на ссылку, фон под ней меняется и закрепляется, далее я кликаю по следующей ссылки, фон меняется под ней и остается неизменным. Основная проблема в том, что страничка статична, одна, значит :visited не прокатит. Подозреваю, что тут замешан JS =) Да, забыл сказать. Мне это нужно для создания меню. Оно само статично, а вот содержание динамично. Тут-то мне и нужно выделение пунктов в меню.

    Asked by OlegLont,

    0 votes
    3 answers

  22. Непонятная область между контентом и футером

    Сделал шаблон в Artisteer 3.1. Из-за малого объема контента возникла необходимость прикрепить футер к нижней границе окна браузера. Воспользовался данным способом. Однако возникла проблема. Футер отрисовывается где положено, но между ним и контентом появилась непонятная область плюс добавилась вертикальная полоса прокрутки. Область отмечена красной рамкой Здесь шаблон в действии. Не могу найти откуда ноги растут у этого зазора. Вроде везде height: 100%. Может кто из профессионалов подскажет.

    Asked by Vensdale,

    0 votes
    3 answers

  23. Отключить появление скролла для нижней части страницы

    Можно ли запретить скролл для нескольких дивов на странице? Ситуация такая, страница состоит из нескольких рядов дивов. На на похожей странице из-за нижнего ряда появляется скролл, из-за чего происходит смещение относительно страниц без скролла. Грубо говоря скролл нужен, но можно ли его отключить его на 5м и 6м диве? Т.е. если граница окна на них попадает - скролл не появлялся. Нетривиальный вопрос какой-то получился, но мало-ли. Вдруг есть какой рецепт.

    Asked by delias,

    0 votes
    3 answers

  24. Статический фон по углам сайта

    Здравствуйте! Пробую сделать сайт со статическим фонам по его углам. Вёрстку делаю через дивы. Вожусь достаточно давно, перечитал кучу советов, но всё равно что-то не работает Вот код: <div align="center" style="width: 100%"> <div align="center" class="TableMainTopRight"> <div align="center" class="TableMainTopLeft"> <div align="center" class="TableMainBottomLeft"> <div align="center" class="TableMainBottomRight"> <div align="center" style="padding: 20px 0px 60px 0px"> <div style="background-color: #FEFCF7; height: 100%;…

    Asked by Champ,

    0 votes
    3 answers

  25. как в яндексе

    помогите пожалуйста дивно сверстать блок, поведение которого при сжатии окна по ширине похоже на поведение блока #wd-wrapper-_mail-1 главной страницы яндекса моя попытка проблемы в том, что когда ширина .aside становится меньше ширины .mail_outer , то: 1) часть .mail_outer обрезается(а по задуманному должна раздаигать .aside); 2) отступ(ы) пропадают(background: orange) ps при любой ширине окна браузера firebug все равно показывает величину .mail_outer равной 190px. это странно

    Asked by cyklop77,

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