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. Интервал между абзацами

    Подскажите, пожалуйста, как увеличить расстояние между абзацами? Сайт http://forwomans.ru/ Здесь нужно что-то добавить? html body { background: url(images/bg.gif); font-size: 13px; font-family: Tahoma, Georgia, Verdana, Times New Roman; line-height: 120%; } Всем заранее спасибо за помощь! Все спасибо!!! Не нужно на сайте нашла!!! Тему можно удалить, извините!

    Asked by Boginya,

    0 votes
    0 answers

  2. Расположение флеш объекта под картинкой-заголовком

    Всем доброго времени суток! Мой вопрос из разряда начинающих, помощь нужна, кто знает - прошу написать. Вопрос следующий. Есть картинка в заголовке сайта, в формате PNG, с вырезанным овальным окном размером примерно 600х250px. Есть код объекта флеш-слайдшоу, размером чуть больше (примерно 640х300px). Задача стоит такая: расположить флеш - объект (теги объекта - <object></object> ПОД картинкой-заголовком. Сайт сверстан блочной версткой>, файлы на PHP + CSS. Пример варианта реализации такой задачи - nwa-business.ru Прошу помочь. Олег

    Asked by Oldpepper,

    0 votes
    4 answers

  3. DOCTYPE изменяет размер шрифта

    Здравствуйте. Столкнулся я на днях с необходимостью переделать мною же написаный некогда маленький сайтик. Закончив работу как умел (аматор я), отправился в гугл почитать - как правильно. Среди прочего узнал я и о ДОКТАЙПЕ. Прописал эту строчку в код, обновил страницу - увидел что шрифты "выросли" и появился пэддинг таблицы (картинка из кусков), хотя я его задал=0. Скажите ,пожалуйста, в чем может скрываться причина такого явления, и нужен ли он вообще этот доктайп?

    Asked by amorts,

    0 votes
    10 answers

  4. точные размеры трехколоночного макета, чтоб не разъезжался

    нашел я всё-таки макет подходящий, он почти идеален единственная проблема, никак не могу подогнать точные размеры, блоки периодически уплывают... <!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" xml:lang="en"> <head> <title>Three column CSS layout: 100% height with footer | Savio.no</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <style type="text/css"> /* CSS-file for three column layout 2006 Developed by Eivind Savio */ * /*Set's border, padding and margin to 0 for all v…

    Asked by Осенний Дождь,

    0 votes
    27 answers

  5. Вопрос по верстке

    Привет всем. Меня интересует, как с помощью сss регулировать минимальную ширину объектов. Ну вот например сайт lookatme.ru, если зайти на страницу любой статьи, спуститься в комментарии, и уменьшить окно браузера, то комментарии не уменьшаются по ширине, а "прижимаются" к левому краю страницы. Как такое сделать?) Честно говоря, даже не знаю, где искать, т.к. толком не понимаю, ЧТО искать) Так что сорри за неинформативный заголовок топика. Развернутое окно броузера: Уменьшенное окно: (комменты не сузились, а просто прижались вбок)

    Asked by nickostyle,

    0 votes
    3 answers

  6. расположение 3 блоков div на одном уровне

    подскажите пожалуйста: sidebar1 {float:left; width: 180px; background: #EADCAE; padding-bottom: 10px;} .content {float:left; padding: 10px 0; width: 600px;} .sidebar2 { width: 180px; background: #EADCAE; padding: 10px 0; margin-left: 780px;} <div class="content"></div> <div class="sidebar1"></div> <div class="sidebar2"></div> Как сделать так, чтобы все три дива на одном уровне располагались? Визуально: слева сайдбар1... в центре контент, справа сайдбар2. Не меняя очередности расположения самих дивов, чтобы <div class="content"></div> впереди в коде шел

    Asked by Осенний Дождь,

    0 votes
    16 answers

  7. Прижатый подвал, отступы сверху, фон центральной части.

    Привет друзья! В общем довольно часто приходиться решать такую проблему. Может кто подскажет удачное решение Имеем следующую стандартную страницу, шапка, sidebar, content, footer. Подвал прижат к низу способом отсюда: Враппер на всю высоту, с отрицательным маргином. И "гарантом подвала" Пока все стандартно, и проблем не возникает. Но вот нам требуется сделать отступ у шапки сверху (шапка начинается не с самого начала, а имеет отступ в 10px например), и отступ снизу у подвала. Решается обычно довольно просто. #header { width:1000px; height:180px; background:url(/img/header_bg.png) center bottom no-repeat; }. Высота картинки header_bg.png 170px. Получаем то что нужно. Дл…

    Asked by pizzZ,

    0 votes
    3 answers

  8. Проблема с отображением модуля в IE7

    Чем может быть вызвано некорректное отображение модуля в IE 7 ? Модуль в IE 7 Тот же Модуль в IE 8 Сайт: http://psy.5igorsk.ru/ Сайт работает на Joomla. Помогите исправить пожалуйста.

    Asked by Freeman Liberty,

    0 votes
    20 answers

  9. Smarty. Перестает работать после изменения шаблонов

    Привет всем! Такая ситуация: Если у шаблона (файл index.view.tpl) изменяется дата изменений - шаблон перестает работать. Я так понимаю, когда смарти видит, что файл был изменен - он его перекомпилирует. А в моем случае - перекомпиляция не работает. Или её нужно как-то запускать, а я не знаю как. Получается я не могу редактировать шаблон. Что делать?

    Asked by faustrash,

    0 votes
    3 answers

  10. Борьба с валидатором

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

    Asked by pattaya,

    0 votes
    21 answers

  11. Ограничение на растяжение колонки

    На своём сайте я использую резиновый шаблон, левая и правая колонки - фиксированные, а центральная занимает всю оставшуюся ширину экрана, недавно я посмотрел статистику Li и обнаружил, что очень много людей просматривают сайт с разрешением 1400*1050, 1440*900, 1680×1050 и понял, что сайт для них выглядит очень неудобным. У меня вопрос: можно как-то с помощью html или css ограничить растяжение таблицы, т.е. например до 1280 растягивается, а далее уже фиксируется??? Или просто подскажите другое решение.

    Asked by region029,

    0 votes
    2 answers

  12. PhotoShop hotkeys

    для начала поделюсь теми гор.клавишами которые сам часто использую. Список не полный, и многие все это знают, но тем кто только начинает пользоваться фотошопом может быть полезным. Инструменты: v Перемещение m Выделение i Линейка g Заливка b Карандаш t Текст Переключение между инструментами расположенными на одной кнопке левой панели инструментов: shift + i Переключение с линейки на пипетку и т.д. copy paste. ctrl + c скопировать выделенную область в буфер обмена ctrl + x вырезать ctrl + n открыть новое окно ctrl + v вставить из буфера ctrl + d снять выделение Изображение ctrl + alt + i Размер изображения ctr l+ alt + c Размер холста Найти нужный слой 1.v Выбираем инструм…

    Asked by rediskavet,

    0 votes
    4 answers

  13. Вёрстка товаров.

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

    Asked by prowoke,

    0 votes
    6 answers

  14. Можно ли изменить размер ползунка скролла?

    В общем, нужно сделать модный скролл. Использую скрипт FleXcroll. Но все его вариации идут с автоматически меняющейся (в зависимости от кол-ва контента) длиной бегунка. А мне надо фикс размер этого бегунка. Можно вообще как-то установить размер этому бегунку?

    Asked by Belovsan,

    0 votes
    5 answers

  15. IE6 не воспринимает dispaly:block

    Шестой ослик почему-то не хочет воспринимать display:block. Про косяк с display:inline-block наслышан, а вот про display:block слышу в первый раз. В чем может быть причина?

    Asked by vadimon,

    0 votes
    20 answers

  16. Верстка меню с градиентным бэкграундом hover ссылки

    Имеется вот такое вот горизонтальное меню. Здесь, собственно, интересует как сделать бэкграунд у hover ссылок. Как видно, бэкграунд неоднородный, градиентный. Сами ссылки, в том числе и hover ссылки я делал спрайтом, но это не очень удобно. Допустим, потребуется изменить название пункта меню, но это уже нельзя будет сделать. Хотелось бы услышать ваше мнение. Конкретно интересует как сделать бэкграунд у hover ссылки, причем без использования изображения-ссылки, на div-ах.

    Asked by vadimon,

    0 votes
    4 answers

  17. Обрезка фоновых изображений

    Здравствуйте! У меня проблема в IE6. На сайте: http://egozavr2.saitos.info/ на главной странице некорректно отображаются левый и правый фоновые изображения, их обрезает центральный логотип. В остальных браузерах, в том числе и в IE7, отображается нормально. Вот исходный код: <div id="lmain"> <div id="rmain"> <div id="maindiv"> </div> </div> </div> CSS: #lmain { background: url('../images/leftmain.png') no-repeat; position: relative; } #rmain { background: url('../images/rightmain.png') no-repeat; background-position: right; text-align: center; position: relative; } #main { margin: 0 auto; } #maindiv { position: relativ…

    Asked by silverlight90,

    0 votes
    1 answer

  18. Вёрстка сложных форм

    Поделитесь опытом кто какие конструкции использует для вёрстки сложных форм вот пример не сложный но суть думаю ясна сам юзаю каркас <ul class="inputForm"> <li><span class="title"></span><input name="" class="textInput" /></li> </ul>

    Asked by WalkMan,

    0 votes
    19 answers

  19. Сверстанная страница на одном компьютере неправильно отображется.

    На всех компьютерах и разных версиях IE и других браузерах страничка отображется правильно, вот так: НО!!! На одном компьютере (а именно у начальницы) страница выглядит так: При этом происходит странная вещь - страница загружается правильно, потом когда произошла 100% загрузка резко перестает восприниматься таблица стилей (т.е. стили текста). У нее стоит IE8 Что это может быть?

    Asked by rognarek,

    0 votes
    5 answers

  20. возникает рамочка вокруг посещенной ссылки

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

    Asked by uncleChalex,

    0 votes
    4 answers

  21. DIV являеться родителем для другого DIV

    Форумчане выручайте! Например к описанию свойства margin идет следующие Если я применяю данное свойство к DIVу который находиться в другом DIVe, то отступ идет в обоих дивах. Как мне сделать, чтоб первый див был родителем для другого дива находящегося в нем?

    Asked by lamaka,

    0 votes
    3 answers

  22. Кто-нибудь сталкивался?

    Скажите, пожалуйста, кто-нибудь встречал такое? В Mozille не работает задание ширины ячейки таблицы (т.е. тегу td). Ни через CSS, ни через HTML! Я просто не верю своим глазам. Не работает даже такое: <table> <tr> <td width="200">Отображает</td> <td width="250">по тексту</td> </tr> </table>

    Asked by v.asya,

    0 votes
    8 answers

  23. margin рассчитывается не от родителя

    margin - "Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента." <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #parent { height: 30px; width: 160px; margin: 15px 0 0 0; background: #848484; } #child { margin: 45px 0 0 0; border: 1px solid #000000; } </style> </head> <html> <body> <div id="paren…

    Asked by Arn,

    0 votes
    2 answers

  24. проблема с position:absolute в IE

    Привет всем. Столкнулся с проблемой в IE Не могу понять как поправить Есть такой код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>HeLlO</title> <meta http-equiv="content-type" content="text/html; charset=cp-1251" /> </head> <body> <style> * {margin: 0;padding: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, c…

    Asked by dropoff,

    0 votes
    9 answers

  25. DIV не больше заданой ширины

    Приует всем! Мне нужно создать див, чтоб он был не больше 1600пикселей, но мог быть меньще, не подскажите куда мне смотреть или тыкните носом как это можно реализовать.

    Asked by lamaka,

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