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. legend по центру

    Здравствуйте. Возникла проблема с отображением текста/картинки в теге legend по центру в разных браузерах. Пытался искать на сайте и форуме, но ничего толкового не нашёл Итак, вот код: <!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"> <body> <table><tr><td> <fieldset><legend align="center">Заголовок по центру</legend> <center>Мой текст</center> </fieldset> </td></tr></table> </body> </html> В FireFox и Google Chrome всё отображается нормально, как и задума…

    Asked by tgnet,

    0 votes
    11 answers

  2. Скорость загрузки сайта

    Здравствуйте! У меня скорее аналитический вопрос: Недавно я доделала свой сайтик и для пробы выложила на бесплатный хостинг, а именно на Народ. Но сразу же начались проблемы с загрузкой. Начиная с первой главной страницы (и дальше-больше) страницы оооочееень меееедлееено грууузятся. Я показывала своих знакомым и друзьям , предполагая что может быть у меня проблемы с провайдером, но все как один жалуются на тоже самое. Я почти весь сайт выгрузила. Но несколько страниц оставила, чтобы вы могли убедится Собсно вопрос: что может замедлять загрузку сайта? Картинок вроде не много и весят они нормально, не так чтобы 5 минут ждать загрузку главной странцы.

    Asked by qwe!,

    0 votes
    4 answers

  3. Отрывается блок от потока

    Есть сайт, в котором закругление углов, сделано отдельнм блоком идущим сразу же за основным. (ширина фиксированная, поэтому картинка одна, на оба угла) В ИЕ, это отображается првильно, а в Лисе, появляется лишний пробел, котороый "отрывает" низ от основной части. http://yaolga.thekip.ru Можно конечно по мудозаться, и задать отрицательный маржин, что бы блок подскочил на верх, а что бы текст не налазил, сделать основному блоку внизу паддинг с запасом, но это не решеение. Просто интересно из за чего появляетс подобный эффект. Ведь между этими блоками ничего не стоит, и ни одному из блоков не заданны отступы и никакие другие коварные свойства.

    Asked by TheKIP,

    0 votes
    46 answers

  4. Замена бэкграунда контента

    Ребят, скажите пожалуйста, я хочу поменять бекграунд контента, правильно ли я пишу код? <content style="background-image: src="images/fon_10.jpg">

    Asked by romashkaed,

    0 votes
    10 answers

  5. Дополнение в код?

    Извините, но возникла проблема, для того чтобы рисунок на всех страницах отличался от рисунка на главной странице я добавил строчку <div style="background-image:url(images/fon_10.jpg)"> Но при переходе по страницам в зависимости от того какой длины содержит текст страница, такой длины и появляется новая картинка, а всю остальное пространство продолжает картинка установленная на главной странице. Например: если я перехожу в меню на страницу "контакты", то в центре у меня появляется текста примерно на 1/3 страницы, и на эту часть у меня открывает новый фон, а на остальные 2/3 фон с главной страницы. Как это можно исправить? Спасибо.

    Asked by romashkaed,

    0 votes
    2 answers

  6. Едет на разных разоешениях

    Делаю сайтик на Html,но там почему то при разных разрешениях меняют положение ссылки.Что не верно в коде? СпС все кто откликнется) подскажите плизз ) http://batikgallery.ru/ вот код: <!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" /> <title>Батик|Главная</title> <style type="text/css"><!-- body{ margin:0; background:#130e0a url(images/Gallery.jpg) no-repeat 50% 0; font:18px "Comic Sans MS", Verd…

    Asked by stardel,

    0 votes
    1 answer

  7. CSS

    Сейчас создаю свой сайт. Сделал несколько страниц. Перенес папку с сайтом с ноутбука, на котором делал сайт, на ПК. И тут выяснилось, что CSS частично не работает на некоторых страницах (т.е. некоторые куски из CSS файла, к которому обращаются все страницы, на некоторых страницах не работают) Причем на ноутбуке сайт работал корректно во всех браузерах, а на ПК одинаково неправильно во всех браузерах. Например: не подсвечивается меню; картинки ведут себя так, как будто между ними не задан промежуток и др. Что это может быть? Заранее спасибо.

    Asked by aalekss,

    0 votes
    1 answer

  8. Расчёт высоты в IE6

    Захотел сделать такую варезку с закруглёнными, краями, чтобы можно было не меняя координаты уголков, подставлять изображения любых размеров. Короче всё это не важно, перейдём к делу. Сделал такую штуку: http://kg-am.com/varez/ Всем доволен, кроссбраузерно, здорово, варезка морально готова к модификациям и извращениям. Но как всегда выпендривается IE6, появляется полоса высотой в 8px (сумма высот уголков). Как исправить это без понятия, вопроса два: 1. Почему так происходит, как IE6 считает высоту? 2. Можно ли как-нибудь при помощи expression заставить его считать высоту как все остальные браузеры? Зумирование и тп, пробовал. Не помогает.

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

    0 votes
    7 answers

  9. Разбивка по колонкам в зависимости от количетсва пробелов

    вопрос: не получилось текстом задать, чуть ниже сейчас попробую вставить картинко

    Asked by crazyawm,

    0 votes
    8 answers

  10. Выравнять содержимое div-a

    Добрый день, есть следующая задача: в div динамически добавляется n картинок. Кроме картинок слева и справа от ряда картинок могут добавиться стрелочки влево и вправо. Получается стандартная листалка превьюшек. Проблема заключается в следующем: Высота картинки - 100 пикселей. Стрелочки надо по высоте равнять по середине картинки, т.е. отступить на 50 пикселей от верхней границы div'a контейнера. Пробую так: div id="imgList" style="vertical-align: middle;"> <div id="goLeftArrow" style="margin-left: -3em; margin-right: 2em; display: inline;" onclick="goLeft()"> <a style="text-decoration: none;" href="#">←</a> </div> <img style="padding-right: …

    Asked by ХОЛОДный,

    0 votes
    4 answers

  11. Полоса прокрутки

    Не подскажите почему на страницах моего сайта где нету полосы прокрутки изображение выравнивается по центру без проблем с помощь align="center", а на с страницах с полосой вертикальной прокрутки это же изображение, с этим же align="center" смещаться от центра примерно на 10 px, в чем дело?

    Asked by Willi,

    0 votes
    11 answers

  12. Проблема с отступами внутри блока

    Добрый день! С прошедшими праздниками всех! Помогите пожалуйста решить проблему следующего характера: я делаю сайт на Joomla, от html и CSS еще очень далек, хотя и пытаюсь понемногу осваивать и их (иначе о создании собственных сайтов можно забыть - как я понял на собственном опыте ). Итак о проблеме: на сайте который я делаю модули по умолчанию выглядят так не очень красиво не правда ли? Но в настройках можно задать суффикс класса модуля, тогда выглядит симпатичнее, но появляется проблема В файле general.css нашел параметры модуля /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 { position:relative; overflow:hidden; margin:0 -11px;…

    Asked by Freeman Liberty,

    0 votes
    24 answers

  13. Проблема с меню

    Имеется вот такое вот меню. По сути своей оно 2х уровневое, при наведении на "Меню" выпадает вся остальная часть. Средствами CSS за 2е суток создать такое меню так и не получилось, может быть кто нибудь подскажет как решить данную проблему(я понимаю что с помощью JS, очень хочется научится создавать такие меню самому, но перерывания справочников и книг результатов не даёт ). Контекст 3о уровня меню не меняется в зависимости от выбранного пункта 2о уровня!

    Asked by Apostolati,

    0 votes
    2 answers

  14. Едет или нет?

    Делаю сайтик, и возникла надобность сделать так чтобы ссылки не прыгали туда-сюда на 1024 и на 1280.Вроде всё сделал,у меня нормально всё выглядит,но есть подозрения что что то не так...гляньте плизз: http://batikgallery.ru/ Задумка чтобы ссылки были между первыми двумя картинами и чуть ниже. <!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" /> <title>Батик|Главная</title> <style type="text/css"><!-- body{ margin:0; …

    Asked by stardel,

    0 votes
    18 answers

  15. Проблема с CSS

    Я хочу создать сайт и применить ко всем его страницам CSS-дизайн. Когда я указываю в CSS параметр: body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } , то текст в HTML, заключённый в теги <P> и </P> имеет размер 13 пт, НО если я ещё указываю в CSS, что в теге P тоже Arial 13pt., то шрифт становится крупнее, чем 13! Помогите исправить! P.S. XHTML 1.0 Transitional

    Asked by Izyum97,

    0 votes
    2 answers

  16. кнопка меню ( текущая страница выделяется цветом)

    Друзья! Прошу помоч сделать красивое меню (см картинку) т.е. на текущей странице подсвечивается та кнопка меню, которая ей соответствует как это сделать?? вот код который сейчас <div id="menu"> <!--k1 . k2 и k3 это кнопки меню--> <div id="k1"> <p><a href="#">главная</a></p> </div> <div id="k2"> <p><a href="#">фото</a></p> </div> <div id="k3"> <…

    Asked by cardsmoney,

    0 votes
    8 answers

  17. помогите выровнить банер

    Подскажите решение , я уже замучился <table class="tablebg" cellspacing="1" width="100%"> <tr> <td class="cat" colspan="5" align="{S_CONTENT_FLOW_END}"><!-- IF not S_IS_BOT and U_MARK_FORUMS --><a class="nav" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF --> </td> </tr> <!-- BEGIN forumrow --> <!-- IF forumrow.S_IS_CAT --> </table> <br clear="all" /> <table class="tablebg" cellspacing="1" width="100%" > <tr> <div align="center"><!-- IF ADS_10 --> {ADS_10} <!-- ENDIF --></div> <th colspan="2"> {L_FORUM} </th> <th width="50"…

    Asked by dimdimin,

    0 votes
    18 answers

  18. превью фоток с другой страницы

    Ещё раз всем привет, ...И ещё вопрос (неверное, это даже не хтмл, но тогда подскажите, на каких форумах узнавать?) Допустим у меня есть страница , куда я загружаю фотографии произвольного размера И я хочу сделать на стартовой странице сайта некий раздел превью этих фотографий, допустим 3х случайных, и размер строго 300*100, то есть высвечивается не фото целиком, а случайный её фрагмент.. КАк это сделать?

    Asked by cardsmoney,

    0 votes
    3 answers

  19. Добавление разметки для оформления посредством js

    Здравствуйте! Недавно пришлось верстать макет, где блоки были обернуты в специфическую рамку, которую пришлось порезать на картинки с уголками и четырмя сторонами. В итоге получился примерно такой код: <div id="wrapper"> <div class="left-top-corner"></div> <div class="left-vertical"></div> <div class="right-vertical"></div> <div class="right-top-corner"></div> <div class="right-bottom-corner"></div> <div class="left-bottom-corner"></div> <div id="content"> <div class="top-gorisontal"></div> <div class="right-top-corner"></div> <div class="right-ve…

    Asked by _axl,

    0 votes
    8 answers

  20. Как сделать бордер по краю окна?

    Есть сайт http://sommaire.qphost.net/total-art/ Нужно для него сделать бордер в50px по краю окна браузера, чтобы бордер все время был 50 пикселей и контент не заезжал на эту рамку. Я сделал там позиционирование по средине вертикальное, теперь вот сложнова-то с рамкой. Мож кто что подскажет? или может предложите решение + другой способ вертикального выравнивания по центру, относительно окна браузера.

    Asked by Vitrilo,

    0 votes
    20 answers

  21. Подскажите по list-style-image ?

    Добрый день. Подскажите плиз - сделал в качестве маркера списка картинку 32х32. Стиль: list-style-image (...url к файлу); list-style-position:outside; display:list-item; Собственно вопрос в том, как можно этот маркер выровнять по центру относительно текста ( типа align="middle" ), а то текст начинается по базовой линии.

    Asked by quake3,

    0 votes
    20 answers

  22. Сглаживание границ

    Со всем что было разобрался) Теперь новая проблема) Скажите пожалуйста, я выбрал фон для бэкграунда, и пустил по всему экрану на повтор, но при повторе на стыках видны границы, это происходит из-за того что картинка не монотонна, а где-то темнее, где-то светлее. Как с этим можно бороться? Спасибо!

    Asked by romashkaed,

    0 votes
    2 answers

  23. Стыки на границе фона

    Скажите пожалуйста, я выбрал фон для середины боди, пустил по Y на повтор, но при повторе на стыках видны границы, это происходит из-за того что картинка не монотонна, а где-то темнее, где-то светлее. Как с этим можно бороться? Спасибо!

    Asked by romashkaed,

    0 votes
    1 answer

  24. блок

    Люди, у меня такая проблема, вот делаю блок на сайте из трёх картинок(верх, подстилка и середина) и выходит в результате чтоб под верхом и низом видно ту подстилку(картины с прозрачность) Выходит это можно сделать только в несколких таблицах\дивах? Или как эт сделать в одной?

    Asked by -O-J-A-,

    0 votes
    4 answers

  25. Выравнивание изображения

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

    Asked by dimdimin,

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