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. Проблема с отображением шрифта в Опере

    Помогите решить проблему со шрифтом. В IE7 шрифт Century Gothic отображается нормально, а в Опере отображается некорректно (буквы какие-то угловатые и тоньше чем в др. браузерах) H1 { font-size: 20px; font-weight: bold; font-family: "Century Gothic"; }

    Asked by stosen,

    0 votes
    8 answers

  2. Помогите

    И так начну свою тему: я тут создал свой сайт с нуля конечно, но он у меня еще не запущен, так как на нем нет "информации о сайте" ОПИСАНИЯ о том для чего я его сделал и зачем он нужен в сети Интернет. В общем мне в голову не чего не лезет, и я не знаю, что можно придумать вот я и у вас хотел спросить есть ли коки не будь программы, которые описывают сами мою воображалку. Буду благодарен если вы мне поможете

    Asked by XITPbli,

    0 votes
    5 answers

  3. <STYLE TYPE="text/css">

    когда в хтмл-странице делают <STYLE TYPE="text/css">код ксс </STYLE> это то же самое как к странице привязать отдельный css-файл ? или это чем то ущербное решение ?

    Asked by pribl,

    0 votes
    1 answer

  4. Не могу сделать меню

    Вот такое меню мне нужно сделать. Слева выбор пункта, справа контент. Причём контент в рамке и выбранный пункт должен быть в рамке, а остальное нет. Так вот. Я сделал так - 2 слоя с позишн=абсолют, в одном ul-список пунктов, в другом поле для контента. У контента со всех сторон бордер, у выделенного элемента справа-сверху-снизу, с права белый, который как бы перекрывает правый бордер. Всё так и получается, но это решение не подошло из-за проблемы: Как видите, перекрыло на 2 пикселя больше, чем надо, а это мне не подходит. Ваши предложения? HTML: <div class="cats"> <ul> <li class="selected cat_events">события</li> <li class="cat_design"&gt…

    Asked by Choo,

    0 votes
    3 answers

  5. таблица висит...

    Здравствуйте. В общем как верстка простенького макета, но ед баг в ие6 не знаю как его убрать... собственно вот он : http://api.browsershots.org/png/original/2...c5b7af154c2.png http://musul.narod.ru/example4/index.html заранее спасибо..

    Asked by musulman,

    0 votes
    4 answers

  6. Как сделать так, чтобы DIV занял все свободное место?

    Смотрите, страница состоит из трех дивов с абсолютным позиционированием: Размеры первого и второго дивов заданы. Нужно сделать так, чтобы третий див занимал все оставшееся пространство экрана. Как это сделать? Дело в том, что в этом третьем диве находится картинка. Отчаявшись выровнять ее по центру, я даже поставил третьему диву атрибут align=center, но и это не помогло! По-моему это из за того, что третий див автоматически получает такую же ширину, как сама картинка.

    Asked by hooey_ru,

    0 votes
    6 answers

  7. firefox + explorer 6 + doctype

    В продолжение вот этого топика. Без доктайпа эксплорер не выравнивает слои по центру при "margin 0 auto" С доктайпом файрфокс не тянет автоматом высоту таблицы на 100% от ее контейнера (если в ней контента меньше по высоте). Распорки не катят, т.к. высота контейнера не фиксированная. Как победить?

    Asked by Chin,

    0 votes
    3 answers

  8. реально ли сверстать такой дизайн?

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

    Asked by Satanael,

    0 votes
    11 answers

  9. Ссылки уходят вниз

    Вот страница http://www.online.ukrworld.net/about.php Там внизу есть ссылки О сайте, помошь и т.д... В опере все нормально.. в мозиле они почему-то уползают вниз.. подскажите пожалуйста как это исправить?

    Asked by Ark,

    0 votes
    4 answers

  10. http://www.htmlbook.ru/css/hover.html - в IE6 меню не работает

    Народ такая ситуация, во на сайте дается код выпадающей менюшки!! Так вот в IE6 она вообще не работает!!! Как исправить??? Код написал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>hover</title> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */ font…

    Asked by sufokol,

    0 votes
    4 answers

  11. Рвется дизайн в ИЕ7.

    Ссылка. Смотрим в ИЕ7. 1) В итоге поле "Новости:...." с поиском вылазят на весь экран. 2) Подвал еще страшнее, вроде таблица, но почему так?

    Asked by PaLyCH,

    0 votes
    2 answers

  12. Ширина 3-ей колонки

    Вот есть у меня главный слой. В нём 3 колонки, 2 заданной ширины, а 3-я что бы сама растянулась на оставшееся место, а как - подскажите. Параметр height: 100% только переносит колонку на новую строку и растягивает во всю ширину главного слоя. height: auto растягивает колонку в зависимости от содержимого. А больше я незнаю чего бы применить.

    Asked by Yahoo!,

    0 votes
    3 answers

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

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

    Asked by m4es,

    0 votes
    1 answer

  14. ещё вопрос

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

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

    0 votes
    7 answers

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

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

    Asked by Trocha,

    0 votes
    6 answers

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

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

    Asked by mozart,

    0 votes
    2 answers

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

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

    Asked by Mr.Smith,

    0 votes
    3 answers

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

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

    Asked by margo,

    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. 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

  21. Страница на 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

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

    Заметил одну странную штуку, хочу понять её природу. Сначала о штуке. Есть 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

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

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

    Asked by Bellski,

    0 votes
    14 answers

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

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

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

    0 votes
    2 answers

  25. Опять про прозрачный 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

  • Обсуждения

    • 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