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. Ссылка в лайт-бокс

    Здравствуйте! Подскажите. Насколько это сложно и можно ли разобраться самому. Мне нужно создать ссылки которые будут вести прямо в лайт-боксы на сайте. Т.е. когда человек перейдет по ссылке, он окажется на сайте с уже открытым в нужном месте лайтбоксом. Вот сайт http://design-family.ru/ лайтбоксы в портфолио. Я сверстал сайт в Adobe Muse. Понятно, что так делать не круто и он очень много весит, кривой и т.д. но я ежедневно там что-то меняю, и каждый раз заставлять кого-то, даже за деньги, по мелочи вносить исправления мне неудобно, быстрее самому, тем более в Muse все так удобно. На чистом коде мне все это делать сложно и долго. Как все доделаю, закажу чтобы перев…

    Asked by fis,

    0 votes
    5 answers

  2. Помогите как сделать

    Всем привет. Есть проблема, нижний самый блок на сайте http://verstka-primer.esy.es/Bio/там где категории и так далее. Градиент поставил блоку нижнему но изображение не ставиться прописываю ничего не получается не пойму почему. Как мне сделать так чтобы было как на картинке http://pixs.ru/showimage/biov503jpg_5673359_16681178.jpg И еще почему то к placeholder не применяются стили. Помогите пожалуйста.

    Asked by Shenia132,

    0 votes
    6 answers

  3. Сделал блок div ссылкой. Появилась фиолетовая рамка. Как её убрать?

    <body><table class="top"><div class="layer1"><a href="remzona.html"><img src="1.png"></a></div><div class="layer2"><a href="index.html"><img src="2.png"></a></div></table> <table class="bottom"><div class="layer3"><a href="kuzremont.html"><img src="3.png"></div><div class="layer4"><a href="avtomoika.html"><img src="4.png"></div></table> </body>CSS .top { margin: auto; } .bottom { margin: auto; } .layer1 { background-color: white; /* Цвет фона слоя */ padding: 0px; /* Поля вокруг текста */ margin: 0px; /…

    Asked by lsw,

    0 votes
    2 answers

  4. Индивидуальный размер изображения

    Приветствую! Нужна ваша помощь. Сделал на главной странице три столбца из категорий ( Категории в виде фотографий ). Сам вопрос: Как сделать размер индивидуально для каждой категории - фотографии?

    Asked by svang,

    0 votes
    4 answers

  5. Пункты меню

    Всем привет вот линк на скриншот проблемы http://www.imageup.ru/img251/2087130/2015-03-28-16-22-59-skrinshot-ehkrana.png Подскажите как сделать чтоб меню нормально отображалось? то есть чтоб третий пункт (ИСТОРИЯ КАК НАУКА) не оказывался бы подпунктом второго *(ОТЕЧЕСТВЕННАЯ ИСТОРИЯ) как на скриншоте видно #menu { background:white; float: left; width: 270px; height: 1700px; border:1px solid #000;}.NAV ul { display:block; float:left; list-style:none; font-size: 18px; color:black; text-decoration:underline; margin:0px; padding:0px;} и <div id="menu"><div class="NAV"><ul><li><a href="#">ГЛАВНАЯ</a>&…

    Asked by BituM,

    0 votes
    4 answers

  6. Перечесление селекторов в css

    Добрый вечер. Мне нужно для разных id задать одинаковые пересекающиеся свойства. Как это реализовать, через запятую перечисляются стандартные селекторы наподобие {body, hr, h1 и.т.д}, но для id и class это неприменимо.

    Asked by perec200,

    0 votes
    1 answer

  7. Куда вставить код

    Добрый день! Хочу задать вам глупый вопрос. Прочитал эту статью, и не могу понять куда именно вставлять этот код? http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee

    Asked by svang,

    0 votes
    9 answers

  8. Умный поиск

    Можно ли сделать, что-бы в опрделенном случае он(поиск) открывал определенную страницу. Например ввел я слово заяц, а он не находит все страницы, с этим словом, а открывает нужную мне страницу - волк(например). Как мог обьяснил. Если что нужно еще , спрашивайте! Помогите пожалуйста чайнику. Буду очень благодарен! Заранее спасибо. С Уважением, Евгений.

    Asked by Mestniy96,

    0 votes
    32 answers

  9. HELP

    Помогите новенькой в CSS разобраться с раскрывающимся меню, второй день бьюсь как "рыба об лёд" подменю второго уровня не закрывается, вот картина: Помогите: тут на поверхности проблема, всеми поджилками чувствую, но найти не могу!

    Asked by ira,

    0 votes
    1 answer

  10. Скрипт для смены картинок

    Необходим скрипт меняющий картинку при загрузке страницы. Например, есть папка с картинками, 10-20 шт. Надо чтобы при каждой новой загрузке странички подгружалась рандомная картинка из этой папки. Очень желательно на PHP. Гугл особо не помог, то слайдеры то javascript. Подскажите пожалуйста как реализовать, или где почитать.

    Asked by alleclf,

    0 votes
    8 answers

  11. Сайт с WIX

    Возможно ли как то страницу сделать без CSS файла Вот сама страница - http://detexpertiza.wix.com/glav Если возможно сделайте пожалуйста, у меня никак не получается. Только одну страницу, но со всеми блоками и картинками.

    Asked by ПавелТимофеев,

    0 votes
    2 answers

  12. Less

    Всем привет. Хотел спросить. Вот сайт который я с верстал на less http://verstka-primer.esy.es/Zonya/ я просто подключил js файл и создал style.less . Читал что лучше его компилировать. А вот как это делать. У меня стоит linux. Когда компилировать надо файл less после того когда ты все с верстал, или по ходу работы ? Можете пожалуйста объяснить мне, а то вот именно про компиляцию как и что там, инфу я не нашел.

    Asked by Shenia132,

    0 votes
    2 answers

  13. Верстка кнопок

    Здравствуйте, подскажите как сверстать рамку вокруг кнопки.

    Asked by FRANZEE,

    0 votes
    2 answers

  14. Подскажите как заставить срабатывать по таймеру

    Добрый день! Есть код, который срабатывает при наведении, а как сделать чтобы он срабатывал по таймеру? <div class="imgholder"> <div class="outer1 circle"></div> <div class="outer2 circle"></div> <figure> <img src="../images/claudia-galhardo.jpg" /> <figcaption class="caption">TEST</figcaption> </figure></div>.imgholder{ position:relative; width:120px; height:120px; border-radius:100px; float:left; margin:40px 30px;}/* thumbnails style */.imgholder img{ position:absolute; left:0; top:0; width:120px; height:120px; z-index:5; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; …

    Asked by McLotos,

    0 votes
    4 answers

  15. передать строку таблицы на другую страницу

    есть таблица, строка является ссылкой на другую страницу. необходимо открыть данные строки + несколько новых полей на другой странице. все строки должны открываться в одном формате пример (таблица): __имя____фамилия____год рождения _саша_____петров________1990____ исходная страница: имя: саша фамилия: петров год рождения: 1990 средний балл: 4.5 вуз: МАИ спасибо за ответ

    Asked by nurekil,

    0 votes
    1 answer

  16. Выравнивание в текстовом блоке: как так сделать?

    Здравствуйте! Подскажите, пожалуйста, как можно выровнить телефоны по правому краю. На ум пока приходят плавающие колонки.

    Asked by Светлана Г.,

    0 votes
    12 answers

  17. jQuery Template, я не понимаю

    В чём смысл существования jQuery Template, в чём его преимущество? Вот у нас есть стандартный сайт с обычной схемой вывода данных, когда php берёт данные из БД, пихает их в smarty, а в шаблонах уже через переменные smarty идёт вставка данных. И зачем на таком сайте вводить дополнительную прослойку, когда сначала данные из smarty идут в JS-переменные (как скрестить smarty и jQuery Template отдельный вопрос), а уже только потом данные вставляются в DOM-структуру посредством JS? Или есть какие-то кейсы, когда это оправдано?

    Asked by antonKar,

    0 votes
    5 answers

  18. Вопросы по Elrte

    Несколько вопросов по elrte 1) Как можно убрать некоторые кнопки из табов? 2) при добавлении картинки через elfinder размеры картинки вставляются через style="width:; height:;"> как можно это убрать, чтобы размеры вставлялись в тег img?

    Asked by vip,

    0 votes
    0 answers

  19. Svg не отображается в Firefox

    Не отображается svg. Есть способы подмены на удобный для Firefox формат?

    Asked by Rakapudl,

    0 votes
    7 answers

  20. верстка DIV контейнеров

    Помогите сверстать div контейнеров. ссылка на то что есть http://potfel.esy.es/uchis-upravlyt.htm нужно чтобы div контейнеры с темами статей шли друг за другом без больших разрывов в 2 столба <div class="work-area"> <div class="post"> <a href="radislav.htm"> <img src="uchis-upravlyt/img/radislav.jpg"> <h2>Правила ведения бизнеса в эпоху перемен</h2> <p>Рять советов бизнес-тренера Радислава Гандапаса</p> </a> </div> <div class="post"> <img src="uchis-upravlyt/img/workdream.jpg"> <h2>Как стать работодателем мечты</h2> </div> <div class="post"> …

    Asked by Lin888,

    0 votes
    5 answers

  21. Как сделать ?

    Всем привет. Есть проблема, надо сделать блоки как на картинке http://pixs.ru/showimage/biov503jpg_3042573_16669650.jpgне могу выровнять содержимое чтоб заголовки на одном были уровне с другими. Вот что я тут сделал http://verstka-primer.esy.es/Bio/ начал изображение одинаковые по высоте вырезать, но все равно первый ряд, получилось а другие нет. Вроде и легко но у меня почему то, всегда найдется на чем за топорится. Буду рад помощи.

    Asked by Shenia132,

    0 votes
    2 answers

  22. Подскажите как сделать

    Всем привет. Подскажите пожалуйста, как мне на сайте http://verstka-primer.esy.es/Bio/в слайдере картинка йогурта сначала стоит рядом с текстом. Но при перелистывании слайдера картинка получается с права. А нужно чтоб она постоянно стояла возле текста, при перелистывании. Подскажите пожалуйста как мне сделать.

    Asked by Shenia132,

    0 votes
    4 answers

  23. css

    Добрый день, подскажите какой класс править чтоб нормально отобразить кнопки добавить в корзину и подробней сейчас кнопки направлены в разные стороны и бэграунд кривой. Правил такие классы class="product-buttons" class="product-buttons-container clearfix" class="show_details_button" при помощи падингов что -то получается но криво. Мне нужно чтоб обе кнопки были по середине, и имели нормальный бэгрануд. Спасибо.

    Asked by mrfrunze,

    0 votes
    7 answers

  24. Наложение блоков друг на друга

    Всем привет! Народ, подскажите пожалуйста как мне сделать вот такое: https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/977127 Сейчас у меня только вот так получилось: https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/977128 Исходник: <div class="callback"> <div class="callback_name"> <input type="text" name="name" placeholder="Ваше имя"> </div> <div class="callback_phone"> <input type="text" name="phone" placeholder="Ваш телефон"> </div> <div class="callback_order"> …

    Asked by fenix_63,

    0 votes
    2 answers

  25. Есть ли такой сервис?

    Всем привет! Подскажите, есть ли такой сервис, который генерирует названия для цветов? Например, даешь ему шестнадцатеричный код цвета, а он тебе то, как его можно обозвать по-человечески.

    Asked by Antoshka007,

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