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. Div блок и прокрутка

    Есть всплывающий div блок, в который загружается текст для редактирования. Контейнер выставлен по центру left:50%; top:50%; Проблема: когда разрешение небольшое, контейнер вылезает за границы экрана, прокрутка появляется, но сам блок остается отцентрованным и прокрутка на него не действует. Как с таким бороться? Параметры контейнера: #popup { background-color: #FFFFFF; position: fixed; height:600px; left:50%; top:50%; min-width: 300px; z-index: 41; }

    Asked by Жуля,

    0 votes
    10 answers

  2. Цвет галочки в чекбоксе

    Он как-то регулируется? А то в макете у меня он синий о_О

    Asked by Gaspode,

    0 votes
    1 answer

  3. Всплывающее меню

    Здравствуйте. Недавно начал осваивать верстку. Сейчас делаю первый макет и столкнулся с проблемной. Не могу сделать горизонтальное всплывающее меню. HTML <!DOCTYPE html> <head> <meta charset="utf-8" > <title>TeaM GreeD</title> <link href="css/common.css" rel="stylesheet" type="text/css"> <!--[if IE]> <link href="ie.css" rel="stylesheet" type="text/css"> <![endif]--> </head> <body> <div id="container"> <!--Регулирует размеры по ширине!--> <div id="header"> <ul id="menu"> <li><a href="#"><span>Главная</span></a></li> <li…

    Asked by WHITEMAN23,

    0 votes
    22 answers

  4. проблема со спрайтами

    После подключения файла reset.css перестали работать спрайты в опере, хотя в мозиле отображается всё как положенно. Изменение значения background-position результатов не даёт.

    Asked by olka,

    0 votes
    3 answers

  5. Появилась пустая область перед таблицей

    В IE 9 Все нормально: В опере и в FF вот так: вот пример с видимыми границами: Сам код таблицы <table width="100%" border="1" cellspacing="0" cellpadding="5"> <tr><td align="left">Андрей Шишкин - Лола</td><noindex><td width="10%" align="center">[audio:http://dl.dropbox.com/u/16720744/%D0%9B/%D0%9B%D0%BE%D0%BB%D0%B8%D1%82%D0%B0/%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B9%20%D0%A8%D0%B8%D1%88%D0%BA%D0%B8%D0%BD%20-%20%D0%9B%D0%BE%D0%BB%D0%B0.mp3]</td><td width="10%" align="center"><a href="http://dl.dropbox.com/u/16720744/%D0%9B/%D0%9B%D0%BE%D0%BB%D0%B8%D1%82%D0%B0/%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B9%20%D0%A8%D0%B8%D1%88%D0%B…

    Asked by Airogen,

    0 votes
    2 answers

  6. Пустой span c min-width в таблице. Проблемы с ИЕ7.

    Добрый день! Задача такая: сверстать пустые поля для вывода информации. В дальнейшем они должны растягиваться по содержимому (по ширине). Верстка табличная. <!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>min-width</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <!--[if lte IE 7]> </style> <![endif]--> <style type="text/css"&g…

    Asked by F315,

    0 votes
    15 answers

  7. Текст выходит за рамки div по ширине

    Помогите пожалуйста. Текст выходит за рамки блока div по ширине. Всё делаю с видео урока, там всё нормально, у меня вылазиет. Файлами с самого видео курса заменял свои, всё равно такая фигня. Как исправить?

    Asked by dimann90,

    0 votes
    1 answer

  8. DIV и вторая строка

    Прошу совета. Два дива float:left. Размер первого определяется длинной слова (или слов в <NOBR>), длинна второго — на все оставшееся пространство. Проблема: во втором диве, как только текст доходит на правого края, нет переноса на вторую строку. Вместо этого сам DIV сваливается под первый. Как быть? <DIV style="float:left"><NOBR>Фраза</NOBR></DIV> <DIV style="float:left">текст</DIV> Если бы ни зависимость ширины второго DIV'a от первого, проблем бы не было: при явном указании ширины, перенос на вторую строку во втором DIV'e есть.

    Asked by Artlive,

    0 votes
    16 answers

  9. Проблема span в табличной верстке. IE7

    Вот часть кода: table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr class="price"> <!-- <td style="padding-right:2px; padding-top:7px"><img src="" border="0"></td> --> <td><b>Цена</b></td> <td width="100%" style="padding-left:18px;" class="tablebody"> <span class="price_num"> 1,59 руб. </span> за шт<br> <span class="price_num"><b>159,00 руб. за партию</b></span> </td> <td rowspan='2' width='100px'> <div class='cheet_logo'> <img src="/images/firms/gemar.jpg" border="0" …

    Asked by moskalev_mihail,

    0 votes
    0 answers

  10. Читалка FB2. Книжный режим чтения

    Добрый день всем) Делаю читалку для формата FB2 (на С++), текст, который отпарсил, перевожу в html. Передо мной встала проблема: не знаю как сделать книжный режим чтения (две страницы на экране). Программно он, видать, не решается. Вот и подумал, может быть можно это сделать, прибегнув к css и html? Т.е. нужно как-то указать, чтобы текст отображался только в двух прямоугольниках на экране. У меня идея такая: создать два фрейма, каждый высотой в высоту экрана, а шириной - в пол экрана. И в них размещать текст. Правда не знаю что делать, когда текст заполнит весь фрейм - ему нужно указать, чтобы заполнял соседний фрейм. А после перелистывания - след. два фрейма. Вот как-то …

    Asked by xmlns,

    0 votes
    1 answer

  11. отложенная загрузка скрипта

    в моем случае DOM дерево со временем изменяется, как сделать загрузку скрипта через определенное время или циклически?

    Asked by jurassik,

    0 votes
    0 answers

  12. Не могу разобрать с горизонтальным меню

    Здравствуйте, помогите пожалуйста разобраться с горизонтальным меню Есть горизонтальное меню: Главная Новости Контакты Обратная связь хотелось бы вставить вертикальный разделитель вот так: Главная | Новости | Контакты | Обратная связь мой ксс имеет вид #test-menu li{ background: url(../images/vline.gif) 100% 0 repeat-y ; display: inline-block; font-size:11px; padding: 0 10px 0 10px; } но он отображает меню в таком виде (ставит черту в конце): Главная | Новости | Контакты | Обратная связь | можно как книбудь избавиться от этой черты с помощью ксс???

    Asked by gyper,

    0 votes
    5 answers

  13. Ссылки на сайте перестали быть активными

    В общем проблема такая. В один момент на сайте перестали работать все ссылки, и перестал появляться курсор "pointer". вместо pointer появляется text, курсор для редактирования текста. может кто сталкивался с такой проблемой??? как это выглядит можно посмотреть здесь www.mupgoii.ru А также при наведении на ссылку, не появляется путь ссылки.

    Asked by gas,

    0 votes
    2 answers

  14. Не могу кликнуть по ссылке

    вот http://site.druzhina.org/ там слева Главная Новости и прочее, а справа вход так вот, вход какбы сверху, поэтому кликнуть удается только по нему, если уменьшить ширину его блока, то он будет слева, а не справа пробовал z-index не работает. что делать? нужно: слева Главная Новости... справа: вход ЗЫ а в IE8 вообще почему-то разметки нет

    Asked by AquaGen,

    0 votes
    2 answers

  15. не могу разобраться

    урок 2 http://www.sdelaysite.com/javascript/javascript-video-2 <HTML> <HEAD> <TITLE>this</TITLE> <script type="text/javascript"> ... this.value = ''; </SCRIPT> </head> <BODY> <input type="text" value ="введите email" onClick="..." id="mail"> </BODY> </HTML> что тут надо, чтобы заработало, пожалуйста подскажите и еще один пример не могу разобраться http://htmlbook.ru/samlayout/verstka-na-html5/vnutrennyaya-stranitsa здесь в примере Блок"интересная информация" показано как делается тень я так и недоделала тень в макете "муж на час" <html> <head> <style> .interest { background: #…

    Asked by olga153b,

    0 votes
    9 answers

  16. Как разместить div на границе другого div

    Как разместить div на границе другого div таким способом

    Asked by T@NKIST,

    0 votes
    2 answers

  17. Автоматическое создание якоря по заголовкам

    В word-е есть такая функция как "Оглавление и указатели", с ее помощю можно создать авто содержания по заголовкам. Далее это все можно сохранить в html виде, в итоге получится у нас документ с проставленными якорями по заголовкам, но word-е это делать плохо так как много мусора, может есть другие программы, или,или.. которые могли бы в таком автоматическом режиме проставить якоря?

    Asked by hopest,

    0 votes
    4 answers

  18. Помогите с меню справится

    Здравствуйте! проблема с меню при наводке на ссылку не работает :hover в chrome и safari работает в FF IE Opere. здесь можно посмотреть меню ghost1981.co.cc Помогите если не сложно... спасибо! <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th…

    Asked by ghost198119,

    0 votes
    3 answers

  19. Form:select,checkbox,input

    Доброе Утро! Подскажите пожалуйста кто знает: Кроссбраузерные плагины для Form(select,checkbox,input)! Сделать это необходимо на следующую страницу: http://yamaradg.narod2.ru/history/Hosting_Company/1.html Верстаю под: Mazillu,Safari,Operu,Google Chrome,IE-7,8,9... P.S. В заранее благодарен за помощь...

    Asked by Yamaradg,

    0 votes
    3 answers

  20. Ширина табов

    Есть такие табы. Как нужно поменять css, чтобы общая ширина табов была точно равна ширине блока ниже?? Когда я пробовал, вместо символов A,B,C были длинные строки, и у меня постоянно общ. ширина табов либо не дотягивала до ширины блока, либо была больше, и вообще один таб съезжал вниз.. ( Есть ли способ сделать ширины одинаковыми (равномерно табы распределить) - при этом вне зависимости от контента табов(будь то A,B,C или строки подлиннее)?? Или от ширины контента табов всегда будет зависеть?? Тогда как??

    Asked by DrStrangeLove,

    0 votes
    14 answers

  21. Нарезка шаблона

    Добрый день, я новичок как бы, и почти в каждом шаблоне замечаю что шаблон нарезан. Подскажите по какому принципу это делается и для чего? Порою (как в примере) режется совершенно странным образом. не могу понять смысла. PS верстаю по слоям, сохраняю слой и после уже использую, быть может я что то не так делаю?

    Asked by WabFad,

    0 votes
    2 answers

  22. Масштабирование swf в таблице

    Доброго времени суток, уважаемые профессионалы! Хочу сверстать простейшую html страничку с вставленным swf файлом. Все бы хорошо, но мне нужно, чтобы его размер изменялся в зависимости от размера окна. Усложняется дело тем, что слева должен быть столбец заданной ширины. Пробовала двумя способами - через таблицу и div'ами, в обоих случаях получается ерунда. Вариант с div'ами. Вариант с таблицей. Я совсем не специалист и уже сломала себе голову об эту, как мне казалось, простую страничку! Помогите, пожалуйста!

    Asked by Niucha,

    0 votes
    2 answers

  23. Верстка подвала

    Извиняюсь за банальность, но не могу справиться с проблемой сайт http://www.estilo.kz как серый фон в футере растянуть на всю ширину и прижать его к самому низу браузера?

    Asked by dimdimin,

    0 votes
    1 answer

  24. Перезагрузка div слоя

    Есть часы. Сделал путем php с выводом в div слое. Файл с функцией пхп подключаю, т.е. он отдельно. Нужно, чтобы див слой перезагружался без перезагрузки самой страницы, чтобы часы работали как надо. Что-то нигде не нашел решения этой проблемы...

    Asked by onsite,

    0 votes
    2 answers

  25. Меню виде border-top

    Помогите разобраться как сделать такое меню Проблема при hover ,не получаеться прописать на одну линию ... размер меню 375px.

    Asked by coldug,

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