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. Заказчики и IE6

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

    Asked by zSpx,

    0 votes
    6 answers

  2. помогите решить проблему со слайдером

    В общем есть слайдер http://ksergey.com/uploads/demos/demo_1/index.html мне нужно поверх слайдера наложить меньшую картинку, чтоб она не менялась. как это сделать?

    Asked by MrPupkins,

    0 votes
    6 answers

  3. Как правильно сверстать HEADER?

    Нужно что бы полоска была по ширине экрана а картинки на неизменном растоянии от меню. Какой подход будет правильнее для кроссбраузерности ? 1.Сделать все одной картинкой и добавить на background серую полоску под ту что имеется, на случайц если экран шире картинки. 2.По поводу крассного лого пробовать z-index, а полоску на background блока который на ширину экрана. 3.Друкой вариант?

    Asked by Pumych,

    0 votes
    6 answers

  4. Стиль для ссылки с rel

    В общем, есть ворох ссылок с попапами в виде Rokbox (разновидность Lightbox'а), рокбокс определяет свое поведение по атрибуту rel="rokbox" в теге ссылки. Есть желание менять курсор на кастомный при наведении на такую ссылку, чтобы было понятно, что можно развернуть картинку по ссылке. Очень не хочется этим ссылкам прописывать классы, потому как данные хранятся в CMS в базе данных и в ручную это делать мне совсем не улыбается. В связи с этим вопрос - по атрибуту rel никак стиль не зацепить? Что-то мне подсказывает, что никак..

    Asked by d0ublezer0,

    0 votes
    6 answers

  5. Как прижать блок к низу другого блока?

    Вот есть код. Как мне "правый блок" сделать высотой в 100%? Чтобы он растягивался вниз на столько, на сколько изменится "центральный блок" <!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=windows-1251" /> <title>Документ без названия</title> <style> *{ margin: 0; padding: 0; } #container { width: 900px; /* Ширина макета */ margin: 0 auto; /* Выравнивание по центру */ } #nav { width: 200px; /* Ширина левой колонки */ float: left; } #aside { wi…

    Asked by Bayanruby,

    0 votes
    6 answers

  6. "Падают" некоторые блоки в IE

    Здравствуйте. Сразу суть проблемы: - IE не корректно отображает мою верстку. Если быть точнее то некоторые блоки падают в низ по непонятным причинам (см.ссылку). Адрес проблемного сайта: www.simplyfitcanada.com/test Если вы откроете эту ссылку в IE и сравните с такой же картиной в любом другом браузере то увидите суть проблемы. Я использую отрицательные значения в КСС. Мне сказали, что IE не поддерживает отрицательные значения. Возможно это так, но тогда возникает один нюанс. Я достаточно часто использовал в верстке отриц.значения в КСС и они отлично отображаются, не считая "упавших" блоков. Этого я тоже не могу понять. У меня некоторые графические элементы на странице и…

    Asked by nazarlee,

    0 votes
    6 answers

  7. Центровать текст в блоке, который содержит другой элемент

    <div style="text-align: center;"> <form style="float: left;" method="link" action="#"><input type="submit" value="Кнопка"></form><a href="#">Заголовок</a> </div> привет! хочу чтобы заголовок был по центру дива, но кнопка его отодвигает в право, и кажется, что заголовок не по центру. помогите найти простое решение данной проблемы.

    Asked by barman,

    0 votes
    6 answers

  8. Выравнивание нескольких элементов при блочной верстке

    Доброго времени суток, господа! Такой вопрос - при блочной верстке на одной горизонтальной линии требуется разместить текст (2 строки) и картинку. <div style=float:left> <h1>TEXT</h1> <br> TEXT2 </div> <div style=float:right> <img alt="" src=""> </div> Как сделать так, чтобы картинка прижималась к правому краю экрана, а текст в левой части центрировался по вертикали? Чет не пойму... Зачитался уже... ((

    Asked by Asket,

    0 votes
    6 answers

  9. В IE6 не копируется текст

    Странное поведение этого недобраузера. На форумах часто задают вопрос как сделать так чтоб невозможно было копировать текст. А у меня проблема как раз наоборот. вот страница - http://www.nomos-regiobank.ru/sme. В осле с центральной колонки текст не копируется, хоть убейся. Я сам двумя руками против Эксплорера но заказчик хочет IE6 и хочет копировать текст. Если кто то сталкивался или есть какие то мысли, помогите. У меня уже опустились руки.

    Asked by folibis,

    0 votes
    6 answers

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

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

    Asked by maxsnw,

    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? Понятно что можно вставить картинку в 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

  13. Отдельный css для каждого li

    Есть вот такое меню <div class="menu"> <ul id="level"> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> <li><a href="http://" class="level" >...</a></li> </ul> </div> Использую border-radius и box-shadow для пунктов. Каждый пункт - отдельный овал с тенью. Названия пунктов разные по длине, соответственно овалы получаются разные. А вот для ie как всегда отдельный сss. Другие элементы я просто картинками сделал вместо css3, а вот как с разными по длине пунк…

    Asked by qazibum,

    0 votes
    6 answers

  14. Критерии проверки верстки

    По каким пунктам вы проверяете соответствие высокому качеству свою вёрстку? Кроссбраузерность - само собой. Я только смотрю под различные разрешения, а также под отсутствие картинок. Сейчас прошёлся по своим работам и заметил, что текст у меня вываливается из блоков при масштабировании шрифта. Стоит ли на это обратить внимание? И ещё один вопросик, как обычно стоит резать макет: для любого фона (преимущественно png) или только для того, какой в макете (преимущественно jpg)? Спасибо!

    Asked by monsterr,

    0 votes
    6 answers

  15. Помогите пож с проблемой растягивающегося фона

    вот ссылка на всякий случай http://imglink.ru/show-image.php?id=56dac35f77026dabfa3ff780a89f18c2 В общем нужно чтобы нижняя часть растягивалась в зависимости от контента помогите плиз

    Asked by KapSuLa818,

    0 votes
    6 answers

  16. Adaptation of the subscription form

    Hello! Could you help me figure out how to adapt? .subscribe-form{ display: flex; justify-content: end; width: 100%; height: 90px; margin-top: 46px; border: none; } input[type="email"]{ background: #fcc302; color: #ffffff; padding: 17px 25px 17px 36px; font-size: 25px; font-weight: 300; } .section-button{ background-color: #00bec9; padding: 27px 37px 27px 39px; height: 90px; border: none; cursor: pointer; }

    Asked by Lesia,

    0 votes
    6 answers

  17. Упертый текст

    В общем вот ) html: <div id="blog"><p class="txtblog">Тралялялялял и тру люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял люлюлю люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлюТралялялялял и трулюлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлю</div> css: #blog{ width:383px; height:341px; background-image:url(../images/blog.gif); margin-right:97px; margin-top:58px; float:right; } .txtblog { width:312px; height:154px; display:block; margin-top:106px; margin-left:70px; margin-right:10px; line-he…

    Asked by boooze,

    0 votes
    6 answers

  18. Крякозябры в опере

    На сайте http://bezvesie.ru/ в опере весь текст отображается крякозябрами,в чём может быть проблемма?

    Asked by NeoMurderer,

    0 votes
    6 answers

  19. Как выдрать с сайта потоковое видео?

    Приветствую всех Можно ли вытащить потоковое видео отсюда ? Если да то каким должен быть код, что бы вставить себе на сайт?

    Asked by antonP,

    0 votes
    6 answers

  20. при наведении мышки "моргают" кнопки

    http://i-portal.nsu.ru/?db=bench_new_design∫=VIEW&el=83&templ=VIEW -здесь по неизвестной мне причине в меню при наведении моргают кнопки. В chrom -e, fireFox -e и Опере кнопки моргают только тогда, когда мышка первый раз, после обновления страницы, наводится на кнопку. В IE8 кнопки моргают при каждом наведении мышкой. В "инструментах разработчика" хрома, во вкладочке "Resources", обнаружил что картинка, которая должна быть бэкграундом у кнопки "c hover", нет. Картинка эта появляется только при наведении курсора на кнопку -и так при каждом обновлением страницы или переходе по сайту. Я совсем чуть-чуть шарю, но каждый раз загружать это же не правильно..... подскажи…

    Asked by WeeklyTea,

    0 votes
    6 answers

  21. Проблемы с IE

    Электронная Финляндия Проблемы с IE6, IE7. Левая колонка "едет". Нижнее меню в IE6 "едет". И еще куча мелких косяков с отступами. Буду благодарен, если подскажете как решить или дадите ссылки на описания похожих проблем с их решением. Первый раз столкнулся с такими проблемами, времени пока нет искать решение самому. Есличо - верстал не я. Я ток помогаю решить проблемы с кроссбраузерностью.

    Asked by andyarus,

    0 votes
    6 answers

  22. Помогите вытащить меню

    Здравствуйте, помогите найти такоеже меню, либо вроде такого, как на данном сайте: http://arenaservices.ru/ не могу найти, а так оно мне очень понравилось.

    Asked by b1ohazard,

    0 votes
    6 answers

  23. Ячейка как в экселе

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

    Asked by SweeT_BladE,

    0 votes
    6 answers

  24. проблемы с формой отправки

    Здравствуйте! Делаю сайт и не выходит сделать свой дизайн формы отправки, точнее дизайн выходит.. не выходит сделать так чтобы она работала. В изначальном виде все работает правильно. Что делать? http://www.beauty-group.ru/sale/

    Asked by strize,

    0 votes
    6 answers

  25. Сделать контуры к изображению CSS

    Не могу сделать так, что бы контуры у всех изображений в статьях и их анонсах на главной слегка выделялись. У меня получается, что выделяются сразу все изображения на сайте. Как в CSS сделать границы как у этого сайта http://n-wp.ru/ Заранее спасибо.

    Asked by JlEHb,

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