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. Проблема с position: absolute IE6

    Народ всем привет, возникла очередная проблема в ИЕ6, раньше с ней не сталкивался, вот тут исходник http://shinoda.ru/bug_fix/verstka/main.htm Если посмотреть в ИЕ6 то блоки #menu_item№_area почему то имеют начало координат будто внутри блока #girl_area но на самом деле это не так если посмотрите по коду они находятся в #content_obertka, и у всех #menu_item№_area стоит позишн абсолют, а у род блока (#content_obertka) как и положено позишно релатив, так почему ИЕ6 отсчитывает от блока girl_area, если идеи?

    Asked by TonKhaO,

    0 votes
    6 answers

  2. проблема с position:absolute в IE

    Привет всем. Столкнулся с проблемой в IE Не могу понять как поправить Есть такой код <!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> <title>HeLlO</title> <meta http-equiv="content-type" content="text/html; charset=cp-1251" /> </head> <body> <style> * {margin: 0;padding: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, c…

    Asked by dropoff,

    0 votes
    9 answers

  3. проблема с position:absolute в IE7

    Здравствуйте, проблема вот в чем: Сайт: http://photo.prime-gr.ru. На главной странице идут друг за другом маленькие картинки (float). При нажатии вываливается абсолютно позиционированная большая картинка. Этот блок привязан к первому, родительскому. Так вот, во все нормальных браузерах эта картинка поверх остальных. А в IE она под ними. Привожу часть кода: HTML: <div class="photos"> <ul> <li><a href="#" onclick="$('#js_img_204').show('slow'); "><img src="/upload/gallery/images/small/2a9b0a9b9ced4b794923303cee830586.jpg" border="0" height="40" /></a> <div id="js_img_204" class="overview"><a rel="lightbox-tour" href="/upl…

    Asked by webbis,

    0 votes
    4 answers

  4. Проблема с position:absolute на длинной по высоте LP

    Добрый день! Есть сайт http://valeodent.spb.ru/, представляющий длиннющую landing page, сделанную на темизированном Drupal 7. При щелчке по кнопке "Записаться" выходит форма, после заполнения которой посетитель должен увидеть сообщение типа "Заказ отправлен. В ближайшее время с вами свяжутся для уточнения деталей." - или сообщение об ошибке, если не все поля формы были заполнены. Сообщения реализуются через стандартные системные сообщения Drupal, но темизированы в файле .css шаблона сайта. В шаблоне страницы page.tpl.php это сообщение выводится в блоке <div class="message">, который вложен в <div class="content-block">. Соответственно, поскольку content-blo…

    Asked by NDanilov2015,

    0 votes
    1 answer

  5. проблема с position:absolute; right:-90px;

    Здравствуйте, много уважаемые коллеги по несчастью... Перед мной стала проблема с которой я никак не могу справиться! Дело в том, что мне нужно к правому краю окна прикрепить кнопку, но чтоб часть этой кнопки пряталась за экраном. Такого эффекта я добился с помощью CSS: position:absolute; right:-90px; Но появился горизонтальный скролл, сдвинув который видно ту часть кнопки которую не должно быть видно! И скролл мне этот не нужен совершенно! Вот по этой ссылке то о чём я говорю http://objekt.com.ua/v2/trouble.html P.S. Кнопка должна быть именно такой т.к. планирую к ней применить эффект slide

    Asked by boonya,

    0 votes
    2 answers

  6. проблема с position:fixed во всех IE

    Поскажите пожалуйста какую-то хитрую особенность для IE С position:fixed (актуально для всех версий) для контейнера sidebar. Свойство не работает совсем. Absolute работает, но он не подходит. При установке absolute виден ещё один хитрый баг - свойство padding для контейнера page почему то не применяется нормально и содержимое контейнера заходит под абсолютно позиционированный элемент. Сайт: http://kaprize-moda.ru/kollektsii Картинка со структурой

    Asked by Hobu4ek,

    0 votes
    2 answers

  7. Проблема с position:relative

    Имеется такой фрагмент кода: http://jsfiddle.net/hristofor/JT25y/ Почему wrapper полсе того, как я задал ему свойство position:relative не даёт полностью увидеть и нормально пользоваться выпадающем меню?

    Asked by hristofor,

    0 votes
    1 answer

  8. Проблема с radiobutton

    Удалите тему

    Asked by Tim,

    0 votes
    1 answer

  9. Проблема с ransform: skew и текстом

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

    Asked by Raccoon,

    0 votes
    2 answers

  10. Проблема с rel

    При валидации выскакивает такая ошибка Line 64, Column 75: Bad value images/thumbs/1.jpg for attribute rel on element a: Not an absolute IRI. The string images/thumbs/1.jpg is not a registered keyword or absolute URL. …ss="selected"><a href="images/1.jpg" rel="images/thumbs/1.jpg">Image 1</a></li> Syntax of link type valid for <a> and <area>: A whitespace-separated list of link types listed as allowed on <a> and <area> in the HTML specification or listed as an allowed on <a> and <area> on the Microformats wiki without duplicate keywords in the list. You can register link types on the Microformats wiki yourself…

    Asked by rango2014,

    0 votes
    4 answers

  11. проблема с relative в IE8

    Добрый день. Столкнулся с проблемой в нашем любимом IE. HTML - <div class="edit_head"> <div class="edit_pict"><img src="img/icons/radiation32.png"></div> <div class="pict_menu" style="display: none;"> <div class="img_panel"><img src="img/icons/fire32.png"></div><div class="img_panel current"><img src="img/icons/radiation32.png"></div><div class="img_panel"><img src="img/icons/biohazard32.png"></div><div class="img_panel"><img src="img/icons/drop32.png"></div><div class="img_panel"><img src="img/icons/voltage32.png"></div><div class=…

    Asked by Odrin,

    0 votes
    2 answers

  12. Проблема с repeat

    Привет У меня возникла проблема со свойством repeat Мне нужно чтобы этот рисунок был фоновым изображением body (не html) и при этом чтобы position было bottom. Но он вообще не отображается на моей старнице. Подскажите пожалуйсто в чем дело: Link: www.helpeks.ru/ex/noname1.htm CSS: html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; }

    Asked by Kev,

    0 votes
    13 answers

  13. Проблема с resize()

    http://vladp.esy.es/ Я не стал сооружать в верстке 3-х колоночный макет из колонок равной высоты, а просто выровнял их через js. Помогите пожалста с проблемой: при изменении размеров окна меняется высота центральной колонки. Я вызываю функцию по событию resize, однако выравнивания не происходит. В js крайне слаб, сам не могу понять.

    Asked by Vlad_P,

    0 votes
    19 answers

  14. Проблема с Select в IE

    Например есть такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> select { width: 300px; } </head> <body> <form action="handler.php"> <p><select> <optgroup label="Русская кухня"> <option value="r1">Закуска Барская</option> <option value="r2">Раки, фаршированные по-царски</option> <option value="r3">Биточки в горшочке</option> </optgroup> <optgroup label="Украинская кухня"> <option value="u1">Галушки славянские</option> <option value="u2">Пампушк…

    Asked by Mantikore,

    0 votes
    2 answers

  15. Проблема с selectом

    В и задаю фон с помощью CSS через вот часть кода: background: url(../images/gold_sem.gif) center center; все нармально, а вот в не получается.Что вы об этом думаете?

    Asked by vl@dvk,

    0 votes
    5 answers

  16. проблема с shadowbox'ом или плеером

    Есть вот такой сайт http://vr.angell.ath.cx 1. При нажатии на картинку (фильм) вылазит shadowbox. Внутри плеер. этот плеер нормально отображается только в Хроме. в ФФ совсем чернота. а в Опере и ИЕ он сверху и узкий. Кто то сталкивался с подобным? Можете что то подсказать? Это баг плеера или шадоубокса? или подключено как то неверно? 2. Возможно ли как то скролл сделать горизонтальным? а не вертикальным. без js. с js там слайдер )

    Asked by npofopr,

    0 votes
    0 answers

  17. Проблема с slider range на телефоне

    На компьютере ползунок отлично работает, но на телефона когда пытаюсь сдвинуть двигается сам экран. использую jqury ui slider range. Может кто знает как решить проблему?

    Asked by raptor-dm,

    0 votes
    2 answers

  18. Проблема с SSI вставкой

    Пытаюсь подключить меню, которое вынес в отдельный файл к остальным страницам. код меню находится в файле content.html, который располагается в корне сайта. Главная страница index.html находится тоже в корне сайта. Остальные страницы онтосительно корня по адресу : pages\tourism На главную стканицу вдключил меню так: <!--#include file="content.html"--> а на остальные пытаюсь так: <!--#include file="../../content.html"--> но меню подключилось почему-то только на главной странице на остальных выдаёт ошибку "an error occurred while processing this directive". Пути указал насколько понимаю правильно. Но почему-то меню подключает только к главной странице. Подска…

    Asked by Newbie,

    0 votes
    5 answers

  19. Проблема с style.css

    Добрый день. Я только учусь html и css. Вот Пытаюсь сделать страничку для ресторана. Возникла проблема: когда сайт запускается на компьютере все работает отлично но когда закидываю на хост перестает работать style.css или работает некорректно. Ниже код html и css. Что там не так, уже сил нет. Спасибо заранее за помощь. Сам сайт www.crystall.zp.ua HTML Код И CSS

    Asked by K2A,

    0 votes
    13 answers

  20. Проблема с Sublime Text3

    День добрый. Совсем недавно начал учиться HTML и CSS. Пытаюсь сверстать по макету и как вы уже поняли пишу в Sublime. Проблема в том что когда дело доходит до transition или linear-gradient редактор их не распознает (прописываю с префиксами). Помогите разобраться, проблема в плагинах?

    Asked by iker,

    0 votes
    4 answers

  21. Проблема с SVG в Chrome

    Доброй ночи, есть тут интересно специалисты в SVG) разное отображение в браузерах, вот иллюстрация как бы слой с текстом получается снизу, а должен быть сверху сам свг тоже прилагаю, можете у себя его просто открыть в браузере SVG

    Asked by fortunato,

    0 votes
    3 answers

  22. Проблема с SWF (флешь ролика) при верстке, происходит белый скачок

    Всем добрый день коллеги, столкнулся с такой проблемой при верстке: При загрузке флешь ролика (.SWF) происходит моргание белым цветом (если не моргнет попробуйте в другом браузере) далее ролик начинает играть. Вот тут вот сама проблема: http://andersstilleben.com/ Сразу отвечу: в ролике белого цвета нет вообще, только черный: #000000 Бит рейт SWF ролика при компиляции 18 кадров, также делал 36 фреймов, проблема не в ролике 100% Проблема наблюдается в бразуерах: Opera, Safari, Chrome и вроде в некоторых IE Код index.html <!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/19…

    Asked by maple85,

    0 votes
    2 answers

  23. Проблема с tabs на css

    http://versuscat.esy.es/blog.html Браузер,при переключении табов перенаправляет страничку вверх.Я хочу избавится от этого эффекта,чтобы когда переключал табы,положение на странице не менялось. http://codepen.io/wallaceerick/pen/ojtal - это исходник с которого было скопировано и переделано под себя решение(там тоже перенаправляет положение на странице вверх) Помогите пожалуйста

    Asked by MegaS,

    0 votes
    2 answers

  24. проблема с text decoration

    взгляните на это: http://s017.radikal.ru/i435/1412/05/d0e008a72426.png я вперые такое вижу если честно. где верхние 3 блока ссылка подчеркнута пунктиром, text decoration только сплошную линию ставит и то расстояние нельзя урегулировать, border не подходит, т.к. он только под всей ссылки поставит одну линию. как такое решить? не ошибка ли дизайнера? и второй момент, там где полезные статьи, text-decoration чуть ниже находится, как опустить его?

    Asked by raptor-dm,

    0 votes
    3 answers

  25. проблема с text-decoration

    Добрый день! Заданы св-ва a:link{ color: #003399; text-decoration: underline; font-weight: normal ; font-size: 13px;} h3 {font-size : 15px; text-decoration : none; color : #4682b4; margin : 5px 0; } Код <a href="http://www.foxelectro.ru/content/blogcategory/62/81/"><h3>Статьи</h3></a> Несрабатывает text-decoration : none; для h3 в ie (цвет, размер меняются а подчеркивание остается) , в ff отображается как надо без подчеркивания...Это как-нибудь можно исправить???

    Asked by Foxelectro,

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