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. Не получается поставить шапку

    Помогите пожалуста поставить шапку <!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="x-ua-compatible" content="ie=edge" /> {headers} <link rel="stylesheet" href="{theme}/css/style.css" type="text/css" /> <!--[if lte IE 7]> <link rel="stylesheet" href="{THEME}/css/style-ie.css" type="text/css" /> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" href="{THEME}/css/style-ie8.css" type="text/css" /> <![endif]--> <script type="text/javascript" src="{theme}/js/sharett.…

    Asked by xdimn,

    0 votes
    9 answers

  2. Не получается правильно задать слои

    Почему слои нехотят быть на своих местах, все съезжает? Это сама страница: <body> <div id="headmenu" > Голова </div> <div id="mainmenu" > Цент </div> <div id="rightmenul" > Правая колонка </div> <div id="leftmenu" > Левая колонка </div> <div id="footmenu" > Нижняя </div> </body> Из этого видно, что хочу разделить страницу на 5 частей: Вот css, как делил: html, body{ margin:0; padding:0; } #headmenu{ position:top; height:70px; background-color:#AAAAA0; width:100%; } #leftmenu{ width:200px; float:left; position:relative; background-color:#AAAA00; } #mainmenu{background…

    Asked by Ururu,

    0 votes
    5 answers

  3. Не получается правильно написать transition

    Доброго времени суток. Есть 2 свойства transition: top: 0 transform: rotate(45deg) transition-property: top, transform transition-duration: 0.5s, 0.5s Объединяю их вот таким образом: top: 0 transform: rotate(45deg) transition: top .5s, transform .5s В итоге, свойство top выполняется одновременно с transform. В чем может быть ошибка?

    Asked by IvanRu08,

    0 votes
    4 answers

  4. Не получается прижать footer к низу страницы

    Друзья, пробовал несколько методов, найденных в сети, выбрал тот, при котором к footer-у применяется абсолютное позиционирование, а страница body и html растягиваются до 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 charset="utf-8"> <style type="text/css"> html { height: 100% } * html body { height: 100% } body { margin: 0; padding: 0; min-height: 100%; position: relative; } #header { float:left; width:100%; min-width:1000px; } #wrapper { …

    Asked by Artur Boss,

    0 votes
    1 answer

  5. Не получается прижать текст в 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ы</title> <link rel= "stylesheet" type= "text/css" href= "indexCSS.css" /> <style type = "text/CSS"> * {margin: 0;padding: 0; border: 0} body{background:#000000} #ain{width:auto; height:auto; font-size:11px; line-heigh…

    Asked by polecat,

    0 votes
    4 answers

  6. Не получается применить пользовательский css даже c important

    Привет, ребят есть cms wordpress там свои шаблоны и css, я в сайт встроил свой скрипт на котором есть картинки в строках таблицы <table cellpadding="5" cellspacing="0" border="0"> расположенные друг над другом. Мне нужно сделать расстояние между этими картинками, НО cellpadding="5" не применяется. Все перебивает css самого wordpress а именно: media="all" * { padding: 0;} Если его отключать то cellpadding="5" хорошо применяется так как нужно, но отключение media="all" влияет на весь движок, как можно принудительно применить <table cellpadding="5" cellspacing="0" border="0"> ??? Спасибо!

    Asked by djforce,

    0 votes
    2 answers

  7. не получается прозрачный iframe

    Такая ситуация: в плавающем фрейме у меня выводятся разные страницы. Все они используют один и тот же файл css, в котором для тега body не указан цвет фона или фон-картинка. Для фрейма атрибут: allowtransparency='true'. Но почему то одна из страниц упорно отображается с белым фоном, хотя остальные на прозрачном. Проверил уже все: все таблицы на странице прозрачные. Если пробовать задавать цвет и картинку фона для страницы, то действует. Если убрать эти атрибуты в css, то возникает белый фон.

    Asked by begin,

    0 votes
    0 answers

  8. не получается прозрачный бэкграунд

    в бэкграунд ложится картинка, нужно средствами CSS задать ее прозрачность сделал так: .mainbg { background: url('../img/general.jpg') no-repeat; /* Internet Explorer */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5; } но почему-то прозрачным становится текст сайта вот как отработало _hххp://sbsg-consulting.com помогите плз

    Asked by SKM,

    0 votes
    10 answers

  9. Не получается простой пример

    В самоучителе проходил вот такое вот решение. Вывод вписанного текста во всплывающее окно JS при нажатии на кнопку: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег INPUT, атрибут name</title> <script> function dataField(f) { alert("Вы ввели: " + f.comment.value); } </script> </head> <body> <form action="handler.php"> <p><b>Введите текст</b></p> <p><input type="text" name="comment"> <input type="button" value="ОК" onclick="dataField(this.form)"></p> </form> </body> </html> Захотел сд…

    Asked by DkS,

    0 votes
    2 answers

  10. Не получается разместить 4 картинки, так чтоб они размещались по всей ширине каждой ячейки таблицы.

    Не получается разместить 4 картинки, так чтоб они размещались по всей ширине каждой ячейки таблицы. Вот что я пишу: Этот код чисто для таблицы, а не весь файл. <center>Калорийность продуктов. Яйцо и яйцепродукты</center> <table align="center" border=5 bordercolor=breen > <CAPTION align=bottom > Таблица калорийности яйца</CAPTION> <tr bordercolor="#99FF66"> <td width="130px" height="130px" > <img src="kalorii1.jpg" alt="Фото калории" height="130px" width="100%" ></td></a> <td width="130px" height="130px" > <img src="kalorii2.jpg" alt="Фото калории" height="130px" width="100%" ></td>…

    Asked by people2010,

    0 votes
    2 answers

  11. Не получается разместить элементы

    Доброго дня!! начала заниматься версткой макетов и столкнулась на данный момент со сложной задачей. В частности с расположением элементов. Идея макета состоит в том, что это показательная страница, в которой отображается информация. Я немного не понимаю, как нужно расположить эти верхние элементы. Ибо когда я их пытаюсь переместить, то получается примерно вот так Плюс у них нельзя изменить размер (эти элементы в макете отображаются как картинки. И плюс бонусный вопрос: можно ли только через css и html сделать выборку по фотографиям, которые нужно будет выбирать внутри страницы (не используя инпут файликов из библиотеки пользователя)

    Asked by tbgiyl,

    0 votes
    0 answers

  12. Не получается расположить элементы в ротаторе в ряд

    Здравствуйте! Сразу скажу, что я программист, не верстальщик, и заниматься версткой мне приходится крайне редко, но если приходится, это почти всегда превращается в каторгу. Для меня написать бэкэнд сайта или игры гораздо проще, чем сверстать хотя бы не очень навороченную страницу. Вот сейчас делаю сайт интернет магазина под ключ, все шло как по маслу, но в одном месте наткнулся на проблему, в решении которой мне не помог даже гугл. Из-за чего она происходит мне понятно, но как это обрулить, ума не приложу. В общем, к делу. Мне нужно сделать ротатор в котором показываются похожие товары. Ну, это просто обычная "витрина" со стрелками по бокам, при нажатии на которые списо…

    Asked by goodguy,

    0 votes
    7 answers

  13. Не получается растянуть header по ширине экрана

    Всем привет. В Веб-дизайне совсем новичок и столкнулся с проблемой следующей: как не пытался прописывать везде cover и т.д., мой header вообще никак не хочет растягиваться на ширину экрана (путь к картинке - верный, проверял). Собственно, прилагаю сам код HTML, код CSS и скриншот того, что происходит. Как убрать эту пустую зону справа? Всем буду благодарен за помощь! HTML: <!DOCTYPE html> <html lang="ru=RU"> <html> <head> <meta charset="utf-8"> <title> SHINE DESIGN </title> <link rel="stylesheet" type="text/css" href="new 1.css"> </head> <body> <header> &lt…

    Asked by edshine,

    0 votes
    6 answers

  14. Не получается растянуть блок по высоте!

    Всем Здравствуйте! Такая вот проблема: внутри "div" находится "p", который растягивается в зависимости от объема текста, который в него помещается. Но "div" при этом остается фиксированной высоты "min-height". Я так понимаю все дело в свойстве position. Но не знаю, как это обойти. Нужно, чтобы "div" растягивался вместе с тегом "p". Вот скрин вылезающего текста: http://joxi.ru/YmEqpnRI9BNem6 Вот css код для "div": div{ position: relative; display: inline-block; width: 900px; left: 220px; background-color: #c3c3c3; min-height: 241px;}Ну и на всякий случай css код для "p":p{ display: inline-block; width: 500px; position: absolute; top: 50px;…

    Asked by Antoshka007,

    0 votes
    3 answers

  15. Не получается растянуть фон боковых блоков

    Проблема в том, что фоновая картинка не повторяется на всю высоту контейнера, а заканчивается там, где кончается блок. Решается проблема только с фиксированной высотой, которую я для наглядности задал в правой колонке, но фиксированная не пойдёт, а height:100% меня не понимает Пол дня мучаюсь с этой версткой. Помогите решить проблему <div id="container"> <div id="left_side"> <div id="block_top"></div> <div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет текст блока</div> <div id="block_bottom"></div> <div id="block_top"></div> <div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет т…

    Asked by Photoshopper,

    0 votes
    0 answers

  16. не получается резиновая шапка

    Здравствуйте уваж. Гуру! Проблема находится тут http://rubasket.com/forum/ хочу сделать резиновую шапку, разбил её на три части , между центральной и боковыми частями добавил блок с повторяющимся по х фоном голубого цвета... но он почему-то не отображается ! Можете посмотреть,где моя погрешность?

    Asked by FASTDEATH,

    0 votes
    3 answers

  17. Не получается с двумя слоями.

    Не могу совместить два слоя в одной ячейке таблицы (такое вообще, возможно?). Ж?лтая область - это область, где по умолчанию должна находится строка "On-line заказ.....", эта область растягивает ячейку по высоте, да и вообще портит вид, какого бы цвета не была. Саму строчку я передвинул (но ж?лтая область осталась), однако в этой же ячейке находится рисунок, который тоже описан отдельным слоем. Вобщем отрывок кода ячейки такой: <td colspan="2" class="menubar"> <span class="pic_left"><img src="images/left_bar.gif"></span> <div id="menubar_text">On-line заказ</div> </td> CSS: .menubar { background: #fc0 /* ж?лтый для наглядно…

    Asked by JeФoks,

    0 votes
    2 answers

  18. Не получается сайт! Выпадающее меню и фоновый цвет не корректно ставиться

    Здравствуйте! Помогите пожалуйста с сайтом! Вот сайт, при наведений на HOME получается так: Без этого блока PROFESSIONAL TEAM получается вот так: (отображается как нужно) А с блоком отображается не корректно. И еще проблема с фоном. На первой картинке видно с лева фоновая картинка для скругленного теня стоит не там где нужно: Как исправить все это ? Помогите пожалуйста. Архив с сайтом здесь

    Asked by aknur,

    0 votes
    4 answers

  19. Не получается сверстать кнопки

    Есть два варианта кнопки - активная и неактивная. У активной появляется стрелочка (высота кнопки увеличивается). Margin не помог - стрелочка не выходит за рамки кнопки. С падингом или увеличением высоты кнопка увеличивается, а стрелочка опять не выходит за пределы синего фона(( Подскажите плиз как сверстать кнопку.

    Asked by SEObomj,

    0 votes
    7 answers

  20. Не получается сделать collapse

    никак не получается сделать collapse: вот

    Asked by FASTDEATH,

    0 votes
    5 answers

  21. Не получается сделать div блок по верх остальных

    Помогите со стилями, у меня один див блок не выходит за третий по вложенности блок. вот его стиль /*display: none;*/ z-index:100; padding: 10px; border: 1px solid #AEAEAE; position: absolute; background-color: #ffffff; color: #0B79A2; margin-left:-1px;

    Asked by frost18,

    0 votes
    3 answers

  22. не получается сделать двойной hover

    надо сделать вот так: а получается вот так: доп материалы с кодом:

    Asked by tbgiyl,

    0 votes
    3 answers

  23. не получается сделать меню горизонтально

    добрый день. недавно, менее 2ух недель я изучаю хтмл и цсс. Решил сделать сай, пробный. пытаюсь сделать у сайта горизонтальную меню, для этого я вставляю [i]display: inline.[/i] и вроде всё гуд, но не то немного. у меня элементы подстраиваются под размер содержимого. как мне сделать так чтобы оно оставалось тем же размером что было?? я уже подумываю каждой кнопке делать отдельный блок где будет прописан своё местоположение. я надеюсь что не криво изложил свою мысль и проблему)) ниже сам код

    Asked by egrom92,

    0 votes
    3 answers

  24. Не Получается Сделать Нормано Подвал

    Вот не как не могу сделать нормальное отображение подвала страницы... Сама затея состоит в том, чтоб с помощью позиционирования вывести центральную колонку вывести первой в html коде страницы, получилось все отлично. Но дальше наткнулся на БОЛЬШОЕ НО это нормальное отображение подвала страницы. ПОМОГИТЕ СДЕЛАТЬ ПОДВАЛ вот пример: <!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>Untitled Document</title> <style type="text/css"&gt…

    Asked by hugomen,

    0 votes
    3 answers

  25. Не получается сделать прозрачность в IE 8

    Добрый день! Помогите пожалуйста с версткой! В теме используется слайдер. Во всех браузерах ок, в ИЕ на месте где должна быть прозрачность белый прямоугольник. В режиме совместимости, все нормально работает, а так нет. Сайт _http://new-castour.mamakar.locum.ru/

    Asked by spokinoki,

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