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. кнопочки

    расскажите пожалуйста как верстать кнопочки любые блоки стараюсь верстать, учитывая переполнение контентом. в кнопках типа "search", "send", "join now" очень редко меняется текст(тем более из админки). но совесть всё таки не спокойна когда тупо вырезаю в фотошопе фон с определенными размерами и использую для контейнера кнопки как лучше поступать, для каждой кнопки всё таки учитывать переполнение или это не обязательно? может быть существуют какие-нибудь правила хорошего тона?

    Asked by cyklop77,

    0 votes
    6 answers

  2. Изображения внутри таблицы

    Здравствуйте!Возможно ли сделать,чтобы изображения подстраивались под ячейку таблицы,не меняя пропорций?

    Asked by Valrine,

    0 votes
    0 answers

  3. Не работает behavior:url(border-radius.htc);

    В css используется: -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-outline-radius: 5px; border-radius:5px; В Google Chrome все отлично работает. Для работы в IE8 используется: behavior:url(border-radius.htc); Тем не менее, в IE8 уголки не закругляются. Подскажите, пожалуйста, как решить проблему?

    Asked by TorchTT,

    0 votes
    6 answers

  4. Возможно ли это сверстать под IE6

    Есть небольшой шаблон - страница настроек плагина для uTorrent, файл содержит в себе стиль https://dl.dropbox.com/u/115646/Temp/sds.html Установлен IE9 и он показывает нормально. Но вот что там разработчики настроили во встроенном в uTorrent IE - не пойму. Страница просто ужасно выглядит. Причем такой код: <script language="JScript"> <!-- @cc_on; alert(@_jscript_version); //--> </script> выдает "9". Может какой режим не тот у него? Я не верстальщик особо, но гуглить могу. Подскажите хоть возможно ли из этого шаблона сделать версию для IE6, чтоб уж точно без багов. Если да, то куда копать. Разные htc пытался использовать - безтолку. Как я понимаю…

    Asked by Ruzzz,

    0 votes
    4 answers

  5. фон у шапки

    Не работает background-image у header, хотя с footer'ом все отлично. Не могу понять в чем дело! <!DOCTYPE html> <html> <head> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script type="text/javascript" src="js/main.js"></script> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/main.css" type="text/css" /> <link rel="stylesheet" href="css/menu.css" …

    Asked by humb1t,

    0 votes
    2 answers

  6. На широких мониторах показывается не весь сайт

    delete

    Asked by anjoy74,

    0 votes
    15 answers

  7. JS открытие документа

    Долго искал - не нашёл ответа на свой вопрос. Итак, getElementById('id') работает в том документе, из которого вызвана функция. Как заставить JavaScript прочитать постороннюю html-страницу? Заранее спасибо.

    Asked by Ingrediamur,

    0 votes
    1 answer

  8. Проблемы в Opera

    Сайт: Емакс спорт.Ру Как убрать рамку вокруг надписи "Лыжи Атомик Word Cup" HTML код: <TR class=tabl5> <TD class=toptable3 colSpan=2 > <div style=\"float:left;width:420px;\"> <table class=lt2> <TR align=center> <TD ><B><strong>"Лыжи Атомик Word Cup"</strong></B></TD> </TR></table> </div> CSS код: TR.tabl5 td{HEIGHT:23; BORDER: #7E98CD 1px solid;} TD.toptable3 {text-align:middle; FONT-SIZE: 9px; background: #fff; width:100%;} TABLE.lt2{width:100%;}

    Asked by gavru,

    0 votes
    4 answers

  9. IE 8,7 не подшружает шрифты

    Добрый вечер. IE 7-8 не подгружает шрифты, с чем может это быть связано? Подгружаю так: @font-face{ font-family: 'MobileStore'; src: url('fonts/MobileStore.eot'); src: url('fonts/MobileStore.eot?#iefix') format('embedded-opentype'), url('fonts/MobileStore.woff') format('woff'), url('fonts/MobileStore.ttf') format('truetype'), url('fonts/MobileStore.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } Конвертировал шрифты через сервис font2web.com При верстке другой странички с другим шрифтом все браузеры подгружали шрифт шрифты в папке присутствуют

    Asked by a.antropov,

    0 votes
    11 answers

  10. Резиновый дизайн DIV-ами

    Здравствуйте! Верстаю шаблон для Джумла-2.5, нужен шаблон на ДИВах Вот сайт: Сайт Левая колонка присутствует только на главной странице, на остальных поле контента должно растягиваться на всю ширину. Совершенно запуталась с версткой! Применила для элемента 1 абсолютное позиционирование, растягивается как нужно, но на главной почему-то элемент 2 и поле 4 продолжаются за левое поле... И как указать расположение аналогичных нижних элементов, если поле вниз будет растягиваться в зависимости от контента? ПОмогите, плиз!

    Asked by Zeeeya,

    0 votes
    6 answers

  11. css хитромудрые селекторы

    Есть верстка: <body> <header>Заголовок сайта</header> <div class="layout"> <aside> <div class="top"></div> <div class="middle"> <h2 class="nomargin-top">Меню</h2> <—- вот он, элемент для которого надо получить селектор <ul class="nomargin-bottom"> <—- и для последнего тоже надо <li><a href="link1.html">Ссылка 1</a></li> <li><a href="link2.html">Ссылка 2</a></li> <li><a href="link3.html">Ссылка 3</a></li> <li><a href="link4.html">Ссылка 4</a></li> <…

    Asked by crashtua,

    0 votes
    6 answers

  12. границы в ячейках таблицы перерисовывают остальные границы

    Приветствую! Рисую календарь, выглядит вот так: пытаюсь добавить границы ячейкам таблицы, получаю такое: Как видно, затирается левая и нижняя граница таблицы, а так же граница строки после дней недели. Подскажите, как это исправить? Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> * { padding: 0; margin: 0; } body { padding: 50px; } body { font-family: Verdana, Helvetica, sans-serif; font-size: 13px; } table.calendar { float: le…

    Asked by stalker_2000,

    0 votes
    2 answers

  13. DIV не выравнивается по высоте

    Добрый день, подскажите пожалуйста: http://jsfiddle.net/8xyNP/ 1) Почему, у span.b автоматически не выставляется высота как у родителя div.a? 2) Если, у span.b выставить width: 500px, как сделать чтобы span.c сам выставил себе значение width, до элемента span.b?

    Asked by AppleMacMy,

    0 votes
    6 answers

  14. столбец залитый градиентом не выбеляется

    Необходимо, что бы строка содержащая градиент в первом столбце выделялась при наведении! Если нет градиента то все нормально выделяется, а с ним не получается! td.rt { background: -webkit-linear-gradient(left,#FF0000 2% ,#FFFFFF 10%, #FFFFFF 50%, #FFFFFF 100%, rgba(255, 0, 0, 0.5));/*градиент для первого столбца*/ } tbody tr.tt:hover { background: #c8c8ff; /* Цвет фона при наведении */ color: #000000; } Помогите очень надо!

    Asked by mkokueva,

    0 votes
    1 answer

  15. зазор между инлайновыми элементами

    подскажите пожалуйста почему на этой странице между .logo и h1 есть зазор? то есть при перемещении курсора по горизонтали, на которой находятся эти элементы, курсор в некоторый момент меняет свой тип если можно, подскажите как решить проблему

    Asked by cyklop77,

    0 votes
    3 answers

  16. Как правильно использовать Border в 960 Grid System?

    Здравствуйте. Пытаюсь разобраться с CSS фреймворком 960 Grid System. Столкнулся с проблемой заданием границ блокам. Дело в том, что когда я выставляю border равный 1 пикселю блок уезжает под другой т.е два блока получаются больше 940px. Как с этим быть? Вообще, появилась идея задавать для каждого блока, у которого будет padding или border ширину отдельно с помощью ID. Т.е. ширина блока будет пересчитана, так как ID имеет более высокий приоритет по сравнению с сlass. Но является ли такая техника верной при использовании 960 Grid System?

    Asked by TraiDeR,

    0 votes
    2 answers

  17. HTML5

    Не нашел старой темы,решил создать новую и посоветоваться с вами,поделитесь мыслями,как быть в такой ситуации: <a class="main_item" title="blabla" href="blabla"> <h2 class="listing">BlaBla</h2> <span class="wrap_productImg"> <img class="productImg" width="198" height="89" alt="blabla" src="images/small/2.jpg"> </span> <div class="wrap_price_main"> <span class="priceBlock"> 1111 <span class="rub">руб.</span> </span> </div> </a> правильным ли будет такой вариант: <section> <article> <a class="main_item" title="blabla" href="blabla"> <header> …

    Asked by milkeyway,

    0 votes
    7 answers

  18. Как сверстать обводку?

    Как сверстать обводку блока если она градиентом сверху вниз?

    Asked by hahaja,

    0 votes
    2 answers

  19. Прикручиваю слайдер - не отображется

    Добрый день. Как сторонний слайдер прикрутить? Вроде код слайдера(в шаблоне) работает - в теги А, IMG яваскрипт добавляет свое. А где я ниже подключил никак не кушает настройки яваскрипта. Вот 178.95.185.177/real/alfasi.html?view=property&id=1:alfasi-15-rekhaviya Фаербагер даже другой подстветкой показывает, начиная с тега UL там где только черная полоска.

    Asked by 550953,

    0 votes
    3 answers

  20. Дотянуть div до футера

    Собственно сабж Абсолютное позиционирование не подходит, так как скол не появится, когда разрешения монитора маленькое.

    Asked by Kerny,

    0 votes
    0 answers

  21. iframe проблема с разными браузерами

    Здравствуйте. Возникла проблема с iframe. Ситуация такая: есть php скрипт который обрабатывает изображения и сохраняет. Потом эти изображения вставляются в iframe в соответствии со страницей. Опера, например, отображает как должно быть, хром и эксплурер - только первое сохраненное изображение. Как можно исправить эту проблему и загружать соответственные изображения. Заранее спасибо)))

    Asked by assd18,

    0 votes
    1 answer

  22. Отображение элемента поверх всех других

    Добрый день. Как сделать чтобы элемент, который находится внутри другого с overflow: hidden, отображался поверх всех других? <!DOCTYPE html > <html> <head> <style type="text/css"> .inner { position: absolute; top: 150px; left: 150px; } .outer { overflow: hidden; width: 100px; height: 100px; position: relative; } </style> </head> <body> <div class='outer'> <div class='inner'> Content </div> </div> </body> </html> Нужно чтобы Content всегда отображался. Стиль position: fixed для inner не подходит, т.к. в этом случае в моей задаче придётся делать расчёты …

    Asked by kidar2,

    0 votes
    4 answers

  23. Простейший макет, проблемы с height

    Т.к. в соседнем разделе не удалось мне решить мой вопрос, решила начать с нуля и посмотреть, где возникает проблема. Начала делать простейший макет, и вот какая странность. Вроде бы уже проще некуда, делала из многочисленных примеров, пробовала разные варианты. Вот собственно оно http://jsfiddle.net/bfTAC/ Интересно, что в Opera все отлично выглядит как надо А вот в Хроме и Firefix'е - что попало Если глянуть для интереса "инспектором" в Firefox, вот что говорит Получается "контейнер" 100%, но почему то всего 220px. Хотя с body там же все нормально - 100% и 720px на весь экран. Что я делаю не так? Уже тупняк какой-то начался, тяжело абстрагироваться

    Asked by m2141,

    0 votes
    7 answers

  24. Как сохранить отдельный слой в psd

    Как сохранить отдельный слой в psd без потери прозрачности в фотошопе???В общем есть на макете 3 картинки с логотипами + на них надписи прозрачные,отключаю все ненужные слои оставляю только картинку,сохраняю для веб в png + стоит галочка "прозрачность",в итоге там где должна быть прозрачность остается белый фон.

    Asked by Aleksey19881988,

    0 votes
    3 answers

  25. input email

    При использовании <input type="email" />, при некорректном вводе e-mail адреса, выплывает подсказка: У меня все ок, только сама надпись не отображается? в чем может быть ошибка?! чисто розовый фон.

    Asked by Zzz_,

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