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. 3 колонки одной высоты с резиновым центром

    Добрый вечер! Возникла задача сверстать 3 колонки одной высоты. Мне очень понравился метод Matthew Taylor'a, но одно меня ставит в тупик: все колонки здесь имеют длину в %. Мне же нужно, к примеру, 300px левая, 350px правая и центр - всё оставшееся место. За основу брал статью-перевод http://www.master-web.info/equal-height-co...ss-browser-css/ Крутил, вертел, пока ничего не вышло. И почему-то кажется, что этот метод не рассчитан под фиксированные сайд-бары Есть ли у кого идеи, как это и можно ли сделать? Спасибо

    Asked by Yuriy,

    0 votes
    26 answers

  2. Кроссбраузерность HTML 5 и CSS 3

    Всем доброго времени суток, скажите, возможно ли сделать кроссбраузерной страницу, написанную на HTML 5 с применением CSS 3? Буду благодарен за вразумительный ответ.

    Asked by selevit,

    0 votes
    26 answers

  3. О фоне ссылок, всяких разных.

    Вот так и бывает: показываю новичку, как надо правильно код менюшки писать, и попадаю в абсолютно глупую ситуацию, когда этот самый мой образец работает не совсем так, как ожидается. Вот образец. Суть в чём: у ссылки в различных состояниях (:link, :hover, :active, :visited) должен быть разный фон. Казалось бы, чего проще? Фоном картинку, содержащую три варианта, а для псевдоклассов меняем background-position. В общем случае всё работает как ожидалось, но: В Safari и Chrome игнорируется background для :visited. Используется тот же, что и для :link или вообще без псевдоклассов; В Firefox под Windows 7 фон для :visited работает, но при нажатии на ранее посещённые ссылки не …

    Asked by swetlana,

    0 votes
    26 answers

  4. Прозрачный угол для каринки

    Сейчас создаю дизайн, задумался смогу ли я это реализвать. Есть объект, он статической высоты стической ширины, вот его фрагмент: Красным выделена своеобразная рамка, в правой части будет текст поэтому там опросов особо то и нету. А что касается картинки, я хочу сделать так, чтобы пользователь заморачивался лишь о высоте картинки и ни в коем случае вручную не обрезал уголки. Тоесть как сделать посредством css и html так, чтобы картинка в div с определенным классом сама себе обрезала уголки в нужном месте? Например вот этак картинка: Нужно чтобы когда её вставили в ДИВ получилось вот так: На что способен я, вы можете видеть в первом изображении. Идеи: Текст будет на фон…

    Asked by 92ave,

    0 votes
    26 answers

  5. разное отображение веб-страниц в IE и Mozille

    Здравствуйте. Подскажите пожалуйста почему происходит разное отображение страницы в браузерах IE и Mozille? А точнее в IE шрифт жирный, отступы заданные с помощью margin:0 auto не большие, а в Mozille шрифт нежирный, отступы значительно больше и появляется горизонтальная полоса прокрутки. Ссылка на страницу, которая отображается по разному в браузерах. http://olyakutukova.narod.ru/ocna.html

    Asked by olya,

    0 votes
    26 answers

  6. 3 Div в стороку

    Вобщем такая проблема, имеется три div <div class="news"> <div id="left"></div> <div id="center"></div> <div id="right"></div> </div> нужно чтобы они были в одну строку, первый див прижат к левому краю, второй посередине, третий прижат к правому...вот css который я написал #left{ border:1px solid #000; overflow:hidden; float:left; width:80px; height:80px; background:url('../images/left.png') no-repeat left top; } #center{ border:1px solid #000; overflow:hidden; float:left; width:auto; height:80px; background:url('../images/center.png') repeat-x center top; } #right{ border:1px solid #000; overflow:hidden; float:rig…

    Asked by kamaz6141,

    0 votes
    26 answers

  7. Хэлп ми плыз))

    Поможите люди добрые хто сможет)). Проблема заключается вот в чём: я.вэбмастер требует Разместить мета-тэг 1. Добавьте в код главной страницы вашего сайта в раздел <head> ... Парни, всем огромное спасибо! Разобрались с вопросом. Как отблагодарить не знаю, я тут новенький, но звёздочек понаставил!

    Asked by Ревентадор,

    0 votes
    26 answers

  8. Div с ul с li

    Вот у меня блок и в нем меню ul с li. При этом у главного блока border:8px solid #000000; и хотелось бы сделать так, при наведении курсором на ссылку текст становится цветом белым,а её фон чёрный, при этом фон касается краев главного блока.Никак не получается.Помогите пожалауйста. <div class='wrapper_mir' id='mir'> <ul class='wrapper_ul'> <li><a href='message.php' >1</a></li> <li><a href='.php' >2</a></li> <li><a href='.php'>3</a></li> <li&g…

    Asked by new01,

    0 votes
    26 answers

  9. А зачем вообще нужен id?

    Заметил, что многие люди структуру странички делают так: шапка - id, content - id, footer - id, остальные дивы в классах. Это делается просто для подчёркивания уникальности этих блоков? или в другом причина?

    Asked by angel12,

    0 votes
    26 answers

  10. срезаемый бордюр-картинка вокруг резинового блока без html5

    Здравствуйте! Чем-то напоминает соседнюю тему с "ушами". Нужно, чтобы вокруг резинового блока, позиционированного по центру по горизонтали, была картинка-бордюр, но при минимальной ширине экрана, этот бордюр (по горизонтали) обрезался, т.е. чтобы его не было видно и не появлялась горизонтальная полоса прокрутки. Если бы ширина блока была фиксированной, то можно было бы повесить бэкграунд на боди, например как тут (при ширине окна 950рх не появляется горизонтальной полосы прокрутки, и рамку не видно). Но как это реализовать при резиновой ширине блока? Вот примерная картинка: . Пока представляю, только как это можно сделать таблицами, и то не совсем. Этот код совсем не рабо…

    Asked by Rossi25,

    0 votes
    26 answers

  11. Как поотянуть фон в центре

    Как такой фон можно потянуть по высоте, в центре вижу парент вроде как можно потянуть, но вопрос как?

    Asked by okunev2,

    0 votes
    26 answers

  12. css3pie (PIE.htc) работает с задержкой при условии hover?

    Скругляю уголки у li в IE при помощи css3pie (http://css3pie.com). У li при selected и hover также есть бекграунд из градиентного рисунка (repeat-x). При наведении мыши на li css3pie работает с задержкой, то есть скругление происходит не сразу, а спустя заметные для глаза доли секунды, а сначала виден нескругленный угол. Так и должно быть? Может, css3pie нельзя применять для hover? И еще - без position:relative вообще не работает. Пробовал по-разному: задавал position и css3pie как для всего (то есть неактивного) li сразу, так и для отдельно selected и hover, не помогло.

    Asked by Squidward,

    0 votes
    26 answers

  13. центрирование повернутого текста

    добрый день! делаю выплывающее боковое меню. поворот его заголовка с помощью css делается так .boxRotateLeft{ -webkit-transform: rotate(270deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(270deg); /* FF3.5+ */ -ms-transform: rotate(270deg); /* IE9 */ -o-transform: rotate(270deg); /* Opera 10.5 */ transform: rotate(270deg); zoom: 1; display:block; } вопрос: как отцентрировать этот текст по-вертикали? дело в том, что для разных языков высота будет разная. вариант с картинками мне не подходит вот еще сама разметка <div id="hide" style="float:left;"> <img src="img/hide.png"> <span class="boxRotateL…

    Asked by SnowCatcher,

    0 votes
    26 answers

  14. для совсем чайников

    Добрый день! Начал самостоятельное изучение html и css. Есть пока пара совсем глупых общих вопросов, о которых в учебниках ответа нет. Поэтому обращаюсь к сведущим в данном вопросе людям. 1. Как редактировать html-код страницы? Я всё время сохраняю код в 2х разрешениях - .txt и .html. Можно ли сохранять только в .html и как потом дополнять/редактировать? (у меня MacOs, браузер Safari) 2. Когда использую css, то изначально всё отображается правильно. Но после внесения изменений/дополнений в файл .css внесённые изменения уже не отображаются при просмотре в .html. Как правильно вносить изменения в .css, чтобы они отображались? Спасибо за любые пояснения.

    Asked by Petr,

    0 votes
    26 answers

  15. Задача по CSS

    Возникла задача, которую я не смог осилить. Поэтому прошу вашей помощи. Дано: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Задачка по CSS</title> <style type="text/css"> * { margin: 0; padding: 0;} .nav { list-style: none;} .nav > li { display: inline-block; width: 100px; border: 1px solid #000; vertical-align: top; } </style> </head> <body> <ul class="nav"> <li> &lt…

    Asked by psywalker,

    0 votes
    26 answers

  16. В какой CMS есть данная возможность?

    Добрый вечер. Появился вопрос: В какой CMS Вы встречали сортировку с такими возможностями? (выбираешь НЕСКОЛЬКО критериев и система подбирает запись) Сайт на котором это реализовано: http://www.b-seminar.ru/catalog/ Вычислить CMS не удалось. P.S. 1. Это не спам. 2. Знаний PHP нет.

    Asked by sportgid,

    0 votes
    26 answers

  17. Наложение полупрозрачного треугольника на изображение

    Здравствуйте. Подскажите пожалуйста идеи как создать вот такой полу-прозрачный треугольник в левом верхнем углу. От середины левой стороны картинки к верхнему правом углу. Размеры исходного блока с фотографией не постоянны. -- Забыл добавить, что требуется поддержка только современных броузеров на базе webkit и не поддерживать пережитки прошлого.

    Asked by pvk,

    0 votes
    26 answers

  18. Наибольшее разрешение экрана

    В этой замечательной статье автор приводит интересное, на мой взгляд, решение ухода от скролла. http://www.alistapart.com/articles/fluidgrids/ Максимальное разрешение экрана берёт 988px, в иных статьях упоминается 1024px, если поГуглить можно найти 2560x1600, одно из заданий верстки даёт разрешение ограничить макс 1500px. Какую цифру взять ориентиром для десктопов? Далее есть такая фраза Насколько это соотв действительности?

    Asked by seemax,

    0 votes
    26 answers

  19. Возможна ли защита от копирования сайта таким образом...

    Здравствуйте ребята. Люблю читать ваш форум, очень много полезного и интересного. Решила всё таки задать свой вопрос. Возможна ли защита от копирования сайта (и как она будет выглядеть в html/css) таким образом, что сама информация то скопировалась, но при размещении ее на другом ресурсе, например, всегда АВТОМАТИЧЕСКИ вставлялся источник ( того сайта с которого копировали) в виде текста "Взято с www.ресурс.ру " или же в виде картинки, при нажатии которой переходили на источник. Что думаете ребята?) очень интересны ваши предложения

    Asked by VictoriaV,

    0 votes
    26 answers

  20. Изображения в интернете

    Почему у меня картинки на моей страницы становятся плохого качества когда я их заливаю на сайт? На локальном компьютере отображается всё в нормальном качестве.

    Asked by big_time,

    0 votes
    26 answers

  21. Подскажите самый простой и удобный хостинг для тестирования сайта

    Вот нужно протестировать некоторые детали на сайте,но на всех хостингах много мороки,возни и т.д.(((

    Asked by pudge,

    0 votes
    26 answers

  22. Помогите советом

    Здравствуйте, начал учиться верстать. Скачал макет, там есть такой блок. Как лучше всего реализовать?

    Asked by mnstrsound,

    0 votes
    26 answers

  23. Ищу веб-мастера в наставники

    Доброго времени суток! Я представляю собой сопливого новичка в верстке. Тем не менее пытаюсь уделять этому интересному занятию достаточно времени. Имею базовые знания HTML, CSS. Ищу себе в наставники опытного веб-мастера, который бы указал мне путь к свету. Иначе говоря, подсказал что почитать, давал задания, проверял задания, а также, самое главное, наставлял мудрым советом.

    Asked by Jar,

    0 votes
    26 answers

  24. Бутстрап - проблема с меню

    Вот пытаюсь реализовать меню. Обычное меню. справа от него на той же строке есть блок с заказом звонка. При уменьшении разрешения появляется название сайта и иконка для разворачивания меню. Проблема в том. что в определенном узком разрешении развернутого меню не видно на экране вообще - оно куда-то вбок уходит. При этом в файрфоксе (в хроме вроде норм). Что я делаю не так? Все ли правильно в разметке навигации? http://zverushka.zz.mu/edu/

    Asked by Zverushka,

    0 votes
    26 answers

  25. Помощь новичку.

    Всех с Новым годом! Если никто не против - создам эту тему, где буду задавать мелочные вопросы продвинутым вебмастерам, верстальщикам. 1. Есть ли разница между: background: url('ссылка на картинку')background: url("ссылка на картинку")background: url(ссылка на картинку)2. Что значит: <link rel="stylesheet" type="text/css" href="/css/_all.css?23"> (Интересуют именно цифры после знака "?"). Спасибо!

    Asked by Багдыч,

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