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. Как растянуть Iframe во весь экран?

    Здравствуйте, помогите мне растянуть iframe во весь экран, я пробую так: <frame src="some_page.php" width="100%" height="100%" frameborder="0"></iframe> Но у меня со всех сторон где то отступ по 5px.

    Asked by Maskca,

    0 votes
    1 answer

  2. Нубские вопросы по формам

    Простенькая форма: текстовое поле и submit. Вопросы: 1. У текстового поля через value задано значение "Поиск по сайту". Можно его без скриптов убрать, когда я щёлкаю в поле? 2. На кнопке текст - подчёркнут пунктиром. Значит, её через <input> не сделать, только через <a>? UPD Вот так должна выглядеть.

    Asked by Gaspode,

    0 votes
    8 answers

  3. Навигация в слайд-шоу

    Помогите правильно расположить навигацию. Туплю. Никак не могу выбрать. Посмотрите свежим взглядом, выберите лучший вариант или предложите свой. Позязя. V.1 V.2

    Asked by tematika,

    0 votes
    7 answers

  4. выбор имён классов

    Буду рад выслушать ваши советы по теме, ну или ссылки на ресурсы В больших проектах особенно возникает путаница и сидишь думаешь над именем класса, ещё и когда тематику контента очень сложно определить, поэтому хочется разобраться с классами раз и навсегда. Раньше я для каждого блока указывал свой класс, близкий по теме, например, если речь шла о бизнесе, то я писал - .business. Теперь же думаю сделать так: .sidebar>.box1 .sidebar>.box2 .sidebar>.box3.....content>.box1 .content>.box2 .content>.box3. Одобряете? Что посоветуете, товарищи?

    Asked by angel12,

    0 votes
    23 answers

  5. Прозрачные фоновые картинки

    Иногда, у блока задают прозрачную фоновую картинку (пример,смотреть в Google Developer Tools), как в этом шаблоне. Картинка, какбы одновременно серая и прозрачная... Внимание, Вопрос: Как вырезать такую картинку из psd?? Например, может, отключить все слои кроме одного (с картинкой).. .. а дальше??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  6. Открыть ссылку в новом окне

    Читал на сайте статейку про Атрибуты ссылок. Меня интересует target="_blank" _blank — загружает страницу в новое окно браузера. Но я решил, чтобы буду верстать по строгому стандарту DOCTYPE (string). А в статье написано: Каким образом тогда открыть ссылку в новом окне?

    Asked by Rustick,

    0 votes
    9 answers

  7. как разрезать шаблон?

    подскажите пожалуйста по каким принципам производится резка psd-шаблона? какие части необходимо вырезать и желательно объяснить почему. потому что сколько не искал, везде уроками показано КАК резать, но принципа, почему мы режем это, нигде нет, вот и интересуюсь.

    Asked by maxsnw,

    0 votes
    6 answers

  8. Центрирование страницы

    Вроде бы простейший пример, не соображу где накосячил Необходимо разместить отображение сайта по центру. Пример: <body> <div class="wrapp"> <div id="left"> </div> <div id="right"> </div> </div> </body> *css style html,body { font: normal 10pt Arial,Helvetica,sans-serif; background:#D0DCF4 url(bg.jpg) repeat-x top; } .wrapp{ width: 1200px; } #left{ float: left; /*min-height для IE*/ height: auto !important; height: 100%; min-height:650px; width: 400px; background:#D0DCF4 url(menu.jpg) no-repeat top; } #right{ float: r…

    Asked by cul8er,

    0 votes
    9 answers

  9. Как промаштабировать картинку под размер div?

    Есть div определенного размера. И есть картинка размера гораздо большего чем размер divа. Как промаштабировать картинку под размер div? Понятно что можно вставить картинку в html с помощью img и задать width="100%". Но хотелось бы через стиль. Простейший код: <html> <head> <link rel="stylesheet" type="text/css" media="screen" href="cascade.css" /> </head> <body> <div id="header"></div> </body> </html> #header { height: 200px; background-image: url(head.jpg); background-repeat: no-repeat; background-position: left top; background-color: #ffff00; color: #ffffff; text-align: right; } Спасиб!

    Asked by neiro,

    0 votes
    6 answers

  10. Заказчики и IE6

    Вопрос для работающих верстальщиков. Как часто попадаются заказчики требующие поддержку IE6? Я понимаю, что браузер практически мертв, но работодатели в объявлениях о найме, бывает, требуют это.

    Asked by zSpx,

    0 votes
    6 answers

  11. таблицы+ ie7+ (chrome + FF)

    Доброго времени суток. Задача следующая - сделать слой высотой {100% - 90px снизу - 90px сверху} Нужна стабильная работа под ie7 и дальше. http://www.beavers-net.narod.ru/primers/tableXie7.html Проблемы две - 1) ie7 ни за что на свете не желает делать врехнюю и нижние строки таблицы по 90px; 2) Chrome, FF3.6 не хотят отображать абсолютно позиционированный слой внутри релативной ячейки. Слой занимает в данном случае 100% от экрана и идет поверх всей таблицы. Про box-sizing помню.. но не знаю его эквивалента под ie Заранее спасибо. С уважением, Олег.

    Asked by tt48,

    0 votes
    6 answers

  12. Всплывающие div'ы

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

    Asked by Trol,

    0 votes
    14 answers

  13. FAQ - путеводитель по разделу.

    Этот топик будет неким путеводителем по разделу. Тут будут лежать ссылки на топики, в которых дан грамотный ответ на популярные вопросы. * Одинаковый текст (или код) на нескольких страницах * Главная страница домена * Показать/скрыть текст по клику * Установил Денвер, хочу локально установить форум - такой как здесь * Дизайн select'а * Как нужно исправлять ошибки в коде, пошагово, с примерами. * Раскрывающийся список статей как на htmlbook.ru * Свой шрифт на странице * Как выложить свой сайт в интернет У нас в FAQ обновление - рубрика - "Так делать не надо!" Раздел на примерах рассказывает, что требовать, материться. грубить и т.п. - не нужно. * Пример 1 - автор в бане.

    Asked by Dimitry Wolotko,

    0 votes
    5 answers

  14. Оформление блока

    Добрый день, помогите реализовать оформление блока как на картинке: С закруглениями много материалов перечитал, но чтобы такое сделать, ничего найти не могу.

    Asked by lindim,

    0 votes
    4 answers

  15. Нужна тематика для сайта.

    Я решил учить html и css. Но учится надо регулярно. А лучше ещё на конкретном примере конкретного сайта. Вот передо мной и стала задача тематики. Что бы что-то не сложное, и можно было сконцентрироваться на коде, а не на этой самой теме. Что посоветуете вы? P.S. Разумееться пока я ничего не умею, поэтому какието шаблоны -- не предлагать

    Asked by Тёмыч,

    0 votes
    7 answers

  16. Стили для фрейма

    Ситуация такая. Я открываю во всплывающем окне (фрейме) страницы другого сайта. Список ссылок этих страниц берется из rss сайта. Вопрос. Могу ли я использовать свои стили для сайта который показывается во фрейме? И если могу, то как?

    Asked by Tchorteg,

    0 votes
    3 answers

  17. Размытые края iframe

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

    Asked by AKstoAK,

    0 votes
    3 answers

  18. Положение элементов на странице

    Есть сайт pohodkin.ru,в ИЕ 7 "Подбор снаряжения" и "Вход" находятся кто где хочет,в Опере и Сафари например всё нормал,что делать что б в ИЕ было всё нормал??

    Asked by NeoMurderer,

    0 votes
    3 answers

  19. разбить бэкграунд

    привет! есть бэкграунд - приямогульник с закруглёнными краями...весит 3,5 кб! Есть ли смысл разбивать на низ, верх и середину на repeat ставить? спасибо

    Asked by andys,

    0 votes
    11 answers

  20. Нумерация таблиц (<table> в <li>)

    Нужно, чтобы таблички были пронумерованы с помощью тегов списка: <ol> <li><table>...</table></li> <li><table>...</table></li> </ol> Отступ в этом случае происходит, а вот номер пропадает. Как быть? Использование тегов списка обязательно. А вот с таблицей можно поиграться. Использую её, так как нужно, чтобы в списке на одной строке располагались две колонки: одна с основным текстом, а вторая у правого края страницы с дополнительными сносками и ссылками. Каждая такая новая таблица формируется при помощи специального макроса, в котором и передаются значения двух этих столбцов из базы данных. Передаются динами…

    Asked by derfas1,

    0 votes
    27 answers

  21. Локальные ссылки

    При создании сайта на локальном компьютере прописываются ссылки относительно папки, т. е. без слеша ( / ), но когда помещаешь сайт на сервер, без слеша ничего не будет работать. Нужно проставлять относительные или другие ссылки. Вопрос: подскажите новичку, как технически правильно изменять ссылки перед помещением на сервер? Вручную или есть другие способы? Всем заранее спасибо за помощь.

    Asked by IgorSt,

    0 votes
    7 answers

  22. Кто верстал страницы для Вконтакте?

    Есть вопрос, собственно.

    Asked by botyaslonim,

    0 votes
    12 answers

  23. float:left и выравнивание по центру

    Добрый день, есть простой код: <div style="width:auto; height:150px; margin:0 auto;"> <?php for ($x = 0; $x < count($arraypath); $x++) { ?> <div style="width:100px; height:102px; margin:28px 10px 0 0; float:left;"> <img src="<?php echo $arraypath[$x]; ?>" title="" alt="" style="width:100px; height:102px; cursor:pointer;" onclick="chadphoto(this);" /> </div> <?php } ?> </div> Как сделать, что б картинки, вне зависимости от их кол-ва, были всегда по центру div'а ? В данном примере они все прижаты к левому краю.

    Asked by bobo,

    0 votes
    2 answers

  24. Отступ двух от верха браузера

    Нужно чтобы страница была посередине экрана, т.к сайт промо, главная страница сделана маленькой. И на мелких мониторах она смотриться нормально, а на больших получается прилеплена к верху. Я пытаюсь выровнять по центру, не не получается. Тоесть мне нужно чтобы она центрировалась по вертикали по центру. Пробовал по разному: Это не подходит, она отлепляется от одного бока и отлеплена все время, а мне нужно только если снизу есть место. #otstup { position: absolute; top: 20%; left: 20%; } Вообще не работает. #otstup { background-position: center center; }

    Asked by Tchorteg,

    0 votes
    15 answers

  25. Анимированую иконку в адресную страку

    можно ли через это <link rel="shortcut icon" href="/images/favicon.png" type="image/png"> сделать анимированую иконку чтоб в браузере она тоже продолжала меняться???

    Asked by Joko,

    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