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. Проблема с высотой

    Добрый день. На днях сверстал шаблон, но появились ряд проблем с высотой. Мне нужно сделать так, что бы высота центрального блока изменялась, если добавили новый комментарий. Как реализовать? height: 100% не помогает

    Asked by IUMag,

    0 votes
    9 answers

  2. Как сделать всплывающее окно с увеличенной картинкой?

    Доброе утро! Подскажите, пожалуйста, как сделать, чтобы при нажатии на картинку на этой же странице появлялось всплывающее окно с картинкой в реальном размере? Вот пример: http://www.soft99.ru/catalog/poliroli-i-pokrutiya/491/# Очень нужно!

    Asked by Drakonyashka,

    0 votes
    9 answers

  3. 2 неразрешенные задачи: анимация блока и абсолютное позмционирование градиента

    http://4tab.pavelzheglov.ru/new/ Здесь 2 задачи, которые у меня не получилось решить: 1) Нужно сделать полоску градиента внизу текста, ни абсолютным позиционированием, ни псевдоклассом ::after сделать этого не получилось. Пример с кривой версткой, что бы было понятно, что нужно, здесь: http://4tab.pavelzheglov.ru/sample1.html 2) В панели с параметрами статьи (автор, комментарии, просмотры), есть скрытый span, который по задумке разъезжается при наведении (это чтобы можно было уместить больше такой информации). Корректно работает только в ФФ, Опере и ИЕ. Вебкит-браузеры добавляют какие-то странные отступы.

    Asked by Jackky,

    0 votes
    9 answers

  4. HTML5 - CSS3 пора?

    Добрый день, я начинающий верстальщик. Сам занимаюсь разработкой несложных сайтов-визиток, но решил что необходимо повышать уровень! Решил я начать соответственно с базы - верстка PSD макетов. Сейчас как всем известно вышли новые стандарты HTML5 и CSS3. К сожалению, пока они полностью не поддерживаются всеми браузерами, тогда как быть? Я хочу учится верстать и начинаю уже именно с HTML5 и CSS3, но используя последние стандарты, мне просто придется прибегать к JS для кроссбраузерности, но как я буду это делать, если толком верстать не умею.. А про JS вообще молчу. Что посоветуете? Благодарю всех за ответы. С уважением Дмитрий.

    Asked by Progerd,

    0 votes
    9 answers

  5. Выравнивание содержимого по центру

    Как выровнять содержимое сайта по центру, то есть сайт должен быть в полный экран, при изменении размеров окна браузера не должно появляться полос прокрутки, а содержимое "уходило" за окно браузера в одинаковых пропорциях. Пример: 1 2 3 4 5 <body style="width: 100%; height: 100%"> <section style="width: 100%; height: 100%"> </section> </body> Пусть окно браузера имеет ширину/высоту 100%, при уменьшении его ширины/высоты на 10% тег <section> и его содержимое должно "уходить" влево/вверх на 5% и вправо/вниз на 5%. Яркий пример реализации - http://www.blacknegative.com Нечто похожее есть у Лебедева, но его способ не работает при задани…

    Asked by ar00,

    0 votes
    9 answers

  6. border-radius и border-collapse

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

    Asked by uteelers5,

    0 votes
    9 answers

  7. Проверка мобильного сайта

    Есть ли в интернете такой сервис, который показывает, как выглядит мобильный сайт в мобильных телефонах и других мобильных устройствах?

    Asked by anna-2010,

    0 votes
    9 answers

  8. Как вставить большую картинку?

    Есть html страница, 990 пикс по ширине. Мне нужно вставить туда картинку. Но, картинка большая - 3000 на 2000 пикс. <img src="images.jpg" width="3000" height="2000"> Как это сделать? Чтобы не нарушить дизайн страница - чтобы страница не растянулась на километр... Можно применить полосу прокрутки, но я не знаю как. Желательно, чтобы полоса прокрутки появилась только когда она нужна, а на маленьких картинках была не видна. Фреймы не нужны. Спасибо всем.

    Asked by ruslan-ok,

    0 votes
    9 answers

  9. Переадресация с сайта на сайт

    Привет! помогите с переадресацией. есть 2 сайта. один сайт старый domen.net в нем есть 2 каталога domen.net/ru/ и domen.net/en/ я переделал немного структуру и у меня теперь 2 других сайта 3 уровня ru.domen.net и en.domen.net сделал переадресацию с помощью .htaccess: #Редирект с /ru/ коталога RedirectPermanent /ru http://ru.domen.net/ #Редирект с /en/ коталога RedirectPermanent /en http://en.domen.net/ этот файл лежит в корне домена domen.net проблема вот в чем: при заходе на domen.net/ru/ он перенаправляет на ru.domen.net, но с двумя слешами на конце, то есть в адресной строке это выглядит так: http://ru.domen.net// Как это исправить?

    Asked by Elvis,

    0 votes
    9 answers

  10. от позиционировать элемент в динамическом блоке

    есть блок который увеличивается при определенном событие в нем картинка <div class="little_point" style="left: 427px; top: 356px;"> <img src="http://www.google.com/mapfiles/marker.png" /> </div> как сделать так что бы картинка всегда была по центру прижатая к низу вот стили блока .little_point { position:absolute; width:20px; height:34px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; background-repeat:no-repeat; background-color:#000; } высота и ширина меняются через js динамически пробывал через vertical-align но элемент даже не сдвинулся

    Asked by cyber_ua,

    0 votes
    9 answers

  11. Вопросики по Wp помогите

    Здравствуйте. Есть пару вопросов к вам. 1) Есть картинка размером 1024х200 ее нужно поставить там где шапка будет на место стандартной которая сейчас стоит на сайт http://dragoncredit.com.ua/ Друзья, помогите мне пожалуйста. Скажите пожалуйста какие нужно править файлы и что конкретно нужно прописать. Название шаблона Enstyle

    Asked by BTN,

    0 votes
    9 answers

  12. Помогите вставить код на Wp

    Добрый день. Подскажите пожалуйста, нужно эти 3 кнопки <div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>"></div> <script type="text/javascript" src="http://btn.kiev.ua/share42/share42.js"></script> <script type="text/javascript">share42('http://btn.kiev.ua/share42/')</script> Установить на каждую страницу сайта сразу под текстом на сайт http://www.btn.kiev.ua/ Тема шаблона StoryMag. В какой файл нужно код вставить и конкретно куда. Спасибо за ответ

    Asked by BTN,

    0 votes
    9 answers

  13. Псевдокласс hover для внутренних тегов

    Есть ли возможноть сделать так чтоб псевдокласс hover был допустим для тега <div class="parent">....</div> а свойства изменялись(допустим цвет) для другого внутреннего тега допустим для тега <div class="child">....</div> Вот как то так: /*HTML*/ <div class="parent"> <div class="child">....</div> </div> /*CSS*/ .child{color:#fff;} .parent:hover.child{color:#000;}

    Asked by Lisjann,

    0 votes
    9 answers

  14. Скорость отображения

    Передо мной стоит задача сверстать страницу так, чтобы скорость отображения её была максимальна. Я использую Yslow для анализа страницы. Но существует ли другой инструмент? Можно ли проверить будет ли быстрее работать, например, float или position:absolute? Одно и то же можно сверстать разными способами, даже при одинаковом количестве элементов DOM. Как-то можно узнать, что отображается быстрее?

    Asked by sktemp,

    0 votes
    9 answers

  15. IE неверно отображает список

    Почему-то Интернет эксплорер отображает маркированный список на странице без маркеров и без интервалов между пунктами списка. А вот Опера отображает его почти правильно. Только вот в стиле указан маркер disk, а браузер отображает маркеры как square. Вот код списка: <ul> <li><a href="http://ansaldovei.ru/rus/18/">Статические тиристорные компенсаторы реактивной мощности - СТК (Фильтро-компенсирующие устройства - ФКУ, Тиристорные компенсаторы реактивной мощности - ТКРМ)</a> <br/> </li> <li><a href="http://www.ansaldovei.ru/rus/25/">Управляемый шунтирующий реактор трансформаторного типа - УШРТ</a> </li&g…

    Asked by andrystepa,

    0 votes
    9 answers

  16. Нужна

    Помогите разобраться. Как правильно сделать стрелочки для многоуровневого меню, чтобы они отображались только у элементов "li", которые в себе содержат подменю. Реально ли это сделать на чистом css? Проблема в том, что добавить эти стрелочки я могу, но они отображаются у всех "li". Даже которые не имеют подменю. Есть вариант, конечно, проставить для каждого "li" класс отдельно, но хотелось бы найти более простой вариант. И второй вопрос, как можно задать собственный фоновый цвет для "li" элементов подменю? Ведь они наследуют стили, которые были прописаны для основного выпадающего меню.

    Asked by Jack171,

    0 votes
    9 answers

  17. Пропорции изображения при изменении размера окна браузера

    На сайте skazka18.ru есть слайдшоу, оно сделано с помощую указания картинки в: <div class="slider-img" style="background:url(/assets/templates/main/img/img-puziri.jpg) no-repeat center top;"> благодаря этому картинка при изменении ширины окна браузера остается по центру и остается с необходимыми прпорциями (высота не меняется, ценрирование по центру, картинка не сужается). Вероятно будет правильней сделать картинку с помощью <img src=""/> и размещать ее внутри <div> и не использовать style="background:url(...) no-repeat center top;". Но что бы я не пытался использовать (задавал ширину 100%, высоту 500 пх, задавал явные размеры картинки) требуемый ре…

    Asked by senty,

    0 votes
    9 answers

  18. дивы друг под другом

    Всем приветы! хочу сделать вот так как показано на картинке Вот код: HTML: <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'> <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'> <title>%TITLE%</title> <link href="req/style.css" type='text/css' rel='stylesheet'> </head> <body> <div id='who'> Здравствуйте, %USER_NAME% </div> <div id='head'> Название страницы </div> <div id='container'> <div id="log_in"> &l…

    Asked by festvtteam,

    0 votes
    9 answers

  19. На дворе конец 2012-го года. Что у нас по круглым картинкам?

    Всем привет. Появилась задача вывести круглые картинки. Оказывается, опера вот такое не понимает border-radius: 100%; width: 150px; height: 150px; Кто как выходит из положения? Скруглять нужно именно картинку. Без слоев с фоновыми изображениями. Упс. Заменил проценты на пиксели и заработало

    Asked by weart,

    0 votes
    9 answers

  20. Резиновая шапка

    Друзья! Прошу помочь, если есть возможность. Нужно в .css как то указать, что бы фоновая картинка, которая будет шапкой сайта, была резиновая. weight = (к примеру) 80% в background-image не помогает. Возможно есть еще какие то способы, подскажите если не сложно Цель вообще такая. Нужно, что бы шапкой сайта, служила картинка, но она могла растягиваться и сужаться, как и весь сайт, если у пользователей разное разрешение. Как мне этого добиться Извиняйте, если где то ошибаюсь и неправильно рассуждаю, учу html и css пару недель

    Asked by a1rborn,

    0 votes
    9 answers

  21. Смена адреса через .htaccess

    Здравствуйте. Суть проблемы вот в чем: необходимо сменить адрес в DLE: www.мойсайт.ru/index.php?newsid=1 на www.мойсайт.ru/page.html. В файле .htaccess (который лежит в корне) прописал: RewriteRule ^page.html$ /index.php?newsid=1 [L] но изменений нет.

    Asked by TillL,

    0 votes
    9 answers

  22. Задать разный цвет ссылок в блоках

    Здравствуйте! Подскажите, пожалуйста, как задать для блока меню цвет текста, отличный от цвета ссылок? СЕйчас пункты меню оформляются, как все ссылки на сайте... вот CSS: * { margin:0; padding:0; } /*стандартные оформление ссылок и заголовков*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /*оформление всех ссылок на сайте*/ a{ text-decoration: none; color:#2a76bd; } /*непосещенная ссылка*/ a:link{ text-decoration: none; co…

    Asked by Zeeeya,

    0 votes
    9 answers

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

    Есть на сайте ссылка-картинка на профиль G+, в ней три атрибута rel: <a rel="me" href="https://plus.google.com/u/0/105.....8276?rel=author" rel="nofollow" target="_blank"> <img title="Добавиться в Google+" src="http://..../gplus.png" alt="Google+" style="border:0;width:32px;height:32px;"/></a> мне кажется что атрибут rel="nofollow" в этой ссылке не работает, так как она вроде бы определяется как открытая к индексации. Можно ли ставить несколько атрибутов rel в одной ссылке, будут ли они работать и как это сделать правильно?

    Asked by weffer,

    0 votes
    9 answers

  24. Переход между языками.

    Всем привет, только начал изучать HTML. Веду тестовый сайт у себя на компьютере на двух языках, учу HTML и закрепляю английский. Недавно начал изучать фреймы и столкнулся с одной проблемой в плане локализации. До фреймов схема была простая в углу было две кнопочки "Русский" и "Английский" и переходило на идентичную страницу только на другом языке. С фреймами же ситуация другая там один файл index.html отвечает за расположение фреймов и за название вкладки (к примеру "Test Site"). Так вот, при переходе на русский язык не меняется название вкладки на русский (к примеру на "Тестовый сайт"), до фреймов же было две разные страницы и для каждой можно было выбирать своё имя, а с…

    Asked by Freqsen,

    0 votes
    9 answers

  25. Фоновый рисунок

    На сайте справа вверху расположен фоновый рисунок. И все прекрасно. Только на большом экране он сдвигается. Дизайн не резиновый. Рисунок задан в css так: body { background: url(/img/pass.jpg) no-repeat 900px 0px } То есть, как я понимаю, 900 пикселей он отсчитывает от левого края окна. А вопрос такой - как сделать, чтобы он отстчитывал от левого края сайта?

    Asked by Эдди,

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