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. Вот такое, блин, творчество

    Решил еще раз попробовать слои, зззззззз блд... Читаю: "Допускается вкладывать один блочный элемент внутрь другого", значит можно и не вкладывать... Вверху, слева картинка, с отступами, от нее 4 полосы в стороны, типа крест. Лепил прямо в опере, нормально. Проверяю в других, каша, причем у всех разная. "position: absolute;" - не работает, у них. Привык, что каждая команда (функция), вещь конкретная, слои же - метод тыка, какой то. Вот такое, блин, творчество. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Sys</title> <style type="text/css"> body { border: solid 0px #A1611D; …

    Asked by mizm,

    0 votes
    15 answers

  2. Вот такой вопрос (поисковики, аджакс, цмс)

    Помогите, пожалуйста, ответить на эти вопросы И... Что проще сделать " сделать самую простую в мире админку по добавлению товара / услуг :)" или воспользоваться чем-нибудь готовым? Сам макет представляет из себя по сути по большей части страницу, похожу на лендинг и заказ товара осуществляется просто заявкой на почту. Меня смущает "простая админка для добавления товаров". Кто что может посоветовать?

    Asked by Zverushka,

    0 votes
    23 answers

  3. Вот такой хитрый абзац=)

    Ребят, подскажите как сделать вот такой вот заголовок. На картинке все нарисовал.

    Asked by getalusk,

    0 votes
    21 answers

  4. Впервые использую border-image - не получается

    Имеется блок div. Имеется кусочек рамки вырезанный из фотошопа размером 4x3 пикс. Цель:Сделать бордер картинкой. Подскажите как правильно нужно сделать? http://cssdeck.com/labs/x6m69b43

    Asked by Temik2704,

    0 votes
    6 answers

  5. Вписать видео в размер окна браузера

    Подскажите пож, существует ли способ (в теге <video>) задать размер видео по размеру браузера. Чтобы изменяя размер окна браузера видео оставалось "вписано", при этом масштабировалось и нигде не появлялись пустоты. Вот что у меня максимум получилось: http://romaxprom.by/tmp/video/vd.html Ролик mp4, смотрите в Хроме. Если окно сделать узким, видео уходит вверх, а снизу появляется пустота.

    Asked by multidem,

    0 votes
    8 answers

  6. Вписать изображение в контейнер с подгонкой размеров

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

    Asked by ows.nightwolf,

    0 votes
    7 answers

  7. Вписать один слой в другой

    Можно ли вписать один слой в другой. То есть сделать так, чтобы границы внутреннего прилегали к границам внешнего. Если размеры внешнего жёстко не заданы. ?

    Asked by Колос,

    0 votes
    11 answers

  8. Вписать содержимое в одну страницу при печати

    Добрый день! Подскажите можно ли средствами css вписать все содержимое на одну страницу при печате?

    Asked by Scorpion15,

    0 votes
    2 answers

  9. Вписывание блока по размеру свободной области родителя.

    Пишу <html style="border: red dotted 50px; width: 100%; height: 50%; /*padding: 50px;*/"> <body style="border: blue solid 10px; margin: 0; width: 100%; height: 100%; padding: 100px;"> bla-bla-blah </body> </html>получаю бред. 1) Естественное желание - иметь некоторые фиксированные размеры родителя, возможно с padding-ом, а дочерний блок вписать в то свободное место родителя, которое должно остаться после padding. 2) ИЧСХ - по высоте оно всё растягивается, а по ширине - выходит за границу. Решил начать разбираться с корневых элементов, но div-ами, тоже не могу решить этот вопрос <div style="border: red dotted 50px; width:…

    Asked by skvor,

    0 votes
    1 answer

  10. Вращабщиеся блоки

    Добрый день! Хотелось бы получить пояснение о принципе работы механизма с "вращающимися блоками". А именно-к примеру, есть страница-приветствия, а в ней блок с аватаркой и кнопкой входа, нажав на которую весь блок визуально прокручивается вокруг своей оси. И появляется на месте блока с приветствием блок с формой входа. Надеюсь, что пример доступный и я буду понят... хотелось бы понять о принципе работы: как происходит подмена одного блока на другой, это реализовывается только на css с помощью преобразований и переходов/анимации или тут уже нужен JavaScript?

    Asked by Super_Saimon,

    0 votes
    3 answers

  11. вред float'a

    Всем привет! Изучаю семантику, и вычитала на сайте у одного из отцов верстки, что float нужно исопльзовать строго по назначению, т.е. когда нужно чтобы было обтекание. Типа он не предназначен, чтобы располагать элемент слева и справа, что нет такого свойста float: center и бла-бла-бла... Так вот, а что тогда делать, когда например в каком-то блоке слева форма для входа, а справа поиск. Чем флоат заменять? не не postition:absolutе же

    Asked by vikusik,

    0 votes
    11 answers

  12. Вредоносный код

    Подскажите пожалуста по какой то непонятной причине робот яндекса считает этот код вредоносным, может кто то знает почему? подскажите пожалуста, что в нем не так ? Вот сам код <script type="text/javascript"><!-- document.write('<sc' + 'ript language="JavaScript" rel="nofollow" ' + 'src="http://countbiz.ru/11716/counter.jpg" title="Money counter" border="0" width="88" height="31"></sc' + 'ript>'); //--></script>

    Asked by vadimcucherencko,

    0 votes
    6 answers

  13. временная линейка в графическом исполнении

    видел нразмещают линейки с временным подсчётом, которая показывает, сколько прошло от даты в графичском исполнении. какие сайты предоставляют такой сервис и как это дело называется, чтобы его искать?

    Asked by Rilo,

    0 votes
    0 answers

  14. Время

    Здравствуйте! Подскажите, как сделать часы как на этом сайте, только без двоеточий но с такими же расстояниями? Я уже долго ищу ответ в интернете но ничего похожего найти не могу, то часы в поле для формы, то вообще вершина уродства, а мне нужны именно вот такие. Спасибо за внимание.

    Asked by One312,

    0 votes
    4 answers

  15. время показа, - чтобы днем вар.1, вечером вар.2

    Задача такая: хочу чтобы днём (лучше если через CSS) показывал вариант шапки (который у меня в swish iframe) #1, а вечером и ночью выводил другой (более спокоиный вариант хидера). Прошу совет.

    Asked by Dobo,

    0 votes
    7 answers

  16. Время пропадания popover Bootsrap

    Есть кнопка на которую остановлен popover, в нем есть ссылка, когда нажимаю на кнопку, то всплывает popover, если кликаю за пределами popover, то он пропадает, когда нажимаю на ссылку в popover, то осуществляется переход по ссылке, но есть проблема, когда кликаю стандартно по ссылке в popover, то всё нормально, но когда кликаю по ссылке не стандартно, чуть дольше зажимаю лкм, то popover сразу пропадает и я не успеваю нажать. Как добавить время ожидания при клике для popover?

    Asked by FitTech,

    0 votes
    1 answer

  17. Врестка квадрата и заголовка

    Здравствуйте! Помоги пожалуйста решить проблему с небольшим куском верстки :) Пример на картинке. Я не могу понять, как свертать так, чтобы правая часть границы квадрата не перекрывала заголовок. При этом если заголовок из 1,2,3 строк то квадрат так же подстраивается и растягивается по высоте. Есть у кого идеи, как можно это реализовать?

    Asked by Akkord87,

    0 votes
    2 answers

  18. Врёт самодельный счётчик посещаемости.

    Здравствуйте. Сделал на своём сайте простейший счётчик посещаемости. Алгоритм работы PHP скрипта установленного в начале каждой страницы: - проверяем куку, если она уже есть, ничего не делаем, показываем страницу - если куки нет, устанавливаем её и пишем в БД +1 к сегодняшним посетителям Яндекс метрика показывает 50 человек, а моя самодельная 200. Как быть ? Как убрать ложные срабатывания и откуда их столько набирается ? Сделал поправку в счётчике. Считаю вторым счётчиком тех, у кого кука уже проставлена. Т.е. они на моём сайте перешли по какой-нибудь ссылке. Так вот таких раза в три меньше уже. Спасиб…

    Asked by Kompilator,

    0 votes
    1 answer

  19. Вроде простая вещь, но

    не делается как я хочу. Нужно чтобы блок фиксированной ширины располагался по центру и занимал всю высоту окна браузера. А внутри блока четыре квадрата, содержащие контент. Причем чтобы вертикальные размеры этих внутренних квадратов не зависели от контента. Глянул форум и допилил один случай, почти то что надо, только почему-то не выравнивается по центру: http://jsfiddle.net/VRus/LZdgF/

    Asked by VRus,

    0 votes
    15 answers

  20. Врстка меню.Как премерно?

    Нужно сверстать вот такое меню: Примерно как на apple.com.Там тени и закругленные углы.Подскажите правильный путь.Картинками верстать?Если да то как делать тени? И кстати как у аппле оно сверстано что так хорошо работает даже в ИЕ6? Спасибо.

    Asked by BupycAP,

    0 votes
    2 answers

  21. Всавка в div изображения.. выставить обтекаемость дива

    Структура файла—текст слева 75 % отсальное все справа блоками ( т.е дивами ) Вот это в CSS .block3 { width: 300px; background: #F0FFF0; padding: 5px; border: solid 1px black; font-size: 10pt ; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; position: relative; top: 80px; float: right; clear: right; } Вот это в html <div class="block3"><img src="моефото.jpg" alt="мое фото" align="right"></div> Как сделать так чтобы див понимал какого размера картинка и обтекал более менее с небольшими отступами ее.. Внизу и вверху все хорошо. Он понимает. И справа тоже. А вот слева отсалвяет куски пустого места. Хотелос…

    Asked by dima4321,

    0 votes
    10 answers

  22. Все "по низу"

    Всем привет! Подскажите - как сделать так, чтобы объект (например, текст) расположенный внутри слоя прижимался к его нижнему краю. зы: Только не паддингом...

    Asked by styleroom,

    0 votes
    2 answers

  23. Всё вроде нормально а вот одна все равно пригает

    По тесту W3 у меня все почти нормально; да вот с одной страницей не смогла справится никак (а то знаю что простой вопрос и форум из за этого не стоило . . .). Данная страница скачет по горизонтали. Помогите пожалуйста, я новичок . . . Вот она, эта страница (без пробелов): w w w .t a m c r e d i t . g e / f i n a n c i a l . h t m

    Asked by Dobo,

    0 votes
    1 answer

  24. Все еще галерея

    С помощью чего человек расположил список "One, two, three, four" в строку? http://jsfiddle.net/kKUZq/

    Asked by daniluch,

    0 votes
    1 answer

  25. Всё как-то сложно и непонятно

    Очень прошу помочь, видимо началась какая-то война браузеров Значит адрес: ac-audit.pp.ua Сайт отображается корректно в Опере, ГуглХроме, Мозиле ИЕ - непонятно куда центральный блок опускается. Что не так ? Посмотрите пожалуйста

    Asked by valek,

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