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. Верстать сайт полностью на таблицах- хорошо или плохо?

    Доброго...времени суток! На днях столкнулся с таким вопросом, что лучше- верстать основу сайта на таблицах или на слоях? Да и не знаете ли, таблицы сильнее грузят сайт?

    Asked by Glebr,

    0 votes
    13 answers

  2. как сделать отступы для полосы?

    как сделать отступы для полосы? прописываю в CSS вот этот скрипт .bg-p { background-image:url(../images/bg.png); background-position:center; background-repeat:repeat-x; margin-left:15px; margin-right:15px; } все работает, кроме отстопов, где моя ошибка?

    Asked by Bismuth,

    0 votes
    6 answers

  3. Вывод данных из БД

    Всем привет! Вот столкнулся с такой странной ситуацией. в одном случае вывод данных из БД есть: на странице index.tpl {if $info_cat != ""} {*Описание каталога*} {$info_cat.discrip} {/if} а в другом нет: на странице index_pr.php {if $info_cat != ""} {*Описание товара*} {$info_cat.discrip} {/if} надо сказать, что информация записывается в БД, но не выводится во втором случае. где копать и искать проблему? прошу админа перенести тему в СуБД

    Asked by Twister,

    0 votes
    2 answers

  4. Новый сайт

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

    Asked by SimpsoneJkee,

    0 votes
    12 answers

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

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

    Asked by psywalker,

    0 votes
    56 answers

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

    Здравствуйте! Есть готовый макет, и в ячейке таблицы нужно поместить блок, который бы был прижат в нижний левый угол. Привожу упрощенный код, настоящий остался на работе. Нужно, чтобы при уменьшении ширины страницы (ячейки таблицы) нижний блок следовал за текстом, но при увеличении, когда тескт в ячейке поднимается вверх, нижний блок был прижат к нижней границе ячейки. Пробовал с 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

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

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

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

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

    Asked by Kilo,

    0 votes
    8 answers

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

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

    Asked by AjiTae,

    0 votes
    4 answers

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

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

    Asked by Bismuth,

    0 votes
    3 answers

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

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

    Asked by W. Watson,

    0 votes
    6 answers

  13. fancybox прыгает и ездиет

    Здравствуйте, вот надо сверстать раздел с сертификатами и хочу прикрепить к нему fancybox или lightbox. Но есть проблема. Когда увеличивается картинка, она сначала встаёт на одно место, потом прыгает на другое, это не такое большое расстояние, но выглядит неприятно. Также, когда идёт увеличение, правая сторона с cертификатами съезжает влево. Из за чего могут быть такие проблемы? С эффектом lightobox тоже самое. Вот ссылка на пример моей проблемы. http://deluxe-okna.ru/mush/index.html Помогите, пожалуйста, разобраться.

    Asked by prowoke,

    0 votes
    0 answers

  14. Вопрос

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

    Asked by kaman000,

    0 votes
    3 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. отправка переменной с одной страницы и вывод ее на второй странице средствами HTML

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

    Asked by Gnome,

    0 votes
    7 answers

  17. кодировка

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

    Asked by Gnome,

    0 votes
    4 answers

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

    ...оглядел своё творение... вроде все готово пора прятать стили... столкнулся с такой проблемой что при подключении файлов со 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

  19. растягивание 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

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

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

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

    Asked by termoplus,

    0 votes
    8 answers

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

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

    Asked by In_Variant,

    0 votes
    3 answers

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

    Собственно вопрос. При разрешении монитора 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

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

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

    Asked by Grann,

    0 votes
    1 answer

  25. глюк ие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

  • Обсуждения

    • 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