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. Отображение в фотошопе и браузере

    Здравствуйте, подскажите пж как измерять размер элемента в фотошопе? Делаю так беру инструмент линейку измеряю ширину элемента выходит как на скрине 305 задаю ширину в css width:"305px" но элемент выходит больше. Расскажите пж как правильно замерять размер заранее спс!

    Asked by Rubik,

    0 votes
    3 answers

  2. В разных браузерах по разному

    Подскажите кто нить. Почему при создании сайта в браузерах Мазила и Хром всё нормально а в Opera все картинки сдвинуты? И ещё проблема с отображением руского языка в <title>? Ставлю charset=windows-1251, на сайте всё по русски но в браузерной строке название сайта отображается коряво (иероглефы) Мой сайт - http://kopi.ipbux.ru

    Asked by 100bux,

    0 votes
    0 answers

  3. помогите с семантикой!

    http://pixs.ru/showimage/htmltaskpn_9324633_4961311.png подскажите, пожалуйста, какими тегами делать, очень важна семантика!!!!!!!!!!!!!!! —-Доверьтесь тем кто знает свое время —-Пресс-центр - теги для назвния статьи и даты —-Наши координаты- теги для телефона и имейла

    Asked by olechic,

    0 votes
    9 answers

  4. на разных компьютерах разный результат

    Добрый день! Я новичок в верстке. Дома сделала сайт, подогнала в PixelPerfect, принесла на работу - всё совершенно по-другому. Текст практически не совпадает, текстовые поля вдруг стали другого размера и перепрыгнули на другие строки (дома с картинкой совпадало поле size=32, а на работе уже 30). Подгоняла только под FireFox. В чем может быть причина, и что с этим делать? Размер экрана на работе больше. Может я на какую-то нету кнопочку в PixelPerfect нажала. Не помню какая версия Фаерфокса дома. Может быть, что это из-за того, что версии не совпадают? Кто-нибудь уже сталкивался с такой проблемой?

    Asked by nadiushka85,

    0 votes
    1 answer

  5. Обрамление слайдер или слайдер под слоем

    Добрый день. Вот адрес snobstore.ru, там есть рамка с цветами и есть внутри слайдер, подскажите как лучше сверстать и сделать так, что бы сдайдер был под этой рамкой с цветами, что бы листья и цветы которые свисают внутрь рамки были на слайдере, сейчас сделал рамку как фон, а слайдер поверх, выглядит не красиво, а нужно что бы слайдер был виден сквозь листья и цветы (именно внутри рамки, как будто картинки внутри, а не поверх)..Надеюсь Вы поняли что я хотел объяснить.

    Asked by kmaroff,

    0 votes
    3 answers

  6. Скругленные углы и бордер в chrome

    Стиль для img .group_on_index img { border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -khtml-border-radius:15px; behavior: url(/projects/yamaha/js/pie/PIE.php); border:2px #ff0000 solid; } привел к такому результату в chrome Что не так? Вроде нормальный браузер...

    Asked by goooooch,

    0 votes
    2 answers

  7. Ошибки html в vBulletin v3.6.8

    Форум http://www.goldenseo.ru/ Форум старый много раз ставились разные модификации потом удалялись, видать осталось много ошибок. Хочу добавить сайт в биржи ссылок, пусть хоть что-то капает, но не работают из-за ошибок. В общем основной косяк с лишними закрывающими тегами </div>, </tr>, </td>, </table> и т.п. dreamweaver говорит, что подобные лишние теги являются заменителями тега </body> и получается что тег <body> многократно закрывается посреди документа. Подскажите, что поправить, может все просто и профи сразу увидит косяки. А то я html на любительском уровне знаю. Кто будет смотреть то разбирайте страницу темы например http://www.…

    Asked by antosha,

    0 votes
    0 answers

  8. Прозрачный iFrame

    Прозрачность iFrame реализована через CSS: body {background: url(bg.jpg) no-repeat center center fixed; background-size: cover;} iFrame {width: 79%; height: 87%; background-color: #000000; color: #ffffff; margin-top: 1%; opacity: 0.6;} Проблема в том, что кроме фона прозрачным становится всё содержимое. Возможно ли сделать прозрачный фон, с непрозрачным содержимым, но самое важное, чтобы background-color оставался чёрным? Пытался решить проблему с помощью js (динамическое изменение свойств), но слабые познания не дают продвинуться. Заранее спасибо.

    Asked by Ingrediamur,

    0 votes
    3 answers

  9. прыгающие блоки

    помогите пожалуйста понять и решить проблему. на странице в любых виндовых браузерах при изменении масштаба браузера(ctrl -) происходит перемещение блока .information под блоки .welcome и .latest_works задавал вопрос на другом форуме и мне ответили, что происходит изменение толщины границы блока. ссылка. зафиксировать изменение толщины своим firebug-ом не получилось находил на вашем форуме тему с похожей проблемой, но только для ie

    Asked by cyklop77,

    0 votes
    6 answers

  10. input проваливается, не могу понять причины

    Вот верстка. В ней проваливается input который находиться в блоке email_subscribe. И вообще подскажите как верстка, то есть укажите пожалуйста на ошибки которых лучше не допускать. И бг для меню так можно делать или лучше способ есть?

    Asked by tini.kRyptoNite,

    0 votes
    0 answers

  11. Как оставить прозрачность фону, но убрать прозрачность элементов на фоне?

    Подскажите пожалуйста: я использую для div-а: filter: alpha(opacity=50); opacity: 0.5; Див становиться прозрачным, но так же становятся прозрачными текст и картинки на нем .... Как тексту и картинкам вернуть не прозрачность? Используя прозрачную картинку png только или можно как-то еще? Вот что я использую полностью: <head> <title>Полупрозрачный элемент</title> <style type="text/css"> div.page {width:450px; height:300px; background:url(beetle.jpg) repeat; border:2px solid #555555} div.block {width:260px; height:140px; margin-top:79px; margin-left:94px; background-color:#ffffff; border:1px solid #333333; /* Internet Explorer */ filter:alpha(opacity…

    Asked by hea8y,

    0 votes
    2 answers

  12. в ie 7,8 не отображаются шрифты

    в ie 7,8 не отображаются шрифты добавленые через @font-face @font-face { font-family: 'Conv_PFDinTextCompPro-Italic'; src: url('../fonts/PFDinTextCompPro-Italic.eot'); src: local('?'), url('../fonts/PFDinTextCompPro-Italic.woff') format('woff'), url('../fonts/PFDinTextCompPro-Italic.svg') format('svg'), url('../fonts/PFDinTextCompPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } Подскажите пожалуйста в чём может быть проблема.

    Asked by ruvi,

    0 votes
    3 answers

  13. Прозрачность "Opacity"

    Есть div блок с "opacity: 0,2" И внем текст span, мне нужно что бы span был opacity:1 !important;, но он не реагирует!? в чем ошибка?!

    Asked by Zzz_,

    0 votes
    5 answers

  14. сложный фон

    объясните пожалуйста хотя бы на словах(но лучше с примерами) как можно сверстать блок privacy policy такого макета. трудность в том, что блок должен растягиваться по вертикали в зависимости от количества контента. при этом левый и правый края блока должны выглядеть такими же зазубренными, без нарушения структуры

    Asked by cyklop77,

    0 votes
    7 answers

  15. Текст обтекающий картинку

    Такая вот проблема, при открытии ява-спойлера текст не сдвигается вниз, оставляя блок пустым, а обтекает картинку. Приmер http://beltravel.16mb.com/2012/06/orsha/ "нажмите на "Водяная мельница" Как от этого избавиться? помогите.

    Asked by bu3i28,

    0 votes
    2 answers

  16. Как сделать интерактивные маркеры на изображении?

    Добрый день. Подскажите, пожалуйста, как сделать интерактивные маркеры на изображении, при наведении на которые будут всплывать блоки с текстом? Пример. Может, у кого-нибудь есть ссылки на туториалы, как делать что-нибудь подобное?

    Asked by Subcomandante.A,

    0 votes
    2 answers

  17. Позиционирование footer absolute

    Помогите плиз уже два дня мучаюсь. Есть код в котором многое прописано с помощью position: absolute; Главное что так прописан и footer. вот кусок кода: HTML: <div id="footer_carrier"> <div id="footer"> <div id="footer1"> <div id="footer_text"> Праздничные и фасадные работы для Вас и Вашей семьи! </div> </div> </div> </div> CSS: #footer_carrier{ background: url(pics/footer_border.gif) top left repeat-x; height: 50px; width: 100%; position: absolute; top: 100%; } #footer{ background: #ebebeb; height: 65px; margin-top: 3…

    Asked by tarkinsky,

    0 votes
    2 answers

  18. Сложное обтекание картинок

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

    Asked by knyazvs,

    0 votes
    6 answers

  19. Растягивание блока по высоте

    Почему content не растянулся на весь экран браузера? из за этого футер не прижат к низу. wrapper растянут, content тоже должен был растянуться т.к. у родительского высота указана на всё окно, так и дочерний должен был растянуться, при height: 100%;min-height: 100%; <html> <body> <div class="wrapper"> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </div> </body> </html> html, body { height: 100% !important; } .wrapper { width: 100%; min-width: 940px; background: black; position: relative; height: 100%; height: auto!important; min-height: 100%; height: 100%; margin: …

    Asked by lunozwetka,

    0 votes
    2 answers

  20. Отступы в блоке реклама

    Как сделать, чтобы отступы в блоке реклама отображались во всех браузерах правильно? Например в браузерах Opera, Mozilla Firefox, Google Chrome все хорошо, а в Internet Explorer отступы между картинками другие. Opera: Internet Explorer: Вот сайт - линк P.S. если смотреть через ноутбуковский Internet Explorer, то все картинки будут идти в столбик.

    Asked by Andrew_las,

    0 votes
    3 answers

  21. Проблема с фоном

    Доброго времени суток! Помогите пожалуйста. Сел за верстку своего сайта и столкнулся с проблемой: имеется 2 части фона, одна постоянно повторяется, а вторая находится непосредственно под футером. Так вот не удается нормально прицепить фон под футер Помогите пожалуйста Сайт: ай-тим.рф СSS: @charset "windows-1251"; /* CSS Document */ body { background-image: url(image/day_0.jpg), url(image/day_1.jpg); } header { background-image:url(image/head/head_1.png); height: 206px; width: 746px; margin: 0 auto; position: relative; } .header_button_1 { background-image:url(image/head/button1_0.png); height: 47px; width: 178px; margin…

    Asked by ser2031,

    0 votes
    1 answer

  22. Выпадающее меню не работает в IE

    Выпадающее меню не работает в IE. Во всех остальных браузерах выпадает. Помогите решить проблему. <div id='navbarmenuleft'> <ul id='nav'> <li><a expr:href='data:blog.homepageUrl'>Главная</a></li> <li><a href='#'>About</a> <ul> <li><a href='#'>Sub Page #1</a> </li> <li><a href='#'>Sub Page #2</a></li> <li><a href='#'>Sub Page #3</a></li> </ul> </li> <li><a href='#'>Services</a></li> <li><a href='#'>Portfolio</a></li> <li><a href='#'>Contact</a></li> …

    Asked by kitenok888,

    0 votes
    7 answers

  23. z-index

    помогите пожалуйста решить проблему на странице z-index блока .header .nav_top_1 ul li a.punkt_1 больше чем z-index блока .wrap .leaf_top_left . однако блок .wrap .leaf_top_left всё таки перекрывает блок .header .nav_top_1 ul li a.punkt_1 в частности и блок .header .nav_top_1 в общем в результате невозможно кликнуть по пункту меню. хотелось бы чтобы меню было кликабельно

    Asked by cyklop77,

    0 votes
    3 answers

  24. DIV поверх изображения

    Всем доброго времени суток, посоветуйте как расположить div поверх изображения при такой структуре <div id="content"> <div id="text_content"> Text here..... </div> <img src="pic.jpg" /> </div> Изображение должно быть на весь блок #content , a #text_content поверх изображения Главное чтобы не было div'ов с position:absolute , ну чтобы #content растягивался в зависимости от содержимого #text_content Спасибо.

    Asked by romanov,

    0 votes
    5 answers

  25. Как всегда проблема IE

    Всем день добрый!, у меня такая проблема, разъехались все элементы, находящиеся в тэгах li(т.е. все показывает в столбик, а не в строку), применял display: inline-block - не помогает, помогает только float:left, но и то не слишком корректно все отображается, при этом, у меня двухуровневое меню на css, так там все пункты в развернутом виде отображаются, без background и свойст шрифта...? что делать? подскажите пложалуйста..? Ну, говорить, что во всех других браузерах всё отображается отлично, я думаю не стоит.!! Посмотреть как выглядит можно http://itmag.es/5iNxx и как оно выглядит в рабочем варианте http://itmag.es/5rheU CSS .hor li, li.hor {display: inline-block;} …

    Asked by tree85,

    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