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. Почему то в IE не отображается "padding"...

    .v { border: 1px solid #000000; padding: 3px; } Я пишу вот это в стилях, в Опере и ФФ все рамки вокруг изображения отображается четко, но в IE нет отступа, то есть padding. Просто черная рамка вокруг. Подскажите как в IE сделать так же как в Опере.

    Asked by mxm008,

    0 votes
    10 answers

  2. Отцентровать картинки

    В блоке есть несколько баннеров, которые размещены вертикально. Как их лучше всего отцентровать с помощью CSS? Они разного размера.

    Asked by San-ch93,

    0 votes
    2 answers

  3. валидатор ругаетсо =))

    Привет Всем! Помогите найти ошибку, сегодня проверял валидатором такой код: <!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="ru" lang="ru"> <head> <title>site name</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> </head> <body> <div class="container"> <div class="header"> <div class="header_l"></div> <div class="header_c"></div> <div class="header_r"…

    Asked by JIucky,

    0 votes
    4 answers

  4. Установить разное выравнивание для кусков текста в одной строке с минимумом кода

    Подскажите пожалуйста, делаю админку для небольшой программы, включащей в себя веб-сервер, нужно на странице в одной ячейке таблицы выставить разное центрование кнопок, сейчас они выглядят вот так [<<][>>][Снять][Скачать] а хотелось бы [<<][>>] [Снять] [Скачать] где "снять" посередине, а "скачать" по правому краю ячейки таблицы сделать это желательно с минимумом кода на странице сам в HTML совсем не шарю , пытался сделать по-простому с помощью тега <pre>, но он за собой переносит строку, еще вариант поставить много-много пробелов - но они занимают половину объема передаваемого кода, тем самым себя не оправдвая.. Помогите пожалуйст…

    Asked by Mihail_,

    0 votes
    2 answers

  5. Верстка!

    Получил заказ на создание сайта. Со слоями не разу не сталкивался. Вот макет сайта.Рисовал сам. Вопрос? Можно ли както обойтись без слоев? Если можно то как?

    Asked by 3d_max_9,

    0 votes
    16 answers

  6. padding в em'ах странно расчитывается.

    Добрый день, столкнулся с тем, что padding-top и padding-bottom как-то странно высчитываются. Вот пример: Как-то так получается, что 4em для размера шрифта = 3em padding'a. Как так получается? Где я мог напортачить?

    Asked by ХОЛОДный,

    0 votes
    6 answers

  7. Налезают div блоки

    Здравствуйте. Проблема такая, есть код. При изменении размеров страницы картинка из блока listImg налезает на другие блоки, как этого избежать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> #list { width: 50%; margin:0 auto; } #listImg{ background-color:#FF6; width:16%; float: left; } #listRight { margin-left:16%; } #listTitle { background-color: #FFF; } #listDscrpt { margin-top:2px; background-color:#0F0; } </…

    Asked by Dim,

    0 votes
    2 answers

  8. Проблема в IE6

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

    Asked by Whatername,

    0 votes
    4 answers

  9. Видео вставить в обтекаемый текст! Подскажите!

    Пожалуйста, подскажите как вставить видео в текст. видео в формате <td width="277">[flv:/video/Rombi(4_26).flv 277 200]</td> вот нужная страница на сайте Nature Tan http://www.naturetan.ru/proizvoditel/ Спасибо! P.S. Пока вставил в таблицу и справа написал комментарий)))

    Asked by АИСт,

    0 votes
    2 answers

  10. Проблема с блочной вёрсткой

    Есть блок, внутри которого находится маркированный список. Как сделать так, чтобы маркеры не вылезали за рамку блока? Пробовал padding'ом — не помогает. Вот, собс-сно, блок, в котором проблема: http://www.schoolukrainka2.ho.ua/problema/index.html Вот CSS: http://www.schoolukrainka2.ho.ua/problema/style.css

    Asked by San-ch93,

    0 votes
    4 answers

  11. Странное поведение margn-top в FF

    Столкнулся с проблемой позиционирования блоков в Огнелисе 3.5.1. (в опере и ослике нормально) Приведу код для примера: <body> <div style="background:#999999; width:500px; height:300px;"> <div style="background:#009966; width:100px; height:100px; position:relative; margin-top:15px;"></div> <div style="background:#000000; width:100px; height:100px; position:relative; left:150px; margin-top:-50px;"></div> <div style="background:#ffffff; width:100px; height:100px; position:relative; margin-left:300px;"></div> </div> <div style="background:#ff9999; width:500px; height:300px;"> <div style="background:#009966; widt…

    Asked by L0k!,

    0 votes
    3 answers

  12. Как скрыть последствия относительного позиционирования?

    Здравствуйте! Столкнулся с такой проблемой. На сайте есть несколько категорий каждой из которой присвоена отдельная картинка. Эта картинка по умолчанию выводится в середине страницы. Идея была такова, что бы переместить картинку категории в верх и сделать её шапкой. Сначала установил картинку через position: absolute; - всё отображается прекрасно, но так как сайт фиксированной ширины и висит в центре экрана с полями справа и слева, то на мониторах с разрешением отличным от моего, картинка съёзжает в бок, ибо привязана к углу окна. Подвинул через position: relative; от того места где она выводится в верх. Всё хорошо, но на месте где она была раньше остаётся огромное белое…

    Asked by foksik,

    0 votes
    2 answers

  13. откуда берутся теги <a>?

    Привет всем, создаю сайт на Джумле. при выводе контента в IE текст подчёркивается как ссылка. открываю notepad->открыть->http://fpsu.genesisweb.com.ua/index.php?option=com_content&view=article&id=90%3A-15-10-&catid=1%3A2009-06-19-18-32-02&Itemid=2〈=uk нажимаю открыть получаю вот это... ни каких пустых тегов а нету: <!-- Creeping line start --> <div class="creeping_line"> <marquee behavior="scroll"><a href="index.php">На узгодження з ФПУ надійшов черговий варіант проекту спільного наказу Міністерства охорони здоров'я України та Міністерства праці та соціальної політики щодо Порядку безоплатної видачі молока, з яким ф…

    Asked by skalinkin,

    0 votes
    5 answers

  14. img width 100% в IE6

    Здравствуйте Никак не могу преодолеть проблему. В шапке есть хайрезовая картинка: <div style="width:100%; height:200px; overflow:hidden;"> <img src="img/pic.jpg" style="max-width:100%;" /> </div> Как сделать так, чтобы картинка ресайзилась в IE6? В IE7 помогла max-width:100% Нарыл в и-нете фикс для этой проблемы: img { -ms-interpolation-mode: bicubic; } Но он у меня почему-то не работает Есть ли какие-нибудь решения/фиксы/хаки для этой проблемы?

    Asked by Chervontsev,

    0 votes
    7 answers

  15. Использование float делает ссылки в элементе недоступными

    Использование float делает ссылки в элементе недоступными. Причем отрицательные поля не используется, position: relative; тоже есть, но ссылки в swafari так и остаются недоступными. .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; z-index: 1; float: left; overflow: visible; width: 264px; } .contentLayout .content { position: relative; margin left: 280px; top: 0; padding: 0; border: 0; z-index: 2; overflow: visible; } В IE7 все работает четко, в safari и во многих других браузерах во float-нутом блоке ссылки недоступны, и выделение самого блока невозможно. Как решить? ((

    Asked by Net-lady,

    0 votes
    9 answers

  16. вставка файла excel в iframe

    Всем привет)Мне нужно,чтобы на странице внутри iframe появлялась табличка excel. Сложностей по идее быть не должно: <iframe src="anyfile.xls" width=600 height=500></iframe> но вот какая беда-вместо того,чтобы просто отобразиться во фрейме, файл автоматически запрашивается на скачку, а внутри фрейма остаётся белое поле.Как его заставить просто там отобразиться?

    Asked by Orion11,

    0 votes
    4 answers

  17. <div class="clearer"></div> чем заменить?

    Привет, друзья! Как можно избежать конструкцию типа <div class="clearer"></div> Мой код такой: ... <div id="header"></div> <div id="content"> <div class="left"></div> <div class="right"></div> <div class="clearer"></div> </div> <div id="footer"></div> ...

    Asked by Вадим,

    0 votes
    2 answers

  18. Список по горизонтали

    Есть пациент: http://diystores.ru/ Суть проблемы - ниже шапки идут 5 блоков градиентом (1,2,3,4,5). В IE 6,7 съезжает 5ый блок на след. строку. Сам блок: <div id="sellPan"> <ul> <li><h2>1</h2></li> <li><p>2</p></li> <li><p>3</p></li> <li><p>4</p></li> <li><p>5</p></li> </ul> </div> CSS для блока #sellPan{width:100%; height:230px; position:relative; margin:0 auto; padding:0; background: url(images/top-bg.gif) 0 0 repeat-x #FFFFFF; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;} #sellPan ul {width:100…

    Asked by daykkin,

    0 votes
    12 answers

  19. Помогите найти литературу по HTML!

    Мне сказали ,что для работы в веб-дизайне нужно для начала изучить HTML,потом перейти к PHP Ну и т.д.!Что вы посоветуете?спс)

    Asked by Artur_Koch,

    0 votes
    6 answers

  20. Smarty - Вопросик

    Я понимаю что переменные смарти это ПХП переменые. Вопрос такой, как их выводить методами ПХП? Пишу так: { $item.id } - выводиться Ид, всё номально Следом пишу так {PHP} echo $item.id {/PHP} - но выводиться не ИД а только то что после точки ("id"). Перебераю разные другие варианты : $item['id'], $item[$id], $item.$id и в результате вообще ничего не получаю. Объясните пожалуйста , чо к чему =))

    Asked by Axel186,

    0 votes
    3 answers

  21. Мягкая тень вокруг li

    Возник реальный вопрос. Png-прозрачность и все-такое уже умею. Не могу понять как сделать растягивающиеся кнопки с тенью через li. Вот пример:

    Asked by Вадим,

    0 votes
    17 answers

  22. apache Directory Listing + CSS

    Подскажите, пожалуйста, как изменить внешний вид вывод директорий с помощью css...

    Asked by rolph,

    0 votes
    4 answers

  23. ff 3.5.1 в ul остается маркер после указания list-style-type: none;

    Делаю меню для сайта. Ставлю list-style-type: none; float: left; везде все хорошо, а в ff 3.5.1 остаются маркеры. html <ul class="navigation"> <li>Главная</li> <li>Программа</li> <li>Услуги</li> <li>Клиенты</li> <li>Контакты</li> </ul> css #header .navigation { float: left; width: 1004px; color: #787878; padding: 0; margin: 0; } #header .navigation ul { list-style-type: none; padding: 0; margin: 0; } #header .navigation li { float: left; margin: 0; padding: 0; } У кого ещё такие проблемы были? Как решать? Нашел проблему. Если указываешь #header .navigation ul, то Ope…

    Asked by Вадим,

    0 votes
    4 answers

  24. Проблема с меню в IE7

    Помогите разобраться пожалуйста Верхнее меню в мозиле и эксплорере отображается по разному: http://upsservis.ru ксс. #header { clear: both; width: 750px; height: 45px; margin: 0 auto; } #logo { float: left; padding: 10px 0 0 0px; color: #000000; background: inherit; width: 300px; } .slogan { float: right; border-left: 1px solid #CCCCCC; padding: 0 0 0 20px; } #hmenu { padding: 13px 0 5px 0; float: right; } #hmenu ul { margin: 0px; padding: 0px; } #hmenu ul li { float: left; /* располагаем список по горизонтали */ list-style-type: none; /* удаляем маркеры */ } #hmenu ul li a { padding: 12px 13px 2px 11px; text-decoration: none; color: #414141; backgro…

    Asked by Mitshan,

    0 votes
    2 answers

  25. Вопрос по слоям в css. Нужна помощь.

    Приветствую. Есть сайт, нужно прикрепить картинку к нижней левой части браузера, чтобы она была как бы над сайтом (верхним слоем). вот картинка: Сайт помечен как серый квадрат, картинка как красный. Красный квадрат уперается в конец всего изображения, это конец(низ) браузера, как должно выглядеть Как лучше реализовать это?

    Asked by BadBoy,

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