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. padding таблицы у ie6

    Проблема такова: Есть интернет магазин. в него уже забит контент. В каждом описании товара есть таблица спецификаций. У неё есть класс. Забит в бд, везде одинаковый. Нужно чтоб сверху над таблицей была картинка. Решение для Firefox-a и Opera: table.ndSpecifications { padding-top: 30px; background: url('specifications.png') 0 0 no-repeat; } но вот незадача, ие не понял padding и получилось Заранее благодарен за помощь!!!

    Asked by DMITRIY_S,

    0 votes
    3 answers

  2. Фоновая картинка

    подскажите как сделать фоновую картинку резиновой (во всю ширину окна браузера)

    Asked by sklmaks29,

    0 votes
    3 answers

  3. кроссбраузерность

    сверстал тестовую страничку, столкнулся с проблемами: 1)разница в браузерах 2)не отображается рамка в ИЕ 3)высота всего контента 4)выравние внутренних колонок(как расположить по центру?) 5)слово "banner"как разместить по центру? 6)состояние кнопок, при выбранном режиме не поддеживается стиль 7)набирал в дримвивере, каждая строка выравнивается по краю, т.е. не показывает вложенные строки, хотя галка стоит Auto Indent только учусь верстать, поэтому судите не строго. Заметил что при удалении первых двух строчек в коде, в ИЕ отображаются рамка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &lt…

    Asked by termoplus,

    0 votes
    0 answers

  4. IE7: шрифты Arial и цвет ссылок

    спецы, подскажите, почему в ие7, несмотря на запись в css li { font: normal 12px Tahoma, Verdana, Helvetica, sans-serif; color: #003361; } вот такие списки отображаются Arial'ом <li><a href="/clients/88">Лазерная гравировка</a> <li class="odd"><a href="/clients/80">Ликеро-водочные изделия</a> <li><a href="/clients/60">Материал для плоских кровель</a> <li class="odd"><a href="/clients/61">Материал для скатных кровель и частного домостр.</a> <li><a href="/clients/18">Мебель</a> и еще, почему в ие7 не работает конструкция div.navmenu { width: 207px; margin: 10px 5px 0px 5px; …

    Asked by Alex AC,

    0 votes
    6 answers

  5. у ИЕ есть подобный инструмент как FireBug у ФФ ?

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

    Asked by oshaly,

    0 votes
    6 answers

  6. Ширина ячеек

    Здравствуйте, меня интересует как изменить ширину ячеек в пикселях, если ширина таблицы установлена в процентах: <table border="0" cellspacing="0" cellpadding="2" width="100%"> <tr> <td align="center" colspan="2"> <p>NAME</p> </td> </tr> <tr> <td rowspan="3" width="100"> <img border="0" src="img.jpg" width="100" height="100"> </td> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> страница и при этом ширина ячеек делится как 50% Прошу помощи \\

    Asked by Tairon,

    0 votes
    2 answers

  7. Маркеры в display:inline

    После применения к li display:inline у списка пропали маркеры... Как сделать так, чтобы маркеры появились опять или это не лечится?

    Asked by styleroom,

    0 votes
    6 answers

  8. шрифты в firefox & IE

    создавал страницу, смотря в IE. всё, вроде, сделал по правилам. когда открыл её в firefox, то ужаснулся: текст в FF на два порядка более мелкий. стили заголовков также различаются. FF отказывается понимать стиль class= и делает отступы по умолчанию. они разными протоколами руководствуются? размер шрифта - самое ярое, что меня возмутило. похоже, что FF не умеет подставлять arial.

    Asked by Rilo,

    0 votes
    7 answers

  9. Относительное позиционирование

    Уже не первый раз сталкиваюсь с этой проблемой, но всё как-то старался обходить, теперь хочется вникнуть. Вот есть у меня, предположим, такой код: <div id="header"> <img src="background.gif" alt="" /> </div> Мне нужно ПОВЕРХ этого изображения добавить ещё один слой. Делаю так: <div id="header"> <div id="lay" style="position: relative; left: 700px; top: 25px;"><img src="image.gif" alt="" /></div> <img src="background.gif" alt="" /> </div> Сталкиваюсь с такой проблемой... Image.gif имеет высоту в 10 пикселей. Так вот, это изображение показывается ПОВЕРХ background.gif и, казалось бы, все довольны, но... Почему, спрашив…

    Asked by Choo,

    0 votes
    6 answers

  10. Появление горизонтальной прокрутки. Слой, вылезающий за рамки

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

    Asked by 100kd,

    0 votes
    4 answers

  11. Слои+таблицы

    Здравствуйте! У меня такая проблема (весь гугл облазил, везде какую-то ерунду предлагают): необходимо сверстать страничку так чтобы контент независимо от наполнения был на всю страницу! можно использовать и таблицы и слои. я никак не могу догнать как же это сделать. Макет резиновый. Конечно при большом количестве контента можно сделать overflow:auto;, но если контента мало, то ни таблица, ни слой не растянутся до футера. (до футера идут необходимые background'ы, так что речь о абсолютном футере не пойдет.) P.S. да, и забыл, УБИРАТЬ ДОКТИП НЕ ПРЕДЛАГАТЬ!

    Asked by Soniclord,

    0 votes
    12 answers

  12. интересный код

    вот только что заметил это в коде вконтакте собственно... что значит выделенное?

    Asked by klierik,

    0 votes
    2 answers

  13. Опять про прозрачный PNG в IE6

    Тема добавления рисунка в формате PNG-24 с прозрачными участками в IE6 всячески обсосана и раскрыта. Однако мало где написано, что все приведенные способы не работают для повторяющегося фона. Насколько понял, проанализировав различные статьи, для IE6 вообще нет адекватного решения. Имеется только паллиатив (половинчатое решение говоря бытовым языком) и сводится к трем вариантам. 1. Фон убирается вообще. Это делается либо через скрипты, либо добавлением атрибута _background: none к элементу с фоном. 2. Вместо PNG используем GIF или другой формат, но уже без 8-битной прозрачности. Замена не равнозначная, но что уж есть. background: url(shadow.png) repeat-x; _background: url…

    Asked by Vlad,

    0 votes
    71 answers

  14. Блок с фиксированным положением, обтекаемый текстом

    Есть такой код: <div class="div1"> <div class="div2"></div> А тут любое количество любого контента, могут быть картинки, просто текст, другие дивы, списки или параграфы </div> div1 имеет заранее определенную ширину и растягивается по вертикали исходя из контента, который в нем размещен. div2 имеет заранее известные размеры. Нужно задать такие свойства для див2, чтобы он всегда был жестко прибит к левому краю div1, находился, например, на высоте 30% от верхнего края див1 и чтобы все содержимое див1 его обтекало.

    Asked by Качан Капусты,

    0 votes
    2 answers

  15. Форум в теле сайта

    Премудрости веб дизайна и кодинга изучаю от силы неделю. Просто встал резкий вопрос о поднятии сайта для нашего клана , ну я как самый смелый и вызвался ><. Вот что получилось Mosthated.ru ( ИЕ6 не открывайте, там пнг одни -) а скрипт пока я не написал ), это пробный сайт и со временем буду его дорабатывать , но все ноют и хотят уже форум , я не хотел из начально ставить чистый форум, хотел не как у всех , скажем так . Так в чем суть . Сколько было в моих силах столько и перелопатил инфы, но без результатно >< Мне нужно что бы форум был по центру то есть на месте центральной прозрачной картинки , пробывал iframe но не подходит, ему нужно точно знать длину и ши…

    Asked by Bellski,

    0 votes
    14 answers

  16. Непонятный мне хинт с колонками одной высоты

    Заметил одну странную штуку, хочу понять её природу. Сначала о штуке. Есть 2 слоя(опустим их стили): <div id="left"> ... </div> <div id="right"> ... </div> Они неизвестной высоты, но должны зрительно вытягиваться так, как будто она одинакова и равна максимальной. Для решения этой задачи я сделал так(колонки одного цвета), задав слою content "background: #FFFFFF;". <div id="content"> <div id="left"> ... </div> <div id="right"> ... </div> </div> В результате - ничего. Но стоило добавить слою content "float: left;" и всё отобразилось как надо во всех имеющихся у меня браузерах. Почему так?

    Asked by Choo,

    0 votes
    3 answers

  17. Страница на DIV.

    Не знаю как сделать, чтобы подменю не скрывалось в блоке, а появлялось по верху. В Mozille два вертикальных div-а растягиваются по размеру страницы, а в IE обтягивают текст. Это нормально? <STYLE type=text/css> body { overflow: hidden; padding: 0; margin: 0; width: 100%; height: 100%; } #header {padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; overflow: hidden; border: 1px solid #ccc; background-color: #ffd; } #left { padding: 0; margin: 0; position: absolute; top: 100px; left: 20px; bottom: 20px; overflow: auto; width: 200px; border: 1px solid #aff; } #right { padd…

    Asked by corol,

    0 votes
    6 answers

  18. Opera и отступ после clear

    У меня есть 3 блока, которые включают в себя несколько элементов, различных по высоте. Между ними слой clear, выполняющий понятную функцию. Проблема возникла тогда, когда между вторым и третьим блоком мне нужно было сделать отступ. Он почему-то был виден везде, кроме оперы. Пришлось изменить html-код на такой: <div class="clear"> </div> А в css записать так: div.clear { clear: both; height: 0; } Вроде работает, но меня беспокоит правильность решение. И с чего вообще в этих блоках, разделённых clear'ом, может не работать margin? З. Ы. Причём padding работает, а margin нет. Но padding не подходит по той причине, что у блока и разделителя разные цвета, да…

    Asked by Choo,

    0 votes
    1 answer

  19. Не отображается шаблон

    Не отображается шаблон В шаблоне файл header.tpl находится меню сайта При загрузке ничего не отображается Скрипт загрузки шаблона: <?php $_SERVER['DOCUMENT_ROOT'] = '/home/u95540/mr-apple.ru/'; require($_SERVER['DOCUMENT_ROOT'].'/libs/Smarty.class.php'); $smarty = new Smarty(); $smarty->template_dir = $_SERVER['DOCUMENT_ROOT'].'/templates'; $smarty->compile_dir = $_SERVER['DOCUMENT_ROOT'].'/templates_c'; $smarty->cache_dir = $_SERVER['DOCUMENT_ROOT'].'/cache'; $smarty->config_dir = $_SERVER['DOCUMENT_ROOT'].'/configs'; $smarty -> assign("text"); $smarty -> display("./templates/header.tpl"); ?> Подскажите что сделал не так???

    Asked by Saimon,

    0 votes
    1 answer

  20. Резиновость сайта и кроссбраузерность

    Добрый день. У меня есть готовый дизаин (вроде простой), но нужно сделать его резиновым. Знаю только способ когда однородная текстура замащивают картинкой (repeat), а в моем случае неоднородная. Посмотреть страницу можно здесь www.design.zs9.ru/svadba.html . Не обращайте плиз внимание на рекламку (это прелести бесплатного хостинга). Я сделала главную таблицу резиновой (указала размеры в процентах), черный квадрат-это ячейка таблицы тоже в процентах тянется. Недорозумение выходит с горизонтальной картинкой , она должна четко стыковаться с черным квадратом и рамкой таблицы. На том компе на котором делала добилась желаемого с помощью стилей, но если менять разрешение экран…

    Asked by margo,

    0 votes
    1 answer

  21. Вопрос о списках

    Есть страница: _http://utorrent.org.ua/index.htm CSS здесь: _http://utorrent.org.ua/style.css В шапке есть "сепаратор (разделить)" между ссылками. Подскажите, что нужно поправить, чтобы сепаратор не использовался для первой ссылки "ГЛАВНАЯ". Как правильно сделать исключение?

    Asked by Mr.Smith,

    0 votes
    3 answers

  22. Центрование фиксированного div'а

    Задумка следующая: зафиксировать сверху по центру небольшую навигационную панель с выпадающим меню на CSS? Нимогу никак сообразить, как зафиксировать в центре по ширине DIV. Помогите!!!

    Asked by mozart,

    0 votes
    2 answers

  23. Закачка файлов с сайта.

    Необходимо организовать закачку файлов с сайта (word, exel,pdf). Собственно это сделано: на сервере есть папка download где помещены файлы на которые указывают ссылки с разных страниц сайта. Но проблема вот какая. В разных браузерах работает все как-то сикось накось. В Firefox все тип топ, жмешь на ссылку открывается программа загрузки файла, указываешь путь, начинается закачка. В IE это происходит только если кликаешь на ссылке для скачивания файла word, файл с расширением pdf так просто не скачать необходимо кликнуть правой кнопкой мыши на ссылке и выбрать "Сохранить файл как...". Ну а в Opera никакие файлы никаким образом не скачать. В чем проблема? В принципе идеаль…

    Asked by Trocha,

    0 votes
    6 answers

  24. ещё вопрос

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

    Asked by Игорь Ермаков,

    0 votes
    7 answers

  25. Картинка вместо кнопки отправки данных

    Здравствуйте. Подскажите, пожалуйста, возможно ли сделать вместо кнопки для отправки данных картинку? type="image" пробовал, картинка вставляется, при нажатии переходит на нужную страницу, но данные формы не отправляются. Как я понял данные отсылаются только при submit. Возможно ли с submit вместо кнопки сделать картинку? Извините за беспокойство. Уже нашел

    Asked by m4es,

    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