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. FORM - передача данных на два сервера

    Привет. Есть такая проблема. При сабмите формы необходимо передать введенные в нее данные через POST сразу на два сервера (site1.com и site2.com). Каким образом можно это реализовать? Спасибо.

    Asked by mill,

    0 votes
    4 answers

  2. Бекграунд дива в зависимости от высоты и без скриптов

    Есть див с бекграундом, заданным с помощью стилей (см. скриншот) высота которого (дива) изменяется при изменении размеров окна (разрешения монитора). Нужно сделать так, чтобы все было красиво Я сделал это с помощью скриптов: поставил обработчик события onload, onresize и меняю класс дива в зависимости от его высоты (двох картинок хватает). Вариант, в принципе нормальный, но хотелось бы сделать без скриптов. Без скриптов придумался такой вариант: 1. в див кладем еще один див, в которого бекграунд - небольшой прямоугольник цвета такого же как и цвет нашего дива и расположен в нижнем левом углу 2. позиционируем бекграунд по точным координатам, вместо left center теперь пр…

    Asked by Tokolist,

    0 votes
    10 answers

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

  4. SCROLLBAR - расположение полос прокрутки

    Вопрос такой: имеется страница из двух фрэймов, при этом требуется чтобы при появлении в левом фрэйме вертикальной полосы прокрутки она появлялась с левой, а не с правой стороны. Во втором фрэйме так и оставалась справа. Таким образом чтоб полосы прокрутки не разделяли фрэймы а были по бокам страницы.

    Asked by daymos,

    0 votes
    6 answers

  5. BUTTON - вопросы по value

    <form action="#"> <button type='submit' name='d' value='14'>text</button> <form> При нажатии получаю на выходе 'text', а мне нужно '14' - как добыть?

    Asked by Арина,

    0 votes
    14 answers

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

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

    Asked by Wol11,

    0 votes
    15 answers

  7. HR - отступы, цвет

    Подскажите, плиз, как сделать, чтобы у тэга не было отступов - нужно чтобы линия плотно прилегала к верхнему бордеру div-а, в котором находится.Margin и padding помогают, но только не для IE :/

    Asked by Ladoga,

    0 votes
    12 answers

  8. SSI при верстке shtml документов

    Здраствуйте, недавно, при прочтении одной из статей посвящ?нной использованию SSI на citforum.ru, я решил использовать некоторые его элементы в сво?м проекте. Собственно эта темя является продолжение вот этой темы. Так как я не могу найти ту самую статью, то приведу код и основную идею. Идея заключается в том, что создаются несколько html файлов в которых прописываются некоторые переменые с помощью условий ( #expr var="" #echo var="" ), а в результирующем файле задаются значения этим переменным. Вот код: [b]_head.html[/b] <html><head> <title>Web Club Repository. <!--#echo var="TITLE" --></title> <meta http-equiv="Content-Type" con…

    Asked by DMGaster,

    0 votes
    8 answers

  9. font-face - подключить шрифт

    Привет! Возникла проблема! Есть шрифт (скажем, fnt (даже расширение не знаю.. )), он находится в папке font на сайте.. на сервере он не установлен... как подключить этот шрифт? т.е. чтобы можно было написать font-family: fnt; и он работал! Спасибо!

    Asked by GlooM,

    0 votes
    27 answers

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

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

    Салемствую Хотел сделать таблицу должна выгледить вот так. 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

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

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

    Asked by vrednyu4aya,

    0 votes
    17 answers

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

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

    Asked by mckey,

    0 votes
    5 answers

  14. frD-Выступающая закладка - проблема отображения в IE

    Вот возникла проблема: нужно сделать горизонтальное меню, в котором активный пункт (т.е. выбранный) отображался как закладка с выступающей верхней частью. Делаем margin-top:-2px; и вроде все работает, но только в FF и в Опере - в IE не отображается как надо. Подскажите, плиз, что можно сделать. Привожу коды. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <link rel="stylesheet" type="text/css" href="css.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body>…

    Asked by Ladoga,

    0 votes
    4 answers

  15. IFRAME - полосы прокрутки

    Помогите новичку. Нужно "перекрасить" полосы прокрутки для обьекта . Пишу так IFRAME{ border: 0; scrollbar-face-color: #0000FF; scrollbar-darkshadow-color: #0000FF; scrollbar-shadow-color: #0000FF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #DDDDDD; scrollbar-arrow-color: #FFFFFF; background-color : #FFFFFF; } не работает ни в каких браузерах (именно то, что связано со scrollbar, остальное работает). Как можно сделать такое - если это возможно. Желательно для браузеров MSIE и Opera (разумеется не "древних" версий).

    Asked by fdds,

    0 votes
    7 answers

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

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

    Asked by 78Rus,

    0 votes
    4 answers

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

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

    Asked by rash,

    0 votes
    3 answers

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

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

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

    Asked by energy!,

    0 votes
    9 answers

  20. совмещение фона и изображения

    Как, на основной фон наложить обычное белое изображение, через которое хоть не много веднелся бы Основной фон??? Плиззз.

    Asked by Slavi4,

    0 votes
    5 answers

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

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

    Asked by kolpeex,

    0 votes
    2 answers

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

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

    Asked by iipo,

    0 votes
    2 answers

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

    <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

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

    Задача при переходе на новую страницу скрыть панель состояния, адресную строку и меню. Варианты с Ява скрипт по примеру -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

  25. float проблемы кроссраузерности.

    Конкретная ситуация: Есть меню на сайте. Есть выпадающие пункты меню. Меню прорисовывается в дивах: <div class="menu-hidden-out"> <div id='thisid' class="menu-hidden-in"> Текст Выпадающего меню. </div> </div> .menu-hidden-out { position:relative; width: 100%; z-index: +100; } .menu-hidden-in { visibility: hidden; position: absolute; top: 0px; padding: 0px; margin: 0px; max-height:200px; height:expression(this.scrollHeight > 200? "200px" : "auto"); max-width:700px; width:expression(this.scrollWidth > 700? "700px" : "auto"); min-width:120px; width:expression(this.scrollWidth < 120? "120px" : "auto"); overflow:auto…

    Asked by airr,

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