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. Как растянуть iframe?

    Всем привет. Люди помогите разобраться с iframe. Как сделать, чтобы он растягивался на всю длину? Вот код, который не хочет работать. Iframe должен быть без полос прокрутки. И как поставить блок div, содержащий фрейм, рядом с блоком содержащим много текста. <html> <body> <div style="max-width:1200px; min-width:800px; margin:4px;"> <div style="width:100%; height:146px; border:solid 1px #000;"></div> <div align="center"> <div style="float:left; width:120px; border:solid 1px #000;"> <br /> много текста <br /> много текста <br /> много текста <br /> много текста <br /> …

    Asked by Straik,

    0 votes
    1 answer

  2. Пропадает border при background

    Здравствуйте. Вот такая штука. В браузерах ff, opera у меня пропадает border у th, когда я использую background-image. Картинка множится по x и тем самым заливает рамку у th. Причём в google chrome всё нормально. Не знаете в чём может быть дело?

    Asked by prowoke,

    0 votes
    6 answers

  3. Наложение 2-х картинок

    вот такая как бы тень появляется, как мне избавиться от нее? Ссылка

    Asked by across,

    0 votes
    1 answer

  4. Как поправить HTML код

    Всем привет! Есть у меня готовый сайт, сделанный не мною и добавленный на хостинг тоже не мною! И надо на сайте просто чуть поправить HTML код. Работает на WordPress. Опыта работы с хостингами нету(((( Не могу понять где на хостинге найти html странички, там все в php. С этой технологией пока не знаком! Подскажите, в каких папках на хостинге, обычно хранятся html странички! или как это сделать на WordPress. там только Html код можно поправить, там где, что то через него добавляешь! P.S. Ссори за такое постановление вопроса((( с технологиями PHP не знаком и не знаю каким образом делаются шаблоны на WordPress и к тому же не было сайта на хостинге! Спасибо

    Asked by Patrickk,

    0 votes
    3 answers

  5. CSS свойство clear

    http://htmlbook.ru/css/clear http://www.w3.org/TR/CSS21/visuren.html#propdef-clear Из htmlbook-а (я так понимаю) clear навешаный на плавающий блок, запрещает обтекать себя другим элементам. И нифига так не работает. Из W3 (если я правильно понимаю инглиш) следует, что clear надо навешивать на тот элемент, контент которого может обтекать плавающие блоки. Пример я отредактировал так <!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>clear</title> …

    Asked by skvor,

    0 votes
    4 answers

  6. Блок не двигается

    здравствуйте! есть компонент для джумлы, но он не удачно налез на кнопки навигации, хотел его подвинуть ниже. добавил туда такую строчку #comments-form-link {position:relative; top:50%;} пробовал менять цифры, а блок не двигается.. как его опустить?

    Asked by nikki4,

    0 votes
    2 answers

  7. Как сделать тянущийся фон сбоку от контента?

    слева и справа от контента надо сделать 2 блока от шапки до подвала с картинкой (падающие лепестки), которые бы дублировались при увеличении размера высоты. перед футером поместил эти 2 блока (чтоб грузились уже после основного контента) попробовал сделать так: #bg-left { position:relative; float:left; left:-100px; top:-250px; background:url(../images/bg-petals.png) repeat-y; } но почему-то это не работает.. не расятигивается, а только внизу появляется. как же тогда сделать эти резиновые блоки по краям?

    Asked by nikki4,

    0 votes
    5 answers

  8. Укажите на ошибку

    В сверстанном макете дважды дублируется информация, думаю на Тег <body>. Подскажите новичку в чем ошибка. Посмотреть trigis(точка)ру

    Asked by utckindmitrij,

    0 votes
    5 answers

  9. Пропадает изображение в IE

    Привет! Подскажите в чем дело, сделал менюшку на css (не выпадающая,с замещающимся изображением использовал a:hover), в opere, mozille? хроме все норм,в ie 8 пропадает одно изображение (крайнее), а все другие отображаются нормально... Переделал менюшку сделал в DW cs5, редактор сдеалал менюшку на JS? и проблема опять та же.Кто сталкивался с подобным, и как это лечить.? Такой код написал DW <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new…

    Asked by ksonline,

    0 votes
    0 answers

  10. Подскажите, что означает контекстное форматирование?

    Вот читал статью про свойство float на Хабрахабре. И у меня возник вопрос что означает сочетание слов "контекстное форматирование"? Объясните пожалуйста, а то я вхожу в ступор. Я так понимаю, что внутри элемента находятся другие элементы, на подобии контекстного меню (при щелчке правой кнопкой мыши). Вот например: http://img834.imageshack.us/img834/9519/screenshot20120424001.png

    Asked by mrnobody,

    0 votes
    0 answers

  11. Свойство font и порядок свойств

    Начинаю вникать в процесс вёрстки. Возник вопрос про свойство font. В каком случае его можно использовать в качестве сокращённой записи нескольких свойств шрифта, а в каком нельзя? Хотел сократить запись, заменил в css-файле font-size: 1.25em; font-family: Arial; на font: 1.25em Arial; Оказалось, что это далеко не одно и то же. http://jsfiddle.net/Fmzxg/6/ Получается, все значения свойства font, если не указать их явно, сбрасываются к неким дефолтным значениям? Где можно посмотреть эти дефолтные значения? В справочнике неплохо было бы описать этот нюанс... Также из приведённого примера видно, что обязательно line-height нужно записывать только после font, чтобы это свой…

    Asked by LonerD,

    0 votes
    3 answers

  12. Натолкните на нужный путь

    На этом сайте мне понравилась основная часть. Собственно, вопрос, как сделать такую обводку (на сайте она зелёная) у таблицы?

    Asked by Immortal,

    0 votes
    8 answers

  13. Проблемы с переносом

    ссылка на изображение, размер: 10.9 кбайт, 1024 x 75 точек Как сделать чтобы перенос строки осуществлялся за границей, а не шел за пределы. Если прописывать еще больше текст вообще уходит за рамки страницы и приходится перематывать. Что нужно сделать чтобы такого не было?

    Asked by mfucka,

    0 votes
    3 answers

  14. помогите с дивами

    Здравствуйте. Возник вопрос с дивами. Посмотрите на картинку, вот пример новостей. Т.е. при добавлении акции - она добавляется по левому краю, применяется класс nb, а при добавлении простой новости - применяется класс nbr и форматируется по правому краю. Проблема в том, что если добавить акцию(она слева) после того, как добавлена новость(она справа), то вниз спускается и новость(справа), а нужно, чтобы при добавлении акции(класс nb) правая колонка новостей вообще не двигалась. css для main .main { width: 90%; padding: 0 5%; font-style: normal; font-size: 14px; } .main div { margin: -3px 0 5px; } .main div a { display: block; font: 16px "Time New Roman"; } .main s…

    Asked by vikadin,

    0 votes
    7 answers

  15. Не могу найти стиль

    Добрый Здесь справа внизу есть модуль вывода случайного изображения, внутри которого есть класс phocagallery-module-ri. Ищу, какой стиль отвечает за наведение. Всё, нашёл! Благодарю.

    Asked by borus,

    0 votes
    0 answers

  16. Инструменты тестирования на кроссбраузерность

    Подскажите, пожалуйста, есть ли opensource приложение для тестирования страниц в разных версиях браузеров (Windows и Linux)? Очень нужно. Спасибо.

    Asked by hike,

    0 votes
    13 answers

  17. Table => Div

    Здравствуйте. Надеюсь на вашу помощь: необходимо перевести данный табличный код в дивный вариант. <table cellpadding="0" cellspacing="0" align="center" width="100%"><tr><td class="header-left"></td><td> /* Здесь фоновое изображение */ <table cellpadding="0" cellspacing="0" class="f1topline"><tr> /* Здесь фоновое изображение */ <td class="head" align="center">Ваш сайт.ру</td> <td>текст</td> <td>Текст</td> <td>Текст</td> <td>Текст</td> <td>{login}</td> <td>текст</td> </tr></table></td><td class="header-right"></td&…

    Asked by Nack,

    0 votes
    6 answers

  18. Применять кросбраузерный inline-block?

    Здравстсвуйте. На странице, если менять масштаб просмотра страницы через ctrl+ 3-я колонка при определенных масштабах пропадает. Это лечится как здесь?

    Asked by borus,

    0 votes
    1 answer

  19. hover для картинки

    Привет всем. Скажите как сделать чтобы при наведении курсора мышки на картинку (точнее на пиктограмму) менялась на поставленную. В общем есть что то наподобии псевдокласса hover для картинки. Заранее спасибо за помощь.

    Asked by mfucka,

    0 votes
    3 answers

  20. Почему футер слева при увеличении обрезается?

    при обычном размере шрифта выглядит так а при увеличении шрифта урезается все что слева от меню без появления полосы прокрутки, почему? как исправить? почему футер обрезается слева, а справа не обрезается? вот css страницы width:960px; text-align:left; background:transparent; margin: 0 auto; а вот футер: #footer { position:relative; z-index:-1; margin-top:-100px; float:left; width:1280px; height:232px; margin-left:-160px; background: url(../images/footer.jpg) no-repeat; }

    Asked by nikki4,

    0 votes
    1 answer

  21. Не понятки "png на прозрачном фоне"

    Помогите пожалуйста. Мне нужно в полупрозрачном div, выводить png иконки но что б они не были тоже позрачными. Вот html: <div class='footer_app_menu'> <div class='footer_bar_item'><img src='pic/32/circle_32.png'></div> </div> где css стили: .footer_app_menu{ z-index:1000; margin:0 auto;width:700px;border:1px solid #838B8B;background-color:white;border-radius: 45px 45px 0px 0px;margin-top:-37px;height:33px;padding-left:45px;padding-top:2px; /*градиент*/ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); backgr…

    Asked by CrazyBird,

    0 votes
    1 answer

  22. Консультация в вёрстке

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

    Asked by fancygoth,

    0 votes
    1 answer

  23. Меню на css или ....

    Всем привет !Сделал страничку одно меню написал на css , а второе сдела с помощью dreamweaver (dw написал его на javascript). Как лушче оставить как есть или сделать чтобы оба меню были однотипной технологии.И что лучше менюшка сделанная на css или JS?

    Asked by ksonline,

    0 votes
    5 answers

  24. Как следать обтекающий вокруг контента подвал

    в psd макете такой вот подвал получился: пытаюсь его сверстать, возникла такая проблема: центральная часть подвала закрыта блоком комментариев или просто контентом. а слева и справа там высота чуть-чуть выше, так как там уже идет фон. потому я подумал, что нужно его разделить на 3 части и склеить. как это сделать? пс: еще посидел минут 40 и догадался. это можно было сделать при помощи float:left; margin-left:-1120px; margin-top:20px;

    Asked by nikki4,

    0 votes
    4 answers

  25. Спозиционировать картинку в тексте

    Привет народ,нужна помощь.........у меня не получатся вставить картинку в текст. пример: <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> Имя пользователя (адрес электронной почты):<img src="http://static.panoramio.com/photos/small/70779155.jpg"> Пишите..... жду твоего ответа)..... </html> Нужно чтоб картинка с текстом сравнялась в HTML,желательно без подключения CSS.

    Asked by Irina11.86,

    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