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. 320andup, compass, @viewport

    Доброго времени суток. В css фреймворке 320andup, в файле _site.sass был найден код такого содержания: ... @-webkit-viewport { width : device-width; } @-moz-viewport { width : device-width; } @-ms-viewport { width : device-width; } @-o-viewport { width : device-width; } @viewport { width : device-width; } ... и из-за него не проходит компиляция в compass Аналогичный код находится во всех каталогах предназначенных для обработки css препроцессарами. Вопрос: Что это такое и несёт ли в себе какой либо смысл?

    Asked by Fresh,

    0 votes
    1 answer

  2. Обтикание изображения

    Здравствуйте! Скажите пожалуйста, как сделать, чтобы текст обтекал изображение? Ссылка на проблему - линк. Я хочу, чтобы было так - линк.

    Asked by Nikees,

    0 votes
    6 answers

  3. подсветка ссылки

    есть ссылка на картинке и я хочу, что бы при наведении на нее мышки она подсвечивалась, то бишь становилась чуть светлее. проблема в том, что если поставить .onIndex:hover {opacity: 0.8} то будет просвечивать другая картинка, задний фон и все объекты сзади. это очень не желательно. пробовал в фш создать еще картинку, но чуть высветленную и поставить просто в блоке background: URL(images/onindex.png); а в :hover высветленную, но он не хочет вообще ставить ничего в бэкгроунд. пробовал на javascript поставить do { document.onmain.src = "images/opacity_onindex.png"; } while (document.onmain.onmouseover); страница зависает при наведении очень жду ваших предложений, второй …

    Asked by Wertmax,

    0 votes
    4 answers

  4. Можно ли очистить ОДИН из пунктов формы?

    Есть форма, позволяющая загружать несколько файлов одновременно. Вот фрагмент (реально запрашивается около 20 файлов): <tr><td><input name="m[0]" type="file" /> Название: <input name="mn[0]" type="text" size=30 placeholder="Введите название методички"></td></tr> <tr><td><input name="m[1]" type="file" /> Название: <input name="mn[1]" type="text" size=30 placeholder="Введите название методички"></td></tr> <tr><td><input name="m[2]" type="file" /> Название: <input name="mn[2]" type="text" size=30 placeholder="Введите название методички"></td></tr> <tr><td>…

    Asked by Cavabanga,

    0 votes
    1 answer

  5. Не работает псевдо-класс first-child

    http://jsfiddle.net/Jvbsj/ Подскажите пожалуйста почему здесь не работает first-child?

    Asked by tini.kRyptoNite,

    0 votes
    9 answers

  6. Элементы Внутри DIV 'а

    Помогите плиз есть Div контейнер на странице с такм вот кодом КОД HTML ****************** div class="Product_Title"> Выключатель одноклавишный "Вессен" </div> <div class="products"> <div style="margin-bottom:10px;"> <img src="Pics/M1.jpg" /> </div> </div> КОД СSS ******************* /* Заглавие товара (синяя строка) без пробела после */ .Product_Title { height:auto; padding:8px; background:#069; color:white; border-right:double #036 4px; border-left:double #036 4px; border-top: double #036 4px; font-weight:bold; } /* Поле товара с картинкой и описанием товара(белая поле) */ .products { height:auto; padding:8px; background:#FF…

    Asked by HappyUser,

    0 votes
    2 answers

  7. цвета в HTML

    Я нашел в википедии Х 11 статью с названиями цветов. Пробовал использовать их у себя на сайте - все работает. Но не знаю можно использовать названия цветов или нужно вводить код. Как правильнее?

    Asked by apexis,

    0 votes
    9 answers

  8. Табы для joomla 1.5.

    Здравствуйте. Кто то может подсказать или помочь с установкой табов на joomla 1.5. ? Как лутше всего сделать, модулем, плагином, или самом писать. В интернете понаходил модули, но конкретного описания установок негде нету.

    Asked by explo1d,

    0 votes
    1 answer

  9. div выходит за рамки

    Итак, у меня есть ГС на козе, взял я стандартный диз, решил переделать. Корректно работает только на IE, на остальных браузерах(уже изменённая версия) лагает, где в блок входит, где перепрыгивает. Мой ГС. <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <link type="image/x-icon" rel="icon" href="http://cpp-lessons.ru/favicon.ico"> <link type="image/x-icon" rel="shortcut icon" href="http://cpp-lessons.ru/favicon.ico"> </head> <body> $ADMIN_BAR$ <…

    Asked by mokAh,

    0 votes
    2 answers

  10. высота option

    Можно как-то через css определить высоту option в select хотя бы для вебкит браузеров? (Chrome, Safari) Или только эмулировать селект на дивах в этом случае?

    Asked by shaci,

    0 votes
    5 answers

  11. При зуме в Chrome появляются лишние пиксели

    Доброго времени суток! Есть следующий код html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(','); for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <script> function hide_input_value(iv) { if (iv=="Search website") { document.getElementById('field_search').value=""; } } function show_input_value(iv) { if (iv=="") { docu…

    Asked by zodcyi,

    0 votes
    5 answers

  12. Border у фигуры

    Раньше не юзал фигуры, решил попробовать, ну тут какие-то грабли)) div { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } получается красный треугольничек, но мне надо цвет #F7F7F7, меняю, и о чудо, у треугольника появляется border, что за странность?

    Asked by inex,

    0 votes
    8 answers

  13. Вёрстка большого количества страниц

    Приветствую жителей форума! У меня к вам есть вопрос. Дело в том, что я изучаю вёрстку недавно и столкнулся с очень неприятной проблемой. Мне нужно было сверстать большое количество страниц одного сайта. На каждой странице было разное размещение информации. И для каждой страницы одинаковое положение и наполнение было только у шапки сайта и у подвала. Предположим, на главной была шапка, потом шёл блок со слайдером и подвал. На другой была шапка, две колонки (текст и форма обратной связи) и подвал. На третей опять шапка, после неё две колонки с новостями, которых в каждой колонке должно было быть по три штуки и для других страниц новостей должны были прикрутить скрипт, чт…

    Asked by SNIGOWYK,

    0 votes
    9 answers

  14. Семейство шрифтов смотрится по разному в современных FF и Chrome

    Здравствуйте. Заметил, что используемое семейство шрифтов Verdana bold сгенерированное на font2web.com выглядит по разному в Хроме 23 и Фаерфоксе 17. Это нормально?

    Asked by borus,

    0 votes
    7 answers

  15. горизонтальная прокрутка при выносе элемента за правый край

    Здравствуйте, коллеги! Подскажите, пожалуйста, как побороть появление горизонтальной прокрутки при абсолютном позиционировании элемента за правым краем страницы? Например, делаем элементу position:absolute; right: -160px; - получаем горизонтальный скроллбар на 160 пикселей... Помогает overflow:hidden для body или для блока-контейнера страницы, но тогда область страницы, не поместившаяся в один экран, скрывается...

    Asked by Elflight,

    0 votes
    2 answers

  16. javascript - заменить .html в iframe

    Прошу помощи=) Дано: меню в дивах, при нажатии необходимо заменить один .html в iframe на другой. Собственно, как это сделать, желательно не создавая скрипт в head? догадываюсь, что как-то типа <div onclick=javascript: getElementById(iFrameName) src="needed_html">, но с синтаксисом яваскрипта у меня ооочень плохо, почти никак... Сцылко для понимания всего вышесказанного: http://www.svga.ru/banners_old/animate/index.html

    Asked by 4iffa,

    0 votes
    2 answers

  17. Как текст выше поднять а картинку оставить?

    Добрый день, подскажите как поднять текст выше, а картинку оставить? <p><a href="http://ya.ru" class="proba1"><img src="/icons/16round/133.gif" alt="альтернативный текст"> Семинар Meritor</a></p> http://itmages.ru/image/view/801815/7473635a Заранее спасибо

    Asked by danila_omega,

    0 votes
    2 answers

  18. Вывод фотографий на сайт

    Ребят, прощу подсказок, я новенький в этом деле( Есть страничка, фото галерея в которой реализовано сжатие картинок и соответственно вывод их на экран. Проблема заключается в том что если картинок много, сжатие затягивается очень надолго. А пока он картинки не по сжимает, показывать ничего не хочет. С помощью чего можно реализовать последовательное сжатие и вывод картинок на сайт, уже после загрузки основы страницы( шапки )?

    Asked by ivanovfcz,

    0 votes
    5 answers

  19. Несколько вопросов..

    Здравствуйте уважаемые форумчани... Недавно начал заниматься вёрсткой и вот столкнулся сразу с несколькими вопросами... 1.Вопрос Допустим я верстаю под ucoz... Как сделать так что бы картинка контейнера сама растягивалась по высоте по мере заполнения самого контейнера, вот сама картинка http://s16.radikal.ru/i190/1212/08/af6daa214cfd.jpg (P.S это для явного примера что бы поняли) 2.Впрос хотел очень бы узнать как верстать такие части как input.. Дело в том что их сверстать не так просто как мне казалось особенно scrol, надо заме нить его на картинку а потом ещё по мере его сделать что бы он сам расширялся.. В общем вот такие проблемы кто поможет буду очень благодарен, за…

    Asked by SanyaSV,

    0 votes
    13 answers

  20. Выравнивание ширины input и select

    Я не очень опытный верстальщик так, что мой вопрос может прозвучать здесь уже в 111-й раз. Но все же, мне не понятно, почему поле select, с заданным css-атрибутом width, при отображении в браузере оказывается короче значения этого атрибута? Вот простой пример, в котором это видно: <input /> <br/> <select />? <style> input,select{ width:200px; }? </style> Поле input при отображении имеет ту ширину, которая задана css-атрибутом width. Скажите, а как задать правильную ширину для select?

    Asked by freeneutron,

    0 votes
    3 answers

  21. Съезжает select в форме в Firefox

    Выпадающий список в форме съезжает влево в фоксе, подскажите плиз, в чем проблема? https://url.odesk.com/1k2cg5 РЕШЕНО. проблемы была в скейле в мозиле. стандартный селект заменил на псевдо на дивах.

    Asked by berikiushi,

    0 votes
    0 answers

  22. Система авторизации

    Посоветуйте информацию,как добавить к сайту систему авторизации. С уважением Начинающий сайтостроитель =)

    Asked by Aleshkaone,

    0 votes
    4 answers

  23. Вертикальный текст в заголовке таблицы (Firefox)

    Нужно расположить текст текст в заголовках к таблице вертикально, в идеале решение должно работать в Google Chrome и Firefox но вполне достаточно только Firefox. Проую прописать -moz-transform: rotate(270deg); -moz-transform-origin: 50% 50%; и получаю вот такую вот картинку Вот копия стиля с элемента element.style { transform: rotate(270deg); transform-origin: 50% 50% 0; } .t20Standard th.t20ReportHeader { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #AAAAAA #AAAAAA #AAAAAA -moz-use-text-color; border-image: none; border-style: solid solid…

    Asked by Casufi,

    0 votes
    3 answers

  24. темизация формы поиска

    Помогите определить откуда на в блоке поиска в форме ввода текста берется серая рамка в хроме, в остальных браузерах ее нет. border:none; не помогает. Сайт ya-studio.ru пс: outline: none; тоже не надо советовать, это другая рамка - не фокус

    Asked by artuu,

    0 votes
    3 answers

  25. элемент с z-index

    Такая проблема: имеется слайдер, который использует z-index. После вставки его в код, div'ы, которые в коде стоят после него, стали под ним. Как навести порядок? Заранее спасибо.

    Asked by freken-snork,

    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