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

    Народ, а CSS это и есть то что даёт дизайн сайту, его вид, расположение меню и т.д. ?

    Asked by BELZ,

    0 votes
    15 answers

  2. Нумерованные списки, картинки и текст

    Можно ли нумерованный список сверстать так, чтобы цифры от списка были всегда спозиционированы к верху внутренностей элемента списка. К примеру: <ol> <li> <img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="276" height="100" style="display: block;"/> </li> <li> <img src="http://www.google.com/logos/spring09.gif" width="276" height="135" style="display: block;"/> </li> </ol> А все благодаря, вставленному display: block в стиль к картинкам. Но, если добавить текст после картинки. К примеру: <ol> <li> <img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="276" height="100…

    Asked by Deleter,

    0 votes
    3 answers

  3. Страница в Мозиле и в ИЕ

    Добрый вечер. Написал сайтец под моззилкой - все было ок, но когда решил под ИЕ запустить получил искажение и не пойму что мешает. у меня на стартовой странице идет таблица в таблице. первая таблица - на полный размер окна браузера, в ней вторая таблица, по центру как вертикально так и горизонтально. вторая таблица разделена на 3 столбца и 3 строки, по периметру заполняется картинками (типа фигурной рамки), а во второй строке и втором столбце размещена информация. так вот между первой строкой и второй появляется промежуток (хотя между второй и третьей такого нет) вот код: <html> <head> <title>InfoSystem</title> <meta http-equiv="Content-Type" co…

    Asked by pix_l,

    0 votes
    6 answers

  4. Основы технологии CSS

    Дубаков М. - Веб-мастеринг средствами CSS (.pdf) Основы технологии CSS; Отделение контента от дизайна; Легкая верстка слоями; Советы профессионала Каскадные таблицы стилей (.chm) Климонтович. В. - CSS справочник (.chm) Мержевич. В. - Справочник по CSS (.chm) 16.74 MB http://depositfiles.com/files/itk2flt5e http://s3.filesdump.com Для распаковки архива нужен архиватор WinRAR Если нуждаетесь, скачайте Winrar 4.65 (Crack + Rus) 3.58 MB

    Asked by base239,

    0 votes
    35 answers

  5. глюк ие7-8

    всем привет! создаю таблицу : <table width='85%' border='1' cellspacing='0' cellpadding='0' class='3'> <tr> <td width="11%" align='center' class='3'>Menu</td> <td width="73%" align='center' class='3'>Form</td> </tr> </table> и когда всталяю в поле form любую другую таблицу то она распологается не так должно быть с права , а в низу . я понимаю что если применять стили то этого глюка нет . но все-же интересует таблитчная верстка. как бороться с этим глюком в ие 7-8 ?

    Asked by dima2207,

    0 votes
    1 answer

  6. Предупреждения при входе на страницу

    Не знаю в какую тему писать... написал сюда.. вопрос такой: как сделать предупреждения при входе на страницу на java-скриптах понятно (но это выглядит как то .... не очень)... хотелось бы сделать что-то вроде всплывающего окна.... табличку по красочней... ни разу не сталкивался поэтому незнаю как реализовать... помогите кто могёт...

    Asked by Grann,

    0 votes
    1 answer

  7. Тянущийся фон

    Собственно вопрос. При разрешении монитора 1024*768 пользователь должен видеть только картинку center. Пользователь с разрешением выше, чем 1024*768 должен видеть уже картинки left_1, center, right_1. Пользователь, у которого разрешение ещё больше, видит left_2, left_1, center, right_1, right_2. Если у пользователя разрешение ещё больше, то он видит все картинки, а картинка left_3 и right_3 должны полностью замощать оставшееся пространство Кода не требую. Просто хочу понять, как это можно сделать Спасибо

    Asked by Boris.d,

    0 votes
    14 answers

  8. Как задать жеские рамки растяжения таблицы?

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

    Asked by In_Variant,

    0 votes
    3 answers

  9. Вставка фото в код

    Какой вариант семантичней? 1) <img src="" width="" height="" alt=""> 1) <span><img src="" width="" height="" alt=""></span> если учитывать что перед и после картинки идут DIVы

    Asked by termoplus,

    0 votes
    8 answers

  10. Css меню

    Здравствуйте, никак не получается выровнять список по центру страницы, только начала учится css Вот код <style type="text/css"> ul.menu { width:auto; position:relative; display:block; height:33px; font-size: 95% center; background:url(bg.png) repeat-x top center; font-family: Arial,sans-serif; border:5px solid #464451; margin:0; padding:0; } ul.menu li { display:block; float:left; margin:0; padding:0; } ul.menu li a { float:left; color:#A79787; text-decoration:none; height:24px; padding:9px 15px 0; font-weight:100%; } ul.menu li a:hover,.current { color:#fff; background:url(bg.png) repeat-x top left; text-decoration:none; } ul.menu .current a { color:#fff…

    Asked by Ангел_А,

    0 votes
    5 answers

  11. растягивание div'а по высоте

    Здравствуйте всем, на страничке нужно сделать "модальное" окно. Для перекрытия всего контента использую div с абсолютным позиционированием и прозрачным фоновым рисунком. Проблема в том, что если контент по высоте превышает высоту браузера, то перекрывающий слой располагается только по высоте браузера. В IE проблему решил через expression, а вот в опере проблему решить никак не удалось. Как можно разрулить эту ситуацию? P.S. краткий код CSS html, body { width:100%;height:100%; } #disabler { position:absolute; z-index:200; top:0; left:0; width:100%; height:100%; ... }

    Asked by a_web,

    0 votes
    4 answers

  12. Проблемы с подключением таблицы связанных стилей

    ...оглядел своё творение... вроде все готово пора прятать стили... столкнулся с такой проблемой что при подключении файлов со css некоторые параметры перестают работать например в: <style type="text/css"> ul { list-style:none; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; width:12em;...... и т.д. параметр list-style:none; не действует (при нахождении непосредственно на странице всё нормально)

    Asked by Grann,

    0 votes
    2 answers

  13. кодировка

    таварисчи проблемы с декодированием... при вводе русских символов выводит строку %E2%E0%F1%E8%EB%E8%E9 как ее обратно в русские превратить?

    Asked by Gnome,

    0 votes
    4 answers

  14. отправка переменной с одной страницы и вывод ее на второй странице средствами HTML

    народ выручайте.. допустим есть страница index1.html на ней форма ввода имени... после ввода имени оно должно перейти на страницу index.html и нужно вывести ее в некотором поле... в форме index1.html ИМХО метод передачи POST и поле ввода имени и кнопка... в index.html имеется строка "Ваше имя:"... плиз срочняк нужно...

    Asked by Gnome,

    0 votes
    7 answers

  15. ...учая менюшка

    Что-то ни как не получается вставить на основную страницу корректно работающее меню... отдельно функционирует нормально, вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!--Стиль главного меню--> <style type="text/css"> .L2 <!--слой меню--> { z-index: 1; position: fixed; margin-right: 10%; margin-left: 50%; } .top_menu, .top_menu UL { list-style: none; text-align: left; width: 100%; } .top_menu { position: relative; border: 0px; width: 100%; } .top_menu A { font-size: 12px; font-weight: normal; text-align: left; text-decoration: none; display: block; } .top_menu LI UL { display: none; position: absolute; text-…

    Asked by Grann,

    0 votes
    8 answers

  16. Вопрос

    Как создать программу ввода списка студентов...с помощью массива... заранее благодарен

    Asked by kaman000,

    0 votes
    3 answers

  17. Фотоальбом для сайта

    Люди добрые! Скиньте ссылку на скрипт самого простого фотоальбома для сайта. Альбом должен быть удобный в обращение, и работающий, желательно))))) Заранее сильно благодарен. А, ещё чтобы без майскуэль!

    Asked by W. Watson,

    0 votes
    6 answers

  18. А есть просто страница

    А есть просто страница, где просто написано,что каждый тег делает? и все, как у вас по СSS без всяких там примеров как по CSS и второй вопрос, а у CSS это все команды? Или есть еще?

    Asked by Bismuth,

    0 votes
    3 answers

  19. Два <body> на странице.

    Eсть сайтик где режется js да и много чего другого, но я обнавружил, что возможно добавление <body onLoad="..."></body> и соответственно творения со страничкой любого js непотребства) Если бы оно нужно было для пакости то яб не парился, но мне оно нужно исключительно для косметической работы(css там тож запрещены). Такой вот собсно вопрос: какие ошибки и глюки может повлечь добавление меж двух основных боди вышеприведённой конструкции. Так оно вроде работает вполне нормально, но мало ли.)

    Asked by AjiTae,

    0 votes
    4 answers

  20. Верстка блока для сайта

    Требуется: Верхнее оранжевое изображение разделить на 3 части. Т.е. по краям фиксированная ширина по 10 px а посередине background 1 px который растягивается по заданной ширине. Нижняя рамка тоже из трех частей, фиксированный верх и низ а середина тянется. Между двумя объектами должно быть расстояние 3 px. Как это все грамотно сделать в CSS ? И что должно быть в HTML файле? Помогите новичку, уже голова кругом...

    Asked by Kilo,

    0 votes
    8 answers

  21. padding в блоке с текстом

    Подскажите, пожалуйста, что не так делаю? Как исправить? Мне надо получить блок с определенным текстом, ширина которого зависит от текста внутри него. И должны быть отступы от текста. Получиться должно такое: В ФФ все нормально, а в ИЕ7 отступы по бокам есть, а сверху и cнизу нет. Использую такой код для CSS: .layer{ display: inline; padding:7px 18px; background-color:#3d2e1e; } Html: <div class="layer">строка</div>

    Asked by SmilerOFF,

    0 votes
    5 answers

  22. height 100% и шапка

    Здравствуйте! Сталкнулась с такой проблемой: <html> <style> html body { margin: 0; padding: 0; height: 100%; } </style> <body> <div style="height: 80px; width: 100%; background: #fa0">header</div> <div style="float: left; height: 100%; width: 150px; background: #0fa;">object tree</div> <div style="height: 100%; background: #a0f;">container</div> </body> </html> Суть ее в том, что появляется скролл на 80px, то есть на высоту шапки. Как от него избавиться и сделать object tree и container нормальной высоты (100%-80px). Заранее спасибо.

    Asked by AnyaRayne,

    0 votes
    34 answers

  23. Прижать блок к низу ячейки

    Здравствуйте! Есть готовый макет, и в ячейке таблицы нужно поместить блок, который бы был прижат в нижний левый угол. Привожу упрощенный код, настоящий остался на работе. Нужно, чтобы при уменьшении ширины страницы (ячейки таблицы) нижний блок следовал за текстом, но при увеличении, когда тескт в ячейке поднимается вверх, нижний блок был прижат к нижней границе ячейки. Пробовал с clear, ничего не получилось <html> <head> <title> Илюшина страница </title> <style> * { margin: 0; padding: 0; } table.mytable { color:red; } table.mytable td { border: 1px solid black; } .strut { display:block; position:relative; height:60px; margin-right:0px; floa…

    Asked by Kasyanov,

    0 votes
    6 answers

  24. Как сверстать меню?

    Дорогие Камрады, у меня возник вопрос, а точнее мне интересно услышать варианты и идеи по-поводу того, как бы Вы сверстали вот такое меню: , дело в том, что Оно полностью Пнг-формата, и сам каркас с фоном, ссылки и текущая страница тоже, как видите выделяется(в данном случае это страница "Авторизация").. А проблема в том, что: 1) Нужно, что-бы это меню прекрасно отображалось в ИЕ6, один в один, как и везде 2) Почему то ссылки не кликабельны после того, как я назначаю даже фон этому меню в ИЕ6, почему так происходит, я не могу понять? 3) Хотелось-бы узнать у Вас, как-бы кто сверстали такое меню, какими бы свойствами и действиями оперировали?

    Asked by psywalker,

    0 votes
    56 answers

  25. Новый сайт

    Добрый день. Взялся тут сделать сайт, макета нет, одни доковские файлы, возник вопрос как делать кнопки?

    Asked by SimpsoneJkee,

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