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. Background из нескольких картинок

    Как сделать так, чтобы в качестве бэкграунда страницы был рисунок, который состоит из нескольких кусков? (Раньше сайт был сделан табличной версткой и в каждой ячейке лежал "свой" кусок файла) Надо сделать следующее: top_left.gif(не растягивается); center_gif (растягивается по ширине); top_right(не растягивается) middle_left.gif(растягивается по высоте); center_gif(растягивается в обе стороны); middle_right.gif(растягивается по высоте); bottom_leftне растягивается); center_gif (растягивается по ширине); bottom_right(не растягивается) Хочется сделать так, чтобы это был бэкграунд на весь экран, а сверху накладывались дивы с содержанием. Можно ли с пом. CSS описать такое?

    Asked by Юзер,

    0 votes
    7 answers

  2. прижать слой к низу

    Всем привет. Подскажите, как закрепить слой внизу окна браузера?

    Asked by Wol11,

    0 votes
    15 answers

  3. верстка таблица отступы

    Салемствую Хотел сделать таблицу должна выгледить вот так. http://slil.ru/24502174 А у меня , что то вообше не полуаеться вставляю верхние рис. Устанавливаю минус маргину и на ИЕ вообше рис пропадают на ФФ они вроде как стаят , но после обновления страницы они как и в ИЕ исчезают. Нижние рамки не могу не как сделать. И еще мне кажется что я ее через чурь намудрил например знаю что можно сделать без минусовоого маргина , но не знаю как без него , кто сможет показать как сделать ее более удобной ? Выслушаю все предложения... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title…

    Asked by musulman,

    0 votes
    9 answers

  4. frD-Проблема кроссбраузерной совместимости при использовании div

    Здраствуйте, обратился сюда от безысходности и от того что мои мозги уже выкипели... Делаю оболочку для DVD-диска, верстается в html с css. Возникла проблема в совместимости кода для разных броузеров. Так вот нижеперечисленные страницы ведут себя нормально в IE6, но глюки появляются в Опере 9,10. В firefox не проверял... Страницы для тестирования временно выложены на хостинг (предупреждаю, чтобы меня потом не обвиняли в рекламе) http://artunion.cellbiol.ru/ - проблема в опере, появляется темная вертикальная полоса справа от нижнего меню, и центральная картинка неплотно примыкает к границам. В IE6 - вс? нормально. http://artunion.cellbiol.ru/articles/articles.shtml - div с…

    Asked by DMGaster,

    0 votes
    17 answers

  5. HR - отступ, положение

    Как сделать, чтоб эта так называемая ПАЛКА была на картинке, а не за ней.

    Asked by vrednyu4aya,

    0 votes
    17 answers

  6. фон - полупрозрачный png

    Уважаемые господа, не подскажете ли более-менее красивый способ положить полупрозрачный PNG в качестве фонового изображения, чтобы это не выглядело ужасно в [lte IE 6]. Решений для обычного находится предостаточно, а относительно фона - практически ничего не говорится...

    Asked by rash,

    0 votes
    7 answers

  7. HREF - подсветка

    Здравствуйте. Подскажите, как решить следующую проблему, у меня при наведении курсора на картинку она изменяется (ну то есть кнопка обычная), как сделать так, чтобы при нажатии она оставалась такой же как при наведении?

    Asked by energy!,

    0 votes
    9 answers

  8. верстка фиксирование позиции слоя

    Всем привет. Решил вот поиграться с divной в?рсткой - натолкнулся на проблему: Идут подряд 2 дива: #main_logo { float: left; width: 25%; min-width: 300px; } #header_nav { min-width:400px; } В первом диве картинка, во втором текст. При уменьшении размеров окна текст во втором диве переносться как только хочет вплоть до того, этот див переноситься под див с картинкой. :/ Меня же такое положение вещей в корне не устраивает. Как это побороть?

    Asked by mckey,

    0 votes
    5 answers

  9. HREF - сcылки но фоне png

    Здравствуйте друзья. Столкнулся с такой проблемой: в IE ссылки не активны если они находятся в ячейке с фоновым изображением PNG. В опере все работает. Что за своеобразный косяк?

    Asked by NikuZ,

    0 votes
    4 answers

  10. FORM SELECT ограничение строк

    Возник вопрос - можно ли заставить select открываться строго на заданное количество строк и строго в заданном направлении (в частности вниз). Просто рядом находятся несколько select'ов, заполненных разным количеством пунктов. Весьма неэстетично, что один список раскрывается вниз, а соседний распахивается наверх весьма обширным списком... Подозреваю, что этим в принципе нельзя управлять, спрашиваю просто "а вдруг!". Может кто-то нашел нетривиальное решение...

    Asked by rash,

    0 votes
    3 answers

  11. DL, UL, OL - список в два ряда

    Если я пишу: 0001 0002 0003 0004 0005 0006 то вижу список: 0001 ....... 0006 а как сделать, чтобы было: 0001 0004 0002 0005 0003 0006 вообще возможно?

    Asked by 78Rus,

    0 votes
    4 answers

  12. frD-Отправка информации из формы

    Уважаемые знатоки! Помогите. Сделал сайт в HTML и CSS. Осталось малое получить от пользователя информацию из формы на E-Mail. Поясните на примере, плиз. Допустим код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form action="mailto:vasja@pupkin.ru" enctype="text/plain"> <LABEL for="firstname">Имя: </LABEL> <INPUT type="text" id="firstname"><BR> <LABEL for="lastname">Фамилия: </LABEL> <INPUT type="text" id="lastname"><BR> <LABEL for="email">e-mail: </LABEL> <INPUT type="text" id="email"><BR> <INPUT type="radio" name="sex" value="Мужской">…

    Asked by MVSka,

    0 votes
    3 answers

  13. прокрутка в таблице

    Есть таблица растянутая на весь экран. Подскажите, пожалуйста, каким образом сделать, чтоб при слишком большом объ?ме информации в одной из ячеек, внутри не? появлялась вертикальная полоса прокрутки, и при этом она не появлялась в основном теле страницы, т.е. фиксированный размер макет, ну, или типа того

    Asked by kolpeex,

    0 votes
    2 answers

  14. вопросы по кросбраузерности

    <div style="float: right; width: 300px; height: 100px; background: #000"></div> <div style="float: left"> <table width=100% bgcolor=#cccccc><tr><td>1234567890</td></tr></table> </div> Хочется сделать код кроссбраузерным, чтобы в FF отображалось то же самое, что и в IE. Важный момент здесь, что таблица содержит мало текста, поэтому ее приходится растягивать (width=100%). P.S. Ну и заодно спрошу, поддерживает ли FF CSS:expression? У меня складывается ощущение, что не поддерживает...

    Asked by Cage,

    0 votes
    7 answers

  15. кроссбраузерность - частный случай

    Добрый вечер Создал первый в свой веб-сайт: http://peartree.ho.com.ua Сильно за дизайн не пинайте Писал, как посоветовали, под Мозиллу. Под Мозиллой работает нормально ? так как и планировал. Но если его открыть через ИЕ ? беда. Сразу возненавидел ИЕ? Подскажите, отчего все мои круглые уголки в левой части сместились вниз? Это хорошо видно здесь: http://peartree.ho.com.ua/news.php Вот кусок кода. Часть ПХП кода забрал, чтобы не отвлекал: .leftcol{ float: left; width: 170px; } .leftcol1,.leftcol2,.leftcol3{ background: #E8E8E8; position: relative; margin-bottom: 10px; } .leftcol4{ background: #E8E8E8; position: relative; } .bolt-top-left{ width: 18px; height: 18px; po…

    Asked by zigfrid,

    0 votes
    12 answers

  16. наложение слоев

    Народ не могу решить одну проблему, а очень надо. Недавно решил верстать слоями, но не могу сверстать такую ситуацию: есть таблица в ней сверстана шапка сайта, сверху шапки надо вывести два слоя с картинакми, один под другим на некотором расстоянии, помогите с решением как это осуществить?

    Asked by Shar,

    0 votes
    8 answers

  17. отцентрировать текст в колонке

    Объемный прайс в виде таблицы. Заданы col-ы . Нужно отцентрировать текст только в одной колонке. Дабы не задавать класс для каждой нужной ячейки, задала класс для нужной колонки, но почему-то не работает. Код и css в норме, ручаюсь. Может быть col вообще не работает, по крайней мере в FF???

    Asked by Nomo,

    0 votes
    16 answers

  18. DL, UL, OL -упорядоченый список

    Создание упорядоченого списка (колонами), без использования таблиц! Подскажите пожайлуста! Зарание благодарен!

    Asked by iipo,

    0 votes
    2 answers

  19. как скрыть панель управления браузера

    Задача при переходе на новую страницу скрыть панель состояния, адресную строку и меню. Варианты с Ява скрипт по примеру -window.open("new.html","name","width=700,height=500,toolbar=no,menubar=no,status=no"); не подходят необходимо это сделать без Явы, Есть ли какие-то другие варианты? Какие-то стандартные приемы HTML? Или возможно это как то прописать в CSS как параметры body?

    Asked by alex8,

    0 votes
    1 answer

  20. как вставить кусок кода из фаила

    Подскажите пожалуйста как вставить кусок HTML кода в страничку через подключаемый файл? То есть не фреймы заданой области, а просто кусок кода, записаний в даном файле.

    Asked by moolten,

    0 votes
    7 answers

  21. вертикальное выравнивание в div'e

    Нужно чтобы информация в блоке выравнивалась вертикально по середине. Можно ли такое реализовать без использования таблиц и ява скрипта? Вот как должно работать (IE 6): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Вертикальное выравнивание</title> <style type="text/css"> #level { background: #c1c1c1; width: 50%; margin: 0px auto; } </style> </head> <body> <table border=1px width="60%" height="200px"> <tr> <td valign=middle aling="right"> <div id="level">Информация должна быть выровнена вертикально по с…

    Asked by Юрий,

    0 votes
    3 answers

  22. елементарная задача усложненная кроссбраузерностью.

    здравствуйте. уже 2 дня занимаюсь любовью с следующей задачей: в шапке сайна нужно поместить горизонтальную полоску определенного цвета которая начинается с координат top:77px, left:200px. и продолжается к правому краю екрана. на полоске должно быть меню. в следующем примере все работает в ИЕ. опера растягивает экран на 200 пикселей в ширину (100% ширины меню + 200 отступ с левого края) доктайп не указан. но его указание делает в опере еще хуже - пропадает цвет фона, тк. высота блока inhead становится равной 0. html <div id="head"> <div id="inhead"> <ul> <li><a href="index.html" class="menu">пунктменю</a></li> <li><…

    Asked by ua.rik,

    0 votes
    5 answers

  23. Для чего нужен Smarty

    Практически все хоть раз да слышали о разделении кода и содержания, текста и оформления, отделения логики от представления. Смысл в том, чтобы программный код был максимально независим от дизайна сайта. Это позволяет: 1. вести работу над дизайном и программированием одного сайта параллельно; 2. легко вносить изменения, не боясь что-нибудь ?испортить?; 3. быстро делать редизайн всего сайта или отдельных его разделов; 4. добавлять новые программные модули без существенной переделки HTML-кода. Исходно в одном файле PHP уживается код HTML и его программная часть, которые порой так перемешаны, что для разбора и модификации текста приходится тратить массу усилий и времени. Для …

    Asked by Vlad,

    0 votes
    15 answers

  24. растянуть блок до самого низа

    Нужно растянуть левый блок до самого низа, весь форум перерыл - работающего ответа не нашел. Помогите пожалуйста, вот код: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>сайт</title> <!--<link rel="stylesheet" type="text/css" media="all" href="base.css">--> <style> *{margin:0;padding:0} html { height: 100%; } body { font-family:Verdana, Helvetica, sans-serif; font-size:12px; position: rela…

    Asked by JIEXA,

    0 votes
    8 answers

  25. 3 колонки

    Необходимо при размере окна браузера менее 1280px, чтобы красная колонка (см. иллюстрацию) находилась рядом с контентом. А при увеличении окна браузера (более 1280px) ? красная колонка должна "подниматься" к header'у, как на рисунке. Желательно обойтись одними div'ами. (html+css) Сделавшему, перечислю 10 wmz.

    Asked by Sienens,

    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