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. Считаешь ты знаешь CSS ?

    Привет сторожилам, думаю название поста задело самолюбие и затащило вас сюда ... Не реальное задание привело меня сюда спустя несколько лет =) Смотрим видео Знатоки итак внимание вопросы: 1) - Какое свойство отвечает за то чтобы <h1> начало себя вести именно так как показано в видео ? (ответ нашел спустя час примерно) 2) - Как у кого то вышло сделать такое с текстом что на видео ? (ищу до сих пор) это 100% на css сделано. 3) - все что связанно с Section это уже js =)) С ним тоже было интересно попрактиковаться ... (bookmarkable tabs) на чистом JS.

    Asked by monya1987,

    0 votes
    14 answers

  2. div как ссылка

    имею .number1 {background:url('wrapper_tr.jpg') 100% 0 no-repeat; } нужно добавить чтобы данный класс явился ссылкой на постоянный адрес, и имел размер ну допустим 100 на 150 рx. что нужно дописать? linkblock - не работает.

    Asked by Gokusa,

    0 votes
    13 answers

  3. Сложная ссылка

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

    Asked by okunev2,

    0 votes
    6 answers

  4. Как научиться правильно вырезать background?

    Собственное дизайнеры или опытные верстальшики, подскажите свои методы как правильно вырезать background чтоб он правильно растиражировался на сайте. к примеру вот картинка [/url

    Asked by moslem,

    0 votes
    2 answers

  5. Выравнивание текстка внутри столбца

    Здравствуйте! Есть таблица, одна строка. В строке два столбца. В левом столбце очень много строк, в правом только несколько. Соответственно это выглядит примерно вот так: строка строка строка строка строка строка строка строка Вопрос состоит в следующем - как текст правого столбца выровнять по верхней границе этого столбца, а не посередине высоты? Как вариант, можно задать конкретную высоту правого столбца, но я сомневаюсь в конечном качестве этого варианта. Какие варианты предложите, уважаемые? Заранее благодарю!

    Asked by MaXeL85,

    0 votes
    9 answers

  6. Прокрутка

    Здравствуйте, хотел поинтересоваться каким способом осуществлена прокрутка страницы на этом сайте? Как я понял она работает только в google chrome. Нашел что-то похожее на JQwery, плагин под названием «CustomScrollbar». Но на этом сайте я что-то не нашел чтоб подключалась библиотека на которой основан этот плагин(если, конечно так можно выразится). Так что я подумал, что это сделано на html5, css3, но что-то не понял как. И есть ли еще хорошие примеры с реализацией такой прокрутки, то можете поделится ссылками. Я нашел еще на гугле И вопрос, если реализовывать такую прокрутку, то что будет правильнее использовать, скрипт или css3?

    Asked by Горошко Клим,

    0 votes
    5 answers

  7. список строкой

    Создал список строкой через float:left;. В списке картинки. Привентил плагин Pagination. Плагин работает, но беда в том, что браузеры воспринимают список столбиком, хотя картинки располагаются строкой. Т.е. браузер растягивает окно суммирую ширину картинок в списке, оставляя под футером пустоту. display:inline нельзя использовать - нарушает работу плагина. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="sty…

    Asked by goodsik,

    0 votes
    2 answers

  8. Изменить свойство одного divа при наведении на другой.

    Привет, коллеги! Возможно я не первый спрашиваю, но не могу найти ответа. Есть такая конструкция .row .title:hover{ background: rgba(209, 54, 27, 0.7); /* Цвет фона */ } <div class="row"> <div class="image-fid"></div> <div class="title"></div> </div> Видно, что при наведении на .title у него изменяем фон Вопрос, как сделать так, чтобы и при наведении на .image-fid (или целиком на .row) менялся фон только у .title? Заранее спасибо!

    Asked by alexd73,

    0 votes
    2 answers

  9. Как разместить горизонтальную прокрутку сверху?

    Требуется горизонтальную полосу прокрутки, появляющуюся при overflow:scroll, разместить не в нижней части блока, а в верхней. Достаточно, чтобы это работало в Firefox. Возможно ли такое сделать, не прибегая ко всяческим jquery-плагинам и прочей js-нечисти?

    Asked by wildhind,

    0 votes
    2 answers

  10. Чтобы два блока растягивались одновременно

    Здравствуйте! В общем проблема такая. Есть два параллельных блока. Если один из них уходит вниз, то второй не изменяется, а надо, чтобы действия были параллельны. Фиксировать высоту не вариант. Пробовал заключить оба в один блок, но безуспешно. Колонки различаются цветами, поэтому и создается сложность для меня.

    Asked by 2Ville,

    0 votes
    8 answers

  11. Поиски ошибок

    Помогите пожалуйста разобраться новичку, уважаемые знатоки. Осваиваю вёрстку и стили с углублением в DW. Один из уроков от Adobe ещё раз, после изучения сайта ВМ конечно, ведет по применению стилей и кросс броузерным подводным камням. Так вот, счастливый, дойдя до середины урока, не вижу никаких подвохов в визуальном отображении того, что наваял включаю «live view» и вижу отсутствие Хедера и Футера, налезание правой колонки на левую, которая благополучно перескочила среднюю. Версии врет «live view» или «изначально кривой шаблон» не подтвердились. Надо сказать, что в уроке использовался шаблон DW «Три колонки фикс, хедер и футер». В ходе урока http://www.adobe.com/devne…

    Asked by seemax,

    0 votes
    3 answers

  12. увеличить ширину

    Есть такой вот код одного форума, нужно увеличить кол-во выводимого текста в графе последняя тема. То есть сейчас тема называется 111222333444555666777888999000 В графе её показывает как 111222333... Нужно задать больший параметр ширины, а где - немогу понять. Прикрепил код. .cat_list .cl_item .cl_last {float:right; width:31%; min-width:165px; max-width:400px; border-left:1px solid #dedede; height:100%; margin-bottom:-10000px; padding-bottom:10000px;} .cat_list .cl_item .cl_last dl {border-left:1px solid #fff; padding:14px 5px 0 19px; margin-bottom:-10000px; padding-bottom:10000px;} .cat_list .cl_item .cl_last dl dt {float:left; clear:left; padding-right:0.3em;} .cat_lis…

    Asked by soldier,

    0 votes
    7 answers

  13. Подбор необходимого цвета

    <script type="text/javascript"> var tagcloud_cl = new SWFObject("/engine/classes/tagcloud/tagcloud.swf", "tagcloud", "190", "220", "9", "#6fffff"); var tagcloud_cl_temp = encodeURIComponent("<tags>'.$tpl_tags_cloud2.'</tags>") tagcloud_cl.addParam("wmode","transparent"); tagcloud_cl.addVariable("tcolor", "0x4b73d4"); tagcloud_cl.addVariable("tspeed", "100"); tagcloud_cl.addVariable("distr", "true"); tagcloud_cl.addVariable("mode", "tags"); tagcloud_cl.addVariable("tagcloud", tagcloud_cl_temp); tagcloud_cl.write("cumuluscontent"); это часть кода где настраиваются размеры, цвет фона и текста.…

    Asked by furaixp,

    0 votes
    1 answer

  14. Применение стилей div для require информации

    Доброй ночи уважаемые, обращаюсь в первую очередь к верстальщикам: ситуация - в файле-виде который отвечает за отображение блоков <div>, для вывода определенной информации воспользовался инклюдом другого файла, в котором непосредственно осуществляется выборка информации с базы. Все работает таким образом очень даже хорошо (т.е. выводится список), но вся проблема что стили, которые прописаны в CSS стилях для файла вида не работают для тех что выводятся в другом. Сейчас попытаюсь яснее объяснить. <div id="nav"> <ul> <?php require_once "/views/vmenu.php" ; ?> </ul> </div> такую форму имеет часть кода в файле виде который отвечает за вывод …

    Asked by Velidan,

    0 votes
    4 answers

  15. Сайт криво работает в IE8

    В CSS коде #bottom_line { background:url(../images/bottom_repairse_line.jpg) repeat-x bottom; width:100%; } должна быть внизу сайта, но в IE она почему то уезжает вверх и не пойму в чем проблема, подскажите пожалуйста кто знает, во всех остальных браузерах все гуд. Готов отблагодарить за помощь!

    Asked by stasik2204,

    0 votes
    6 answers

  16. Сдвигается шапка при маштабировании

    Столкнулся с такой проблемой: Шапка в разных браузерах немного съезжает. Т.е. в Файрфоксе нормально выглядит, в Хроме съезжает влево буквально на 1-2 пикселя, но это очень бросается в глаза. Причем если маштаб увеличить или отдалить, то при некоторых вариациях и до 10 пикселей съезжает. Сайт lodki-sibiri.ru Скриншот этого глюка : hxxp://lodki-sibiri.ru/oshib.jpg Очень прошу помочь. Уже и min-width прописал и по центру выравнивал, но не помогает. Может ошибка даже не в шапке а в центральном блоке и сайдбаре...

    Asked by dess81,

    0 votes
    10 answers

  17. Как отцентрировать footer?

    Доброго вечера всем. Подскажите как можно отцентрировать содержимое footer когда в нем есть блоки inlne-block c фиксированной шириной?

    Asked by Krava,

    0 votes
    5 answers

  18. Как поместить кнопку в окне формы поиска

    Как поместить кнопку в окно ввода и выровнять по правую строну окна? форма

    Asked by ar.,

    0 votes
    2 answers

  19. идентификатор id в DreamWeaver

    Может кто-нибудь знает причину того, почему в DreamWeavere CS3 в html документе, когда я пишу id="..." - идентификатор не определяется?((...только class работает((((((

    Asked by Mariangell,

    0 votes
    0 answers

  20. Страница изменяемого размера

    Ребят подскажите,как сделать странцу изменяемого размера.Я имею ввиду минимальное разрешение чтоб было 800x600 У меня основной блок 1000 px и при суживании окна полоса прокрутки появляется на 1000px, а не на 800px при использовании min-width;

    Asked by Rocombo,

    0 votes
    2 answers

  21. Фоновая картинка, 2 способа

    Одну и ту же по весу картинку ставим фоном двумя спос: через стили и через тег. В каком сл быстрее загрузка веб страницы? В каких случаях предпочтение нужно отдать одному конкретному спос?

    Asked by seemax,

    0 votes
    1 answer

  22. Подскажите статейку

    Приветствую, о гуру! Подскажите ка статейку хорошую, "Как создать флеш" Мне там особых наворотов не надо. Просто надо будет по готовой картинке jpeg расставить 110 ссылок)

    Asked by sunbeeg,

    0 votes
    12 answers

  23. Вставка pdf на сайт

    есть функционирующий сайт как разместить несколько книг в формате пдф на нем?чтоб с него же можн было их и скачать прямой ссылью

    Asked by syn19,

    0 votes
    1 answer

  24. Как можно исправить элемент, чтобы валидатор принял

    Под валидатором проверяю сайт. Валидатор ругается на код указанный ниже. Как я понимаю, нельзя открывать сразу 2 div, а потом закрывать сразу 2 div подряд, но не знаю как можно код переделать. <DIV style="LEFT: 50%; POSITION: relative; margin-left: -498px; WIDTH: 183px;"> <DIV style="COLOR: #ffffff; FONT-FAMILY: Times New Roman; FONT-SIZE: 10pt; POSITION: absolute; TOP: 15px; WIDTH: 183px; height: 98px"> <a href="/"><img src="/images/1.png" alt="" border="0" /></a> </div></div> Этот код выводит изображение в заданном месте. По высоте фиксирован, по ширине также по центру расположен. Как-то можно заменить, чтобы div остался…

    Asked by dess81,

    0 votes
    1 answer

  25. Форма ввода

    Переделываю шаблонную форму ввода. В неактивном состоянии отображается нормально, после ввода e-mail и перехода к вводу пароля, e-mail отображается на фоне картинки, как сделать чтобы отображался на белом фоне? {$FORM_ACTION} <div class="loginformEmail"> {$FIELD_EMAIL} </div> <div class="loginformPass"> {$FIELD_PWD} </div> <div class="LoginButton"> {$BUTTON} </div> {$FORM_END} .loginformEmail input { background-image: url(img/Background_login.gif); background-repeat:no-repeat;} .loginformEmail input:focus, .sffocus, .sffocus { background-image:url(img/Background_login_focus.gif); background-repeat:repeat-x;} .loginformPas…

    Asked by Olekh,

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