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. Как создать три div со скошенными углами и фото

    2 й день мучаюсь не знаю как правильно подойти. В общем есть три фото. Их нужно разместить на сайте в ряд. Высота 800px, ширина 1200Px родителя. Но загвоздка в том что мне нужно их наскосок, как тут (background: linear-gradient( 135deg, #363430 35%, #FFF9ED 35%, #FFF9ED 65%, #000000 65%);) - только вместо цветов - фото. И при наведении на одно из фото - изменялся цвет+ можно поверх фото - текст написать, либо кнопку или ссылку. Надеюсь я ясно написал.

    Asked by lyman,

    0 votes
    8 answers

  2. Как создать форма с отправкой на почту

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

    Asked by JENYTAVR,

    0 votes
    8 answers

  3. Как создать форму для Отправления сообщения администрации сайта ?

    Как создать форму для Отправления сообщения администрации сайта ?

    Asked by Alexey197825,

    0 votes
    6 answers

  4. Как создать элементы в меню?

    Ребят подскажите пожалуйста, как правильнее поступить. Есть меню вот такое: в макете это целый слой, элементы которые отмечены стрелочками, тоже вставлены в слой Как правильно поступить... Наложить картинкой меню без текста, а текст наложить кодом? Или есть способы выполнить эти элементы css, когда меню я сделаю обычным списком с блочно строчными эл?

    Asked by viliksar,

    0 votes
    8 answers

  5. Как создать эффект плавной градации цвета на CSS

    Подскажите как сделать так чтобы при наведении на изобр оно меняло цвет с ЧБ на цветную картинку с использованием одной картинки?

    Asked by 25karat,

    0 votes
    1 answer

  6. Как сократить запись функции

    Как в одну строчку прописать? Уже и плюсовал и запятые ставил - не катит ((( <script>$('#side5').click(function(){ // alert('cvn'); $('#cube').css({'margin': 'auto'}); $('#cube').css({'top': 0}); $('#cube').css({'bottom': 0}); $('#cube').css({'left': 0}); $('#cube').css({'right': 0}); $('.side').css({'width': 400+'px'}); $('.side').css({'height': 400+'px'}); // $('#cube').css({'transform-origin': 50% 50% -205+'px'}); $('.side').css({'transform-origin': 50% 50% -205+'px'}); $('.side').css({'position': 'absolute'}); });

    Asked by romoga,

    0 votes
    1 answer

  7. Как сослаться на якорь в табе?

    Собственно вопрос в заголовке, проблема такова: в пределах таба ссылка работает, а при попытке сослаться на якорь в другом табе, ничего не происходит, как можно решить проблему? типовая страница сайта http://travelsbase.ru/index.php/leningradskaya/goluboe , если нужен исходник вставлю код.

    Asked by DDeDMazday,

    0 votes
    6 answers

  8. Как состыковать два изображения без разрыва

    Здравствуйте. Прошу подсказать по следующему вопросу. Есть два изображения, которые нужно разместить одно под другим в таблице, а между ними текст. Для упрощения скажем это одинаковые прямоугольники. Но после первого изображения появляется белая рамка. Попытки ее убрать с использованием методов, найденных в поиске, не увенчались успехом. Прошу подсказать как решить этот вопрос. На приложенном изображении расположение горизонтальное, но суть та же. <html> <head> </head> <style> img{ border: none; } </style> <body> <table border = "0" cellpadding="0"> <TR> <TD> <img src = "D:\Пр…

    Asked by qetutu,

    0 votes
    3 answers

  9. Как состыковать элементы формы

    Всем привет, подскажите пожалуйста, как вот эту форму из картинки, поля ввода и кнопки состыковать в один "неразрывный" элемент код формы: <form action="index.php" id="search_id" method="get" onsubmit="return search_checkup();"> <a href="/index.php?language_id=1&section_id=31"><img alt="Помощь" class="help" src="templates/images/search_help.png"></a> <input accesskey="s" alt="Поиск" id="text_id" maxlength="64" name="text" title="Поиск" type="search" value="" /> <input alt="Поиск" id="submit_id" src="templates/images/search_submit.png" title="Поиск" type="image" value="Поиск" /> </form> CSS-к…

    Asked by Gride,

    0 votes
    4 answers

  10. КАК сотворить это чудо?

    http://lenarbikmurzin.narod.ru/ здесь вокруг мышки крутится текст - как это сделать?

    Asked by kithebest,

    0 votes
    3 answers

  11. как сохранить background после css-position

    Проблема следующая - есть header в нем на всю площадь нужно не симметрично расположить 4 div'a. Если верстать таблицей - получается уж больно громоздкий код. Я сделал через css (position: relative у header'a и absolute у div'ов). Но header'у был назначен background, a после position div'ы его перекрывают, как их оставить прозрачными???

    Asked by heljoshin,

    0 votes
    2 answers

  12. Как сохранить картинку кликнув по ссылке?

    Как можно сделать ссылку для сохранения картинок. Чтобы в браузере выдавался запрос на сохранение файла. Необходимо кроссбраузерное решение и, если возможно, без доп.скриптов. Вот пример: http://jsfiddle.net/zney95y7/ Спасибо.

    Asked by alleclf,

    0 votes
    6 answers

  13. Как сохранить отдельный слой в psd

    Как сохранить отдельный слой в psd без потери прозрачности в фотошопе???В общем есть на макете 3 картинки с логотипами + на них надписи прозрачные,отключаю все ненужные слои оставляю только картинку,сохраняю для веб в png + стоит галочка "прозрачность",в итоге там где должна быть прозрачность остается белый фон.

    Asked by Aleksey19881988,

    0 votes
    3 answers

  14. Как сохранить позицию страницы?

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

    Asked by Drongo,

    0 votes
    4 answers

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

    Как сохранить прямоугольные формы пунктов меню при изменении разрешения экранов? http://oilcity.su/ Конечно можно просто медиа запросами за счет падингов, но может есть более универсальное решение?

    Asked by daggi,

    0 votes
    2 answers

  16. Как сохранить размеры изображения внутри div ?

    <style> .container { width: 400px; height: 400px; } </style> <div class="container"> <!-- Размер картинки к примеру 1000px на 1000px--> <img scr="image.png"> </div> Вопрос: как мне поместить в .container и сохранить исходный размер картинки image.png и чтобы она была по центру сверху ? Спасибо за отклик.

    Asked by fikret,

    0 votes
    1 answer

  17. Как сохранять png в фотошопе, чтобы в IE фон отображался прозрачным?

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

    Asked by BassEast,

    0 votes
    15 answers

  18. Как спрятать html код на сайте и строку состояния

    Как можно спрятать html код у себя насайте, чтоб не могли просмотреть вообще и чтоб в строке состояния не отображался адресь клика или как при клике сделать так чтоб в строке состояния вместе отображения урл отображалась другая инфа или надпись? Я такое видел и никак не смог увидеть Html код 2. Как можно сделать так, чтоб в адресной строке была эмблема своего логотипа? Сейчас логотип IE стоит, а некоторые меняют на свои. Кто знает html код? 3. Еще удивляюсь что есть такие вундеркинды, которые делают так ,чтоб при открытии сайта Сайт автоматически становился стартовой странице? В общем ответьте мне на первый вопрос. Мне просто нужен html код

    Asked by romay,

    0 votes
    47 answers

  19. Как спрятать блок за экран без горизонтальной прокрутки?

    У сайта есть блок div с элементом графики (красный блок), который не влезает в разрешение 1024, т.е. виден только в более высоком разрешении. Как сделать, чтобы браузеры не реагировали на него и не появлялась горизонтальная прокрутка в меньших разрешениях?

    Asked by MiHALbI4,

    0 votes
    15 answers

  20. Как спрятать изображения, если они больше по высоте основного блока

    Не знаю, как точнее назвать тему, но вся проблема на сайте http://den-aks.ru/ Слева три изображения (линейка, листочек, молоток) и их нужно обрезать, если они получаются длиннее основного блока (грубо говоря, чтобы не было пустоты снизу). Пробовал overflow на разных блоках - без толку. На ум приходит только jQuery, но может можно обойтись CSS?

    Asked by Dimusyan,

    0 votes
    6 answers

  21. Как спрятать кнопку печать

    Здравствуйте! Подскажите, как убрать в таблице стилей кнопку печати? Спасибо.

    Asked by textcloner,

    0 votes
    7 answers

  22. Как спрятать текст в <div id=text></text>

    Здравствуйте. Подскажите, пожалуйста, как вместо данного куска кода вывести на сайте список ссылок? <div id="links"></div> в css файле вроде ссылки нельзя прописывать... может это не на html, а на javascripte делается или ajax?

    Asked by Extazy,

    0 votes
    10 answers

  23. Как спрятать текст в <i> , но чтобы картинка отображалась?

    <li><i class="iconmail">... </i>info@reen.com</li> бекграундом вставил картину, но не знаю как спрятать текст, нужно чтобы картинка отображалась, Img не советовать

    Asked by RuslanHeYca4ev,

    0 votes
    9 answers

  24. Как средствами CSS сделать высоту блока больше или равной высоте контейнера?

    Здравствуйте. Задача. Есть: блок с контентом, расположенный в контейнере. Нужно: средствами CSS сделать высоту блока больше или равной высоте контейнера. Т.е. если высота блока с контентом меньше высоты контейнера - сделать высоту блока по высоте контейнера. А если высота блока больше высоты контейнера - так и оставить. Высота контейнера может быть различной, поэтому min-height использовать без ява-скрипта не получиться.

    Asked by S0meT1me,

    0 votes
    4 answers

  25. Как стать хорошим верстальщиком?

    Доброе. В общем занимаюсь потихоньку версткой, но не зарабатываю на этом. Мне это очень и очень нравится, поэтому в будущем, я хотел бы зарабатывать своим любимым делом. Сейчас, ну и вообще, на протяжении года у меня можно сказать депрессия что-ли. Не знаю как выбрать правильный путь. Времени у меня просто навалом, я нигде не учусь. Так, задрачиваю в игры, подрабатываю кое-где. Но деньги нужны всем, а игры надоедают. Но работать на обычных работах я не хочу, это точно не по мне. Максимум пошёл бы куда нибудь на роль "верстальщика" за какие нибудь тысяч 20.. Чисто для практики, и получения опыта. Но, для этого нужны хорошие знания всех видов вёрстки, но я не умею верстат…

    Asked by GoodProject,

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