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:// hexlife.in.ua/index.php?id=181 <div class="content"> <div style="padding:10px 20px 10px 20px;"> <p> Другі страви</p> <div style="width:205px;text-align:center;float:left;"> <div class="ramka_galerey"> <a class="highslide" onclick="return hs.expand(this)" style="wigth:150px;height:130px;" href="/images/gallary/20120508113108.jpg"> <table cellspacing="0" cellpadding="0" style=" width: 100%; height: 100%; text-align: center; vertical-align: center;"> <tbody> <tr> <td> <img title="На…

    Asked by Vitek25,

    0 votes
    2 answers

  2. Как рационально резать линованый фон в psd

    Здравствуйте, я только начал заниматься версткой и столкнулся с такой проблемой, раньше я верстал странички в которых однотонный фон, но теперь столкнулся с такой проблемой: В макете следующий фон: Как видите это наклонные линии, подскажите как правильно их резать их верстать?

    Asked by Inf1n1tI,

    0 votes
    3 answers

  3. Как добавить справа при наведении белую полосу в 1px?

    Вот есть такая менюшка: По задумке дизайнера нужно что бы при наведении на кнопочку менялся фон c появлением белой полоски в 1px в конце кнопки. Это появление полоски я реализовал с помощью border-right: 1px solid #FFF; Из за этого при наведение кнопка расширяется на 1px и соответственно меню прыгает. Может кто знает как решить данную проблему? Вот исходники

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  4. Проблема с версткой на меню

    В общем решил сверстать макет который сам же нарисовал с шапкой и разделами вроде успешно а вот с меню загвостка нашел примерно то что нада в нете полностью перересовал его заменил картинки ссылки поправил код нечего такого вроде не трогал и меню не работает обидно кто помочь может? Вот содержимое index.html и .style.css сори за ошибки <!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=iso-8859-1" /> <title>Artine Css Menu</title> <link href="style.css" …

    Asked by Vamp,

    0 votes
    1 answer

  5. Выровнять текст списка по вертикали

    Народ, не знаю как выровнять текст списка во вертикали и горизонтали. Надо сделать так мой код <div id="footer"> <ul id="footerDiv"> <li>2012 © ГУ “хххххххххххх ххххх ххххх хххххх”</li> <li>Наш адрес: ул. Хххххххххх, д 6 Контактные телефоны: ххх-хх-хх ххх-хх-хх</li> <li>Разработка сайта: ИП Пупкин В.А.</li> <li id="map">Карта сайта Прочие ссылки Etc etc etc etc etc etc И еще что-нибудь</li> </ul> </div> и #footer{ height: 116px; margin-left: auto; margin-right: auto; width: 1000px; } #footer ul { list-style: none outs…

    Asked by ProGirl,

    0 votes
    12 answers

  6. Тени блока картинками

    Прошу удалить тему, решение нашел.

    Asked by Heartbeat,

    0 votes
    0 answers

  7. Ошибки в IE8 и IE7

    Здравствуйте, форумчане. Есть сайт, который как-то странно ведет себя в IE8 и IE7... Вот ссылка на страницу http://beztorga.com/forms.php Проблема в следующем - две кнопки "Частная регистрация" и "Коммерческая регистрация" почему-то не отображаются в ie8... А в ie7 там вообще беда. Подскажите, пожалуйста, в чем может быть проблема. Заранее спасибо.

    Asked by art4web,

    0 votes
    2 answers

  8. CSS и td

    Ребят, как организовать чтоб менялся бэкграунд у активной ссылки в ячейке td, вообще возможно ли такое?

    Asked by smoln86,

    0 votes
    8 answers

  9. Как реализовать?

    Здравствуйте. Подскажите пожалуйся, каким образом реализован эффект при нажатии на льва сылка

    Asked by Alex&R,

    0 votes
    2 answers

  10. Позиционирование блоков

    Приветствую. Не могу реализовать следующее: На практике это будет так: блок 2 будет показывается только на главной. В остальных же случаях Блок 1 растягивается на всю ширину родителя.

    Asked by uteelers5,

    0 votes
    3 answers

  11. Проблемы отображения <hr> в ie9

    Здравствуйте! Не могу понять почему в ie9 при открытии локальной копии страницы тег <hr> отображается как требуется. Но если эту сраницу загрузить на сервер и в последствии открыть её в том же браузере ie9, то вокруг тега <hr> образуется рамка. Очень хотелось бы узнать почему так происходит. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <style> hr { border: none; background:url(img/bg-hr.gif) no-repeat center; height: 3px; } </style> </head> <body> <hr> </body> </html>

    Asked by AlexD,

    0 votes
    2 answers

  12. article списком. можно ли?

    вопрос по макету в блоке Todays Specials можно выделить 3 блока article(у каждого есть заголовок). собираюсь сверстать списком - каждый li сожержит article. скажите пожалуйста семантично ли так делать? не будет ли ошибкой вкладывать в элемент списка такой значимый блок? смущают в первую очередь заголовки

    Asked by cyklop77,

    0 votes
    1 answer

  13. Открытие браузерами одинаковых ссылок.

    Приветствую, вопрос не совсем по верстке, он скорее об особенностях работы браузеров, но более подходящего раздела не нашел. Вопрос следующий: если на странице присутствует несколько одинаковых ссылок (допустим пять) на один и тот же ресурс (допустим на одну и ту же картинку), то как себя ведут большинство браузеров в этом случае - все пять раз делают один и тот же GET запрос или один раз делают запрос, а на остальных ссылках используются данные полученные при первом запросе? Возможно, это зависит от какихто условий - если, да, то от каких? Интересуют браузеры ie8-9, ff, opera, google chrome. Пример, чтобы пояснить вопрос: 1-случай: <div id="images"> <img src=…

    Asked by BAntDit,

    0 votes
    0 answers

  14. border-image для IE

    Добрй день. Есть такое замечательное css свойство http://htmlbook.ru/css/border-image, может есть какой-то аналог в IE через какой-нибудь фильтр?

    Asked by kidar2,

    0 votes
    4 answers

  15. Контент вылазиет за блок

    Прошу помощи. http://fly.gergert.kg/node/4 Заранее спасибо

    Asked by Hostgame,

    0 votes
    2 answers

  16. Вывести родительский div поверх дочернего

    Здравствуйте, я в верстке разбираться только начинаю и поэтому сложилась такая простая проблема: HTML Code: <div id="header"> <div id="header_top"> <div id="logo"> <a href="/"><img src="images/logo.png" alt="Кинорулетка" /></a> </div> <div id="networks"> <a href="/"><img src="images/vkontakte.png" alt="Вконтакте" /></a> <a href="/"><img src="images/facebook.png" alt="Фэйсбук" /></a> <a href="/"><img src="images/twitter.png" alt="Твиттер" /></a> </div> </div> <div id="header_bottom"> <div id="roulet"> <img src="image…

    Asked by Inf1n1tI,

    0 votes
    7 answers

  17. горизонтальный js-скролл

    помогите пожалуйста понять причину того, что на страничке элементы списка выстраиваются не в одну строку, а несколько. соответственно нет горизонтального скролла, который мне нужен в результате

    Asked by cyklop77,

    0 votes
    1 answer

  18. mootools fx.slide

    Добрый день! У меня на сайте установлена небольшая раскрывающаяся/закрывающаяся панель. Раскрывается она при помощи fx.slide, по умолчанию раскрытие идет от верха к низу, мне же нужно наоборот, чтобы открывалось от низа к верху. Вот мой код window.addEvent('domready', function() { var fx = new Fx.Slide('footer-snif').hide(); $$('#footbut h3').addEvent('click', function(event){ /* // w/out Fx.Slide var fx = new Fx.Morph($('footer-snif')); if ($('footer-snif').getStyle('height').toInt() == 0 ) { fx .start({'height': [0,200]}); } else { fx .start({'footer-snif…

    Asked by ninJo,

    0 votes
    0 answers

  19. поправить код

    помогите пожалуйста поправить код страницы так чтобы валидатор перестал ругаться как я понимаю, валидатор говорит о том, что rel не может иметь значение 'group'. туц. поменять имя нетрудно, но в js я не нашел фразу 'group'

    Asked by cyklop77,

    0 votes
    2 answers

  20. input вод только 1 точку

    Доброго времени суток. Есть строка ввода куда вводятся только цифры и точкИ, но мне надо, что бы точку можно было ставить только одну. Проблема в том, что я незнаю как это реализовать. Код строки ввода: <input type=text id=vklad onchange=Calc() onKeyPress="if(event.charCode!=0&&event.charCode!=46&&(event.charCode<48||event.charCode>57)) return false;">

    Asked by dimon3191,

    0 votes
    4 answers

  21. как увеличить изображение при наведении на другой блок

    Есть у меня блок с изображением: <div class="float-left jpage-jblocks-images left-right-image"><img border="0" style="border: 0;" src="/images/image.jpg"></div> под ним стоит блок с текстовым наполнением <div class="float-left jpage-jblocks"> наполнение </div> можно ли сделать так, что бы при наведении на блок с текстовым наполнением изображение в блоке с изображением увеличивалось? При наведении на изображение ее увеличение сделала так: .jpage-jblocks-images img:hover { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-d…

    Asked by DrMartens,

    0 votes
    1 answer

  22. Вёрстка для комментариев

    Здравствуйте. Столкнулся с проблемой написания вёрстки для компонента комментариев. Очень прошу помочь тех, кто в этом разбирается. Вот картинка. Сначала пробовал всё divami оформить, что-то не получилось. Потом пробовал table - снова проблемы. Самое простое быстро забывается. Те, кто в этом ещё шарит - помогите плиз... Там где цветные квадратики - это картинки будут. И надо сделать так, чтобы правая часть (само сообщение) увеличивалось по мере увеличения сообщения, НО чтобы не была меньше чем левая часть (аватар и т.д.). Т.е. чтобы минимальный размер правого окна было не меньше левого, а если больше - то больше. Заранее огромное спасибо.

    Asked by juvileor,

    0 votes
    4 answers

  23. ie7 и абсолютное позиционирование

    Доброго времени суток! В процессе работы над простым шаблоном наткнулся на неприятную ситуацию отображения в IE7. Проблема с горизонтальным меню, при выборе в верхней строке пункта, в нижней строке должен появлятся подпункт, прямо под верхним пунктом. Используется скрытие display: none и абсолютное позиционирование подменю. Во всех браузерах все адекватно, а в Ie7 подпункт появляется справа от пункта, а должен быть прямо под ним снизу. <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> #nav { height: 95px; background: #fff; } #nav ul{ display: block; width: 100%; } #nav ul li{ float: left; …

    Asked by Shockwaves,

    0 votes
    9 answers

  24. смещение background в <td> в IE

    Всем доброго настроения. Немцы уже отпраздновали капитуляцию (у них 8-ого мая), ну а нас - с наступающим! Если чего, не пинайте в правое ухо... - вопрос, наверняка, заезженный и скорее всего уже обсуждался не раз, но понятия не имею по каким словам искать на него ответ. В общем к делу. Обычный html файл, обычная таблица, в которой есть 5 <td> и 3 <tr>. В левом <td> backround ставится как надо, а вот в самом правом... (см. вложение). Это только в IE (версия 9 - другие не пробовал - ну их), в остальных броузерах все ОК. Картинка background смещается на один пиксель влево, затем идет повтор картинки (no-repeadt работает, но тогда край не ровный получается)…

    Asked by copyright,

    0 votes
    0 answers

  25. ишак съел блок

    сверстал страничку под неIE. но всё таки интересно хотя бы в общих чертах знать куда IE7 спрятал блок .featured width пробовал уменьшать. помогите пожалуйста если не решить проблему, то хотя бы понять причину исчезновения блока

    Asked by cyklop77,

    0 votes
    1 answer

  • Обсуждения

    • 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