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. svg и Firefox

    Здравствуйте. Делаю сайт для одной компании, решил поэксперемнитировать и сделать круглые уголки на svg и vml. Вроде бы все хорошо, если бы не одно. Когда верстал на локальной машине в firefox'е все отображалось замечательно, как только перенес на сервер firefox перестал отображать svg-элементы и требует установить плагин. В общем, почему так происходит и как быть? Заранее спасибо. PS Посмотреть можно тут.

    Asked by uskoul,

    0 votes
    2 answers

  2. Устройство файла css

    Любопытно кто какое использует устройство таблицы стилей. Я лично до сих пор не могу определиться, как делать лучше. Когда вёрстка довольно сложная и правил очень много, то получается очень запутанно. Пробовал выстраивать названия классов по алфавиту. Это помогает найти нужный класс, но когда много правил вида "TD.class1 A #id2 {...}", то это не особо помогает. В итоге уже через неделю после того как верстал, получается, что определить какой в заданном месте цвет, легче через принтскрин и фотошоп, чем через таблицу стилей. Кто, что может посоветовать, как лучше делать? Например, все ли стили выносите в таблицу или что-то оставляете в шаблоне, и тому подобное.

    Asked by Колос,

    0 votes
    10 answers

  3. Наследование классов

    Если я задаю table.name td{} Как запретить наследование класса для ячеек таблиц, находящихся внутри ячеек таблицы name?

    Asked by Kenshi45,

    0 votes
    3 answers

  4. @font-face - у кого работает в ИЕ ?

    Приветствую всех. Ставлю лебедевский знак рубля http://www.artlebedev.ru/tools/technogrette/html/rouble/ Никак не получается осилить его в ИЕ. Вроде делаю все как у них, а на моем шаблоне в ИЕ не работает. (там используется @font-face { font-family: "Rubl Sign"; src: url(http://www.artlebedev.ru/;-)/ruble.eot); } ) Кто-нибудь пользовался им? В чем там может быть загвоздка?

    Asked by Rhema,

    0 votes
    0 answers

  5. Типографика контента по Ководству Лебедева

    Уверен, что многие дизайнеры и верстальщики знают два приведенных ниже правила: 1. В оформлении русского текста кавычки должны выглядеть как «елочки». 2. Эти самые кавычки должны выносится за границу текста. Вполне подробно и ясно эти правила для Рунета были озвучены Артемием Лебедевым еще в 2004 и 2005 годах соответственно (см. параграфы Ководства «Кавычки» и «Висячая пунктуация»). Для простоты реализации этого принципа я пользуюсь следующим куском CSS: Q {quotes: '«' '»' '"' '"'; behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '«' + this.innerHTML + '»') : '');} Теперь любой текст, заключенный в тэг Q, будет браться в кавычки "елочками". …

    Asked by solovets-denis,

    0 votes
    42 answers

  6. <area></area>

    Делаю в дриме страницу для рабочего стола. Выделяю область с помощью <area>. Ссылка на файл не работает (браузер предлагает скачать), локально (применяя на рабочий стол) работает всё кроме ссылки.... Помогите разобраться. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Стол</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body marginheight="0" topmargin="0" leftmargin="0" marginwidth="0"> <p align="center"><img src="Image/vetton_ru_284.jpg" width="1600" height="1200" usemap="#smail" start="fileopen"> <map name="smail"&gt…

    Asked by Jilted,

    0 votes
    2 answers

  7. Проблема при вставке флеша

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

    Asked by rus,

    0 votes
    2 answers

  8. Colspan Rowspan CSS

    На других форумах пишут, что нереально, это правда или всетаки как-то можно?

    Asked by Kenshi45,

    0 votes
    1 answer

  9. Как работает narod.ru

    Доброго дня формучане, тут у меня возникла проблема с выкладкой сайта на народе.ру, плиз расскажите как это делается, тоесть смотрите у меня есть 4-страницы HTML в папке css файл all.css и папка image в которой файлы с картинками, может это конечно и тупо, но всё расскажите плиззз... буду премного благодарен...

    Asked by mini,

    0 votes
    2 answers

  10. Про xml

    Здравствуйте! Не может ли кто-нибудь рассказать, чем хорош xml!

    Asked by JENYTAVR,

    0 votes
    3 answers

  11. Экспорт шрифтов в клиентский браузер

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

    Asked by freeneutron,

    0 votes
    8 answers

  12. Как запретить копирование изображения

    Подскажите, как блокировать копирование изображения пользователями сайта?

    Asked by Garikms,

    0 votes
    3 answers

  13. Как сделать div ссылкой?

    Знатоки html, подскажите плз как сделать div ссылкой? у меня только 2 мысли: 1 это тупо сделать так <a href="adress"><div>blabla</div></a> и 2 вариант через онклик <div onClick="document.location.href='adress'" style='cursor: pointer;'>blabla</div> оба варианта работают, но не прокатывают по валидатору. Какие ещё есть методы?

    Asked by Kostyan,

    0 votes
    2 answers

  14. Как изменить фон?

    Поставил Lightbox 2 (брал отсюда http://www.lokeshdhakar.com/projects/lightbox2/) Я хотел поменять темный полупрозрачный фон на белый без изменения параметра overlayOpacity=8, но ко конца не въехал как он строит задний темный фон. Может быть кто знает?

    Asked by massimo,

    0 votes
    3 answers

  15. this.style.? - помогите разобраться

    Здравствуйте. Возник такой вопрос. Имеется, скажем, конструкция: this.style.border = '#ff0000 2pt solid' или this.style.background = '#fff'. Такие конструкции позволяют присвоить некоторые стили элементу, а есть ли нечто, вроде: this.style.??? = '<имя_класса>'. Т.е. можно как-то повлият не на одно какое-то свойство, а сразу присвоить ранее определенный стиль? Спасибо.

    Asked by UNIX,

    0 votes
    2 answers

  16. Отступы в форме

    Доброго времени суток. Подскажите пожалуйста, какой отступ между элементами формы установлен по умолчанию. Даже не совсем так. Есть форма: текстовое поле, а под ним селект и кнопка. Нужно что бы селект с кнопкой занимали такую же ширину, как текстовое поле. Скажем, текстовое поле имеет ширину 200рх, тогда ниже расположенные селект и кнопка шириной по 100рх, НО между селектом и кнопкой небольшой промежуток, из-за этого самого промежутка нижние элементы уродливо выпирают. Пробовал для селекта margin-left: 0px но промежуток остался, можно конечно и отрицательное значение задать, тогда они впритирку будут, что тоже некрасиво. Подскажите как их выровнять?

    Asked by UNIX,

    0 votes
    5 answers

  17. Выравнивание по центру в div

    Здравствуйте, подскажите, пожалуйста, новичку: хочу выровнять счетчик по центру (или, как вариант по правому краю) внутри блока div. существует ли какой-то способ (параметр, атрибут) для этого? пока что ничего кроме громоздкой таблицы внутри div не придумал. <div class="bottom"> <table cellspacing="0" border="0"> <tr><td width="50%"></td> <td><center> <!--счетчик--> </center></td> <td width="50%"></td> </tr> </table> </div>подскажите, пожалуйста, как сделать красивее и лаконичнее? Заранее благодарю.

    Asked by Гайдамак,

    0 votes
    7 answers

  18. помогите разобраться

    Ребят, у меня следующая проблема: Я сделал фиксированную ширину у body 120.4em и отцентрировал, то есть теперь мой сайт располагается ровно по центру, потом я назначил <div id="content"> position: relative; но вот незадача: При расширении экрана в браузере ИЕ7 мой <div id="content"> почему то остаётся на месте, пока я не обновлю страницу. А вместо этого он должен сразу двигаться на середину экрана. Один друг мне посоветовал прописать у Контейнера с position: relative; #content{height:1%;}, но почему то это не работает, может кто подскажет, в чём проблема и как она решается? вот html: http://psywalker2008.narod.ru/Nep/index.html вот CSS: http://psywalker2…

    Asked by psywalker,

    0 votes
    7 answers

  19. Список изображений с прокруткой без перезагрузки

    <body> <div id="navigation"> <table> <tr class="textnavigation"> <td class="previous"><span class="previous"><a href="photo.html" title="Previous Photograph"><< Previous</a></span></td> <td class="index" colspan="3"><span class="index"><a href="index.html" title="Return to Index">Index</a></span></td> <td class="next"><span class="next"><a href="photo3.html" title="Next Photograph">Next >></a></span></td> </tr> <tr> <td class="thumbcell"></td> <td class="thumbcell"><a href="photo.htm…

    Asked by sol,

    0 votes
    6 answers

  20. Не растягиваемся по содержимому

    Содержимое сайта заполняем посредством пхп из субд. ИЕ растягивает контент так как нужно (6причем), а вот Mozilla это делать отказывается. Такое ощущение что он взял для body какое то значение, и держится его намертво, конечно проблему можно решить поставить height:'n'px; для боди, но это не желательно для дизайна сайта. Пример css body {margin:0;height:100%;background:url("../image/wall10-1280x1024.jpg") no-repeat black;color:black} #rezin {background:url("../image/ev_bg.gif") repeat-y;width:1064px;margin:0px auto;height:100%;} #mfon {background:url("../image/parchment-light2.jpg");width:1000px;margin:0 32px;height:100%} #top {height:135px;background:url("../image/bg_…

    Asked by Farter,

    0 votes
    2 answers

  21. не могу изменить картинку бекграунд имедж по средствам ява скрипт

    здравствуйте ! помогите , не могу понять свою ошибку , функция получает номер закладки , в цикле я устанавливаю всем закладкам картинку бекграунда не включенной закладки потом по номеру я делаю фон включенной закладки применяя к фону другую картинку и вставляю содержимое закладки почему не меняются картинки причем если я меняю просто фон на цвет работает а картинку не меняет function mark(num) { for ( i = 0; i < 4; i++ ) { document.getElementById(marks).style.backgroundimage="url(images/sb_botton_off.jpg)"; } document.getElementById(marks[num]).style.backgroundimage="url(images/sb_botton_on.jpg)"; document.getElementById("cont").innerHTML = document.getElementById…

    Asked by bgraf,

    0 votes
    2 answers

  22. Иконка сайта

    Прочитал в рецептах данного сайта как делать иконки сайта. Сделал, послал в корневую папку сайта ВВВ. http://www.po-miry.ru В Опере отражается, в ИЕ нет. А вот иконка данного сайта видна во всех браузерах. Почему?

    Asked by beze,

    0 votes
    6 answers

  23. CSS селектор в ИЕ

    Хорошая возможность есть в css2: input[type=text] { width: 100px; } то есть писать селекторы опираясь на атрибуты элементов. В ИЕ такая штука не работает (вроде). Можт кто подскажет как можно задать стили всем инпутам типа текст в ИЕ? Думаю ответ на данный локальный вопрос даст ответ и на более общий - можно ли в ИЕ писать селекторы оперируя атрибутами элементов.

    Asked by vavr,

    0 votes
    1 answer

  24. Границы таблицы. Нестыковка.

    Hi All! Разъясните пожалуйста один момент. Имеется таблица, шапка этой таблицы не имеет границ, а вот само тело обрамлено границей толщиной 2 пикселя. На стыке шапки и тела, возникает неприятный эффект (см. рисунок). Как от этого можно избавиться? По сути нужно как-то "втолкнуть" границу внутрь ячейки, а не наружу. Сдается мне, CSS такого не умеет. Фокус с добавлением ячеек по краям прошу не предлагать, хотелось бы без этого.

    Asked by UNIX,

    0 votes
    8 answers

  25. ПРОШУ ПОМОЩИ!

    ПРОШУ ПОМОЩИ СПЕЦОВ! У МЕНЯ ПРОБЛЕМА, РАМКА ВОКРУГ ФОТО СО ССЫЛКОЙ В INTERNET EXPLORER ВЫСВЕЧИВАЕТСЯ НОРМАЛЬНО, А В ОПЕРЕ И ЛИСЕ - ЖИРНАЯ СИНЯЯ ПОЛОСА ПО НИЗУ ФОТОГРАФИИ. В ПРОГРАММИРОВАНИИ Я ДУБ. ЕДИНСТВЕННОЕ ЧТО МОГУ СДЕЛАТЬ - ИСПРАВИТЬ САМОЕ ПРОСТЕЙШЕЕ В СТИЛЯХ (НАПРИМЕР, ФОН). ВЫРУЧАЙТЕ! ПОДСКАЖИТЕ ЧТО ДЕЛАТЬ. ПЫТАЛСЯ СДЕЛАТЬ САЙТ ГОРОДА, ПОСМОТРИТЕ ЧТО ВЫШЛО. http://www.borovsk-1358.ru/node/18 ПОМОГИТЕ КТО МОЖЕТ, ПОЖАЛУЙСТА!

    Asked by AleksWolf,

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