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

    Как с помощью CSS запретить перенос строки. Допустим, у нас имеется блок, в нём запись, которая своей шириной больше ширины блока, она начинает переходить на вторую строку. Нужно это действие как то отвенить, так как получается не очень красиво.

    Asked by gromanev,

    0 votes
    1 answer

  2. редактирование шаблона wordpress

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

    Asked by Александр1993,

    0 votes
    1 answer

  3. Не подключается кириллица Google Web Fonts/

    Всем привет! На ровном месте возникла проблема. Хочу использовать http://www.google.com/webfonts Там всё просто и доходчиво описано как из подключать. С английскими шрифтами проблем нет вообще. Но кириллические (беру естественно из раздела кирилик) не подключаются ни в какую, ни так как ниже по простому, ни @import, ни яваскрипт. Пример ниже <h1> Bad Script отображается как дефолтый таймс, а <h2> как и задумывалось Exo. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href='http://fonts.googleapis.com/css?family=Bad+Script|PT+Serif' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?fa…

    Asked by santacruz,

    0 votes
    1 answer

  4. Исчезновение фиксированного блока при перезагрузке в Opera

    Здравствуйте!!! Существует такая проблема. Я сделал верхний блок (типа footer) фиксированным, чтобы при прокрутке страницы блок сохранялся наверху страницы. Вроде всё работает на IE8+ (7-ка не критична), Chrome, Firefox. В Opera тоже вроде бы фиксация сохраняется при прокрутке. Но при перезагрузке (если страница прокручена) фиксированный блок вновь возвращается вверх и пропадает из виду. На др. браузерах всё норм. <!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"…

    Asked by sam77726,

    0 votes
    1 answer

  5. Порядок и приоритетность документов CSS

    Видимо это азы, которые упущены... Вопрос: есть два документа <HEAD> <LINK href = "mystyle.css" rel = "stylesheet" type = "text/css"> <LINK href = "mystyle_ex.css" rel = "stylesheet" type = "text/css"> <HEAD> Последний из них переназначил цвета, шрифты и не только. Т есть прямо противоречит первому документу. Можно ли считать это, если вообще возможно, хорошим способом "перекрасить" странички? Все ли броз. применят свойства именно из последнего по списку документа? Сила селекторов не затронута при этом, изменены только свойства.

    Asked by seemax,

    0 votes
    1 answer

  6. Наследование отступов в ul списке

    Всем привет, столкнулся с такой проблемой, не получается выровнять первый и последний элементы по вертикали... Какой бы marign-top у первой и последней "лишки" не стоял они тупо валяются внизу) Если в li поставлять текст, допустим (1,2,3...), то все "лишки" наследуют margin-top первого элемента. Проблема решена, модераторы удалите пожалуйста тему.

    Asked by Neft,

    0 votes
    1 answer

  7. Все еще галерея

    С помощью чего человек расположил список "One, two, three, four" в строку? http://jsfiddle.net/kKUZq/

    Asked by daniluch,

    0 votes
    1 answer

  8. Якорь для вкладки

    Помогите сделать ссылку якорь для любой из вкладок сайта http://kopiichasov.ru/direct.php

    Asked by top10,

    0 votes
    1 answer

  9. Добавление роликов с ютуба

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

    Asked by vladmih,

    0 votes
    1 answer

  10. Форма для контакта

    Подскажите, где посмотреть, как на сайт воткнуть вот такую форму для контакта с владельцем?

    Asked by ArgonXPrime,

    0 votes
    1 answer

  11. Font-Awesome (или его аналоги) внутри option – как?

    Доброго времени суток! Задача: Собственно, сабж. Есть select (не multiple), внутри каждого option должны быть звёздочки. Как сейчас: С добавлением & #9733; в нормальных браузерах работает: http://f.cl.ly/items...y2W02/stars.png А "всеми любимый" браузер (IE8) этого понять не смог: http://f.cl.ly/items...h0g/starsie.png Что пробовал: Поэтому решил юзать FontAwesome. Понятно, что html-код внутрь option'а не запихнёшь поэтому пытался сделать так: <select> <option class="starz"></option> </select> .starz { font-family: FontAwesome; content: '\f005'; } Но увы, это тоже не сработало. FontAwesome не принципиален – рассмотрю любые варианты. Главн…

    Asked by TrogWar,

    0 votes
    1 answer

  12. Центрирование элементов и background.

    Подскажите, пожалуйста. Есть следующий простенький код: <div class="wrapper"> <div class="InnerWrapper"> Blablabla </div> </div> И цсс к нему: .wrapper { height:100px; width:100%; background: #eee; } .InnerWrapper { margin:0 auto; height:100px; width:400px; background:#3D6AA2; } При этом, все работает как нужно, див с blablabla центрируется. Но мне нужно сделать так, чтобы при фиксированной ширине внутреннего дива, слева от него был такой же цвет. Думаю, не очень понятно написал, но другими словами мне нужно чтобы бэкграунд с внутреннего дива шел от начала страницы, но контент его центрировался посредине страницы. Для наглядности приложу ск…

    Asked by DmitryG,

    0 votes
    1 answer

  13. Проблемы верстки =D

    Уважаемые знатоки, я просто уверен, что многие из вас могли сталкиваться с такой проблемой. Нужно разместить блок с абсолютном позиционированием по середине дочернего блока, но вот дочерний блок резиновый как быть? Точнее хотелось бы узнать интересные решения... У кнопочти хочу сделать треугольничек с закругленным краем использую after/before. А нормальный способ держаться середины не могу найти ~_~

    Asked by RodgerFox,

    0 votes
    1 answer

  14. Смещение

    Сделал меню по примеру http://anton.shevchuk.name/wp-demo/jquery-tutorials-2/drop-down.html. но когда выезжает меню , то сдвигаются вниз некоторые элементы. в чем может быть дело?

    Asked by olechic,

    0 votes
    1 answer

  15. Эффект при наведении

    Добрый день всем! Есть такой макет: Сверху обычное состояние, снизу-при наведении. Верхняя часть сверстан без проблем. А вот при ховере возникают проблемы. как обеспечить смену кнопки с ценой на кнопку с "купить" как обеспечить одновременную смену фона, цвета шрифта описания (1С Рарус) и кнопки Не подскажете ли решение этих проблем (можно в общих чертах)?

    Asked by verstum,

    0 votes
    1 answer

  16. Как сдвинуть верхний блок на нижний DIV

    Добрый день, я только начал осваивать CSS, поэтому извиняюсь если задаю глупые вопросы. У меня никак не получается, что бы один блок DIV немного наезжал поверх другого <body> <div> Начало Осн. блока. Здесь все это находится (делал для того, что бы футер растягивался на всю ширину) <div id="container"> Здесь находятся шапка, меню и контент </div> <div id="footer"> Здесь футер <div> </div>Конец. Осн. блока </body> Нужно что бы container зашел на footer на определенное количество пикселей (и это сохраналось при растягивании страницы) Надеюсь, что понятно объяснил. Заранее спасибо за ответы

    Asked by alex25,

    0 votes
    1 answer

  17. Меню не отображается в опере

    подскажите пожалуйста ! www.joomla.metko.ru именно в opere не отображается левое меню ! почему такое может быть ??? только в опере и всё !

    Asked by morgusha,

    0 votes
    1 answer

  18. как сверстать такой прогресс?

    Знатоки, подскажите плиз! Как сверстать такую штуковину??? Да так, чтоб шкала заполнялась? Или какими средствами?

    Asked by vladmih,

    0 votes
    1 answer

  19. Сверстать, чтобы занимало меньше места

    В дизайне есть следующие фоны. Как их лучше сверстать, чтобы они занимали меньше места. Не хочется делать фон одной большой картинкой. Если присмотреться к фоном, то можно увидеть, что там есть наклонные полупрозрачные линии по всей картинке. http://s2.ipicture.ru/uploads/20130220/PH8eiXDT.jpg http://s2.ipicture.ru/uploads/20130220/1dk7iaCN.jpg http://s2.ipicture.ru/uploads/20130220/TH8CATcY.jpg

    Asked by romank,

    0 votes
    1 answer

  20. Позицианирование div в резиновой верстке

    Здравствуйте. Подскажите пожалуйста кокие свойства нужно прописать дивам (они на схеме черного цета, одного класса) чтобы при изменении размеров окна они начали позицианировать как на второй картинке . Флоат не помогает, дивы начинают располагаться в хаотичном порядке. Заранее спасибо. Так схематично выглядит страница в браузере Так она должна выглядеть при сжатии окна, вместо этого четыре черных дива в нижней части сайта располагаются в столбик.

    Asked by skostychev,

    0 votes
    1 answer

  21. Прошу помощи!

    Всем доброго времени суток! Хочу научиться верстке сайтов, html немного знаю, подскажите легкий шаблон psd на котором можно учиться верстке.

    Asked by webakkord,

    0 votes
    1 answer

  22. Ссылка на скачивание fb2 в дримвивер cs5

    Добрый день всем участникам форума! Подскажите, кто знает, как в Dreamweaver cs5 сделать ссылку на скачивание файла в формате "Fiction book" (fb2, он же - XML-файл). Пять (!) других форматов (txt,doc,rtf,chm и epub) по ссыкам, созданным обычным способом (выделение текста ссылки + стрелка мышкой с панели свойств на нужный файл) скачиваются без каких бы то ни было проблем, при попытке запустить то же самое в отношении fb2 выдаёт: "С этим XML-файлом не связана никакая таблица стилей"...

    Asked by Замстар,

    0 votes
    1 answer

  23. Background в IE

    Здравствуйте! Есть сайт www.iana-fomina.site88.net Во всех браузерах всё отлично работает, но в IE как всегда проблемы. Если потянуть за скролл, то background растягивается до неограниченых размеров. Помогите разобраться в проблеме. body{ background:#f5f5f5 url("../images/geral/bkg-pat.png") repeat scroll 0 0; font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow"; color:#a5a5a5; position: relative; width: 100%; height: 100%; }

    Asked by Iana-Fomina,

    0 votes
    1 answer

  24. Два фоновых изображения в div`e

    Здравствуйте! Подскажите, пожалуйста, как сделать вот так: То есть чтобы две фоновые картинки одновременно отображалась сбоку и сверху. Заранее огромное спасибо!

    Asked by PeterLS,

    0 votes
    1 answer

  25. Позиционирование

    http://jsfiddle.net/y3xmG/ Почему элемент не располагается в центре окна браузера?

    Asked by daniluch,

    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