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. форматирование сылки

    народ, помогите плиз с задачкой: надо чтобы ссылка независимо от длины текста (возможно на одну или две строки) находилась ровно посередине backgraund-image'a, последний имеет заведомо бОльший размер чем, самая большая ссылка. Размер имейджа мы знаем (допустим 220px*60px). Вот класс для ссылки: a.manufacturer { background-image: url(src/button.gif); width: 220px; height: 60px text-align: center; vertical-align: middle; } a.manufacturer:hover { background-image: url(src/button+.gif); } а не работает. Просьба не предлагать запихивать ссылку внутрь дивов, ячеек таблицы и тд, надо просто выровнять текст по центру по высоте и ширине, где бы ни находилась ссылка с таким стиле…

    Asked by red_88,

    0 votes
    7 answers

  2. как добавить якорь?

    есть ссылки index.php?id=1 как правильно добавить якорь к ссылке, что он находил эту страницу и открывал раздел страницы, где указан якорь?

    Asked by sc@r@bey,

    0 votes
    2 answers

  3. печать страницы

    страница сверстана слоями, а как организовать печать не всей страницы, а только контента, и чтоб, если материал если не вмещается на страницы при печати разбивался на логические блоки?

    Asked by sc@r@bey,

    0 votes
    15 answers

  4. Выравнивание ячеек таблицы

    Есть таблица шириной 100%, которая состоит из 4-х столбцов. первый столбаец - ширина 20% второй столбец - ширина 30% третий столбец - ширина 20% четвертый столбец - ширина 30% В первом и третьем столбцах находится текст, во втором и четвертом столбцах находятся инпуты (<input type="text">). У инпутов ширина 100%. Проблема: В браузере Интернет Испортил, если в инпуте много текста колонка расширяется больше положенных 30%. Вопрос: Как бы так сделать, чтобы в ИЕ ничего не ломалось? Пробовал ставить у <input> overflow: hidden; - толку никакого.

    Asked by Great Rash,

    0 votes
    5 answers

  5. Выравнивание background-image

    Здравствуйте! Возникла такая проблема: фон который я истользую отказывается выравниваться по низу страницы и Opera и FF, как нистранно в IE7 и IE7 все рабатает так как хотелось бы. Где то читал, что такое возможно если использовать абсольтное позиционирование, но у меня везде используется относительное. Буду рад любым предположениям. Заранее благодарен. P.S.: адрес странички: http://soft.als-krsn.ru/ Css: @import "reset.css"; @import "jqueryslidemenu.css"; * html, body #container { height: 100%; } body {height: 100%;background: #e3ebff url(../img/bg-body.jpg) repeat-x bottom;color:#282726;font:12px Arial,sans-serif;} #container { background:white; position: relative;…

    Asked by Icen,

    0 votes
    10 answers

  6. декоративное подчеркивание ссылки

    Проблема такая. в блоке контента ссылки подчеркиваются вот так border-bottom:1px dotted #BF0A17; Проблема в том как убрать этот бордер если ссылка стоит на изображение. <a href><img /></a>

    Asked by ArtOfHuman,

    0 votes
    3 answers

  7. Вёрстка слоями. Фиксированный дизайн

    Пытался применить следующие рекомендации http://htmlbook.ru/content/?id=97 Собственно столкнулся с небольшими расхождениями в отображении высоты контейнера IE изменяет высоту блока по обеим колонкам а Mozilla только по правой. Я что то напутал или как с этим бороться? пример моего кода <!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>Две колонки</title> <style type="text/css"> #container { width: 500px; /* Общая ширина колонок */ background: #fc0; } #leftcol { /* Левая колонка*/ width: 200px;…

    Asked by SRGB,

    0 votes
    6 answers

  8. Многа страниц!

    Много страниц и их как то надо скампоновать. Как это сделать? вот как сдеся на рисунке. астигматизм43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t 43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t43t…

    Asked by tariely,

    0 votes
    10 answers

  9. Как разместить ссылки только на морде? WordPress

    сабж. есть код: <? if ( is_home()){ ?> <a href="http://ссылко.com">анкор</a> <?}?> он позволяет размещать ссылку на морде + все страницы статей, а мне нужно только чтоб на главное отображалась ссылка. Подскажите пожалуйста. спасибо!

    Asked by mephistophile_ua,

    0 votes
    9 answers

  10. Скрол не простой а картинкой, срочн

    реально сделать скрол не боковой, а в самой странице вот чтото типо такого , очень над

    Asked by woofs,

    0 votes
    11 answers

  11. Тупой вопрос

    Подскажите пожайлуста как мне реализовать такую задумку: Есть 2 блока, один блок навигационный, а другой блок содержит в себе контент. Я хочу сделать так, чтобы если блок контента выше чем блок навигации, то блок навигации всё равно был равным по высоте блоку контента, т.е не обрывался где-то на серидине страницы, а продолжался в низ до футера. При помощи таблиц это реализуется просто, а вот как сделать при помощи блоков не понимаю :)

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

    0 votes
    11 answers

  12. Текст и картинки по центру...

    Как вывести в ряд следущее: тест-картинка-текст-картинка-текст и чтобы было отцентровано (вертикальное центрирование)? <style type="text/css"> #navcontainer ul li { display: inline; } #navcontainer ul li a { padding: 12px 5px 0 5px; text-decoration: none; text-transform:uppercase; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><b>Text 1</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#"><b>Text 2</b></a><img src="./styles/prosilver/theme/images/pic_for.gif"></li> <li><a href="#">&lt…

    Asked by iAL,

    0 votes
    14 answers

  13. Позицианировать элемент внутри TD с обтеканием

    Вобщем народ! есть таблица три строки и 2 столбца. В нижней и верхней строке ячейки обьединены colspan=2. Средняя же строка разбита на 2 ячейки в левой из которых располагается меню сайта а в правой должен распологаться контент. Проблема в том чтобы поместить в правую среднюю ячейку в её правый верхний угол изображение (часть шапки предусмотренной дизайном). Как позицианировать этот элеммент так чтобы он находился в правом верхнем углу, вплотную прилегая к шапке и обтекался с левой стороны и снизу всем размещаемым содержимым??? тоесть в диве картинка w=283 h=202 нужно чтобы текст обтекал этот див и при растягивании ячейки таблицы этот див стоял в правом верхнем углу ячейк…

    Asked by ZO1TER,

    0 votes
    1 answer

  14. Смена фонового рисунка

    Добрый день. Укажите пожалуйста на ошибку. Меняю фоновую картинку в ячейке таблицы, на другую (в IE-6 работает а в FireFox - нет)? КОД - <td background='up_menu/img/menu.jpg'; onmouseover=\" background='up_menu/img/smenu.jpg'; \" onmouseout=\" background='up_menu/img/menu.jpg'; \" > TEXT_CELL </td>

    Asked by SuperPuperLesha,

    0 votes
    5 answers

  15. Validator.w3.org

    значит парни вот такие ошибки Прошу помощи Data Life Engine 7.3 (лицензия) Result: 1 Error Address: Encoding: windows-1251 Doctype: XHTML 1.0 Transitional Root Element: html Root Namespace: http://www.w3.org/1999/xhtmll Line 80, Column 22: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag . <p><div id='news-id-4'>Текст ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing eleme…

    Asked by cyku,

    0 votes
    6 answers

  16. IMG и обтекание

    Сделал, чтобы рисунок обтекал текстом, как на сайте написано, но в результате рисунок заезжает внутрь div, это можно исправить?

    Asked by Kenshi45,

    0 votes
    17 answers

  17. Окно всплива с ссилки

    Подскажите пожалуйста хтмл код для всплива окна как на скрине... !!! Чтобы когда нажимаешь на ссылку то было окно в котором была оддельня информация и чтобы ее тоже можно было переделать в хтмл (тоисть например сделать другим цветом текст ... или там ссылку поместить и т.д. ) ну надеюсь вы поняли!!! )) Заранее спасибо!!! Скрин здесь!!!

    Asked by 3y3bk@,

    0 votes
    5 answers

  18. Padding в ИЕ6

    Если задать контейнеру размер, и сделать в нем padding (притом отступ намного меньше размера этого контейнера), то в ие6 к размеру еще прибавляется по размеру отступа с каждой стороны, как сделать, чтоб размер не менялся?

    Asked by Kenshi45,

    0 votes
    3 answers

  19. Наложение html на swf. Не работают кнопки в swf.

    Задача: наложить html-код на swf. Делаем два леера. В верхнем - таблица. В нижнем - swf. Оба леера вижу. html-код работает. Проблема: swf по сути - элементарная галерея с кнопками "вперед" и "назад". Так вот эти то кнопки в леере и не работают. Понятно, что автономно в swf все о'к. Если интересно, код следующий: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>site</title> <style type="text/css"> <!-- #Layer1 { position:absolute; width:1024px; height:756px; z-index:1; } #Layer2 { position:absolute; width:1024px; height:756px; z-index:4; } --> </style> </head> <body bgcol…

    Asked by starro_serge,

    0 votes
    4 answers

  20. Как назначить класс всем ячейкам один раз

    <table> <tr> <td> <td> ... </table> Внутри table много ячеек. Как им всем назначить один и тот же класс? На странице есть еще одна или более больших таблиц, но у всех у них должен быть другой класс, тоже одинаковый для всех. Поэтому задание в виде <style> TD{ ... } </style> не подходит. Т.е. можно ли написать что-то вроде <style> name01.td{ ... } </style> ... <table name="name01"> <tr> <td> ... </table> чтобы в результате стиль name01.td применился ко всем td внутри таблицы с именем name01.

    Asked by aruru,

    0 votes
    3 answers

  21. Div внутри table

    Есть таблица, внутри которой находятся два div'a, один внутри другого, не понятно как так получается, но если поставить отступы, то все съезжает вправо... http://aionzone.ru/themes/aionzone/test.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Test Page</title> <style type="text/css"> body{ margin: 0; padding: 10px; } div.shape{ padding: 10px; border: 1px dotted blue; width: 100%; height: 100%; } table{ border: 1px solid red; margin: 0; padding: 10px; } </style> </head> <body> <table cellspacing="0" cellpadding="0"> …

    Asked by Kenshi45,

    0 votes
    5 answers

  22. css карусель

    people плиз! рылся в google? так ничего и не нашел, может у кого есть примеры создания css карусели, или ссылки на сайты??!

    Asked by kking,

    0 votes
    12 answers

  23. ID или Class

    Когда лучше всего использовать ID а когда классы?

    Asked by Kenshi45,

    0 votes
    2 answers

  24. относительно <col>

    1) скажите, пжл, почему параметры align, valign данного тега в html 4.01 & xhtml 1.0, 1.1 strict не понимают многие браузеры, кроме оперы (ие 8, фф 3, опера 9.61, сафари 3.1, гугл хром 2 финал), но код с участием данных параметров считается валидным? 2) добавил стиль в пример из справочника, но из всех свойств класса применяется к 3-й ячейке только background-color (update) и width. хде ошибка? что за фигня? <!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>Тег COL, параметр valign</title> …

    Asked by xhtml,

    0 votes
    13 answers

  25. Вывод содержимого файла в div

    Прошу сильно не пинать, искал но ответа не нашёл, может быть не верно формулировал... Для наглядности возьмём пример кода с вашего сайта <body> <div class="block1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div> <div class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div> </body> Как вынести содержимое div-ов в отдельные файлы средствами HTML В описании слоёв(на Вашем сайте) есть упоминание о том что это возможно... Спаси…

    Asked by SRGB,

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