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. [IE6 БАГ] Position:relative & Position:absolute & Hover

    В ие6 при использовании image-trail'а (увеличенная картинка бегает за мышкой при наведенни на маленькую) Li с position:relative улетает в неизвестность. Убил кучу времени на это, сломал голову и не могу побороть, помогите кто чем может. Т.к в код включается множество скриптов и стилей, то привожу УРЛ на саму страницу сайта, где это проявляется: [потёрто]

    Asked by admit,

    0 votes
    7 answers

  2. Чем удалить лишние пробелы?

    Здравствуйте! Прошу прощения, если обсуждалось, но не нашел. Посоветуйте, пожалуйста, инструмент, который удаляет лишние проблемы. Пишу код зачастую в блокноте, а он как известно оставляет лишние пробелы.

    Asked by Mr.Smith,

    0 votes
    7 answers

  3. Задание фона для текста

    Доброго времени суток. Необходимо сделать так что бы фоновое изображение отображалось полностью а не под размер текста? Подскажите пожалуйста как это сделать. Заранее благодарен.

    Asked by romko,

    0 votes
    7 answers

  4. Редактирование шаблонов Joomla.

    Не сколько не разбираюсь в PHP, изменяю файл CSS шаблона но в самом шаблоне ничего не меняется . В самом шаблоне очень много PHP может дело в нем?

    Asked by Alexsays,

    0 votes
    7 answers

  5. Списки определений - нумерация возможна?

    Пишу вот такое правило: dt { list-style:decimal outside none; } Не срабатывает. Можно ли все таки с помощью css добавить нумерацию именно к списку определений?

    Asked by warobushek,

    0 votes
    7 answers

  6. как сверстать блок

    Помоги нужно сверстать вот такой блок резина, что бы тянулся по ширине ума не приложу как зделать

    Asked by igon,

    0 votes
    7 answers

  7. Облако тегов 3D (модификации)

    Здравствуйте. Разместил на сайте "Облако тегов", все работает верно. Ранее очень часто слышал что его всячески можно модифицировать, например вставлять лого внутрь создавая иллюзию. Или же менять цвета ссылок. Я сам не очень знаком с подобными технологиями и знания у меня поверхностные. Вот код: <script type="text/javascript" src="Мой сайт/swfobject.js"> </script> <div id="RiveraCloud"><p align="center"> Для отображения элемента необходим <br> Adobe Flash Player </p></div><script type="text/javascript">var rnumber = Math.floor(Math.random()*9999999); var widget_so = new SWFObject("Мой сайт/tagcloud.swf?r="+rnumber, …

    Asked by TRIGUN,

    0 votes
    7 answers

  8. hover + first-letter

    Ну собственно очень хочется сделать чтобы при наведении на Link получалось что то такое: Link, а как этого добиться я что то не могу сообразить. вот как то A:hover > A:first-letter {color: red;} неработает. PS я новичок

    Asked by XiBOR,

    0 votes
    7 answers

  9. выравнивание изображения в ячейке

    добрый день. подскажите, пожалуйста. есть таблица, с ячейками 200х200 пикселей. в каждой ячейке должна быть картинка, с высотой 200 и разной шириной. ячейка при этом должна сохранять ширину 200. короче надо чтоб в ячейке отображались только 200 пикселей из середины картинки. т.е. чтоб картинка выходила за края ячейки. в общем выглядеть должно так: http://500px.com/Senecarus

    Asked by alazankin,

    0 votes
    7 answers

  10. Плавающая картинка в блоке

    Вопрос по примеру из ЧаВо: http://forum.htmlbook.ru/index.php?s=&...ost&p=94256 Всё хорошо. Но возникает вопрос, если у картинки заданы маргины. ИЕ 6 и 7 растягивает внешний див только на величину рисунка, не учитывая эти маргины. Сравните пример в ИЕ и в Мазиле или Опере: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Плавающая картинка в блоке</title> </head> <body> <div style="border: 1px solid red;overflow:hidden;zoom:1;"> <img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt="" style="float: left;margin-bottom:10px;"> Test </div> </body> </h…

    Asked by Колос,

    0 votes
    7 answers

  11. Растягивает страницу

    Ну вот собственно и проблема: Поставил подсветку синтаксиса, а она растягивает страницу, подсвечивает в конструкции code class="html" вот стиль code.html {display: block; text-align: left; padding: 2px; border:1px dotted #6633FF; border-left: 2px dotted #6666FF; max-height: 200px; overflow: auto; font-size: 10pt; background: url(/img/code_fon.gif);} По идее должно всё работать, а не катит( вот скрин: http://s48.radikal.ru/i121/1007/a1/9e6391e5f40b.png нетрудно догадаться что с права должен быть ещё контейнер но его утащило, растянуло на всю страницу причём код с пробелами и должен был отступить, даже если нет поч overflow: auto не работает как надо??

    Asked by ВэйДлин,

    0 votes
    7 answers

  12. Список в две колонки

    Ну, как все уже поняли, основные вопросы у меня сейчас связаны с http://km.transmagistral.ru Список в центре сделан в две колонки: #cats_fp li { display:block; float:left; margin-bottom:30px; margin-right:5%; width:45%; background:url(/images/bg_cats.jpg) no-repeat right bottom; } В IE6 у страницы появляется горизонтальный скролл. Если убрать margin-right, то скролл пропадает, но список естественно, отображается не так, как должен. Как победить?

    Asked by d0ublezer0,

    0 votes
    7 answers

  13. Растягивание блока в высоту

    Добрый вечер! Помогите найти решение, нужно сверстать макет (рисунок ниже), не могу придумать, как сделать боковой блок. Он абсолютно спозиционирован, нужно, чтобы он растягивался во всю высоту окна, оставляя n-е количество пикселей сверху и снизу. Как этого можно добиться? http://imglink.ru/show-image.php?id=12a788...2eba9a79825384b

    Asked by Ayaweb,

    0 votes
    7 answers

  14. Элемент не центрируется в Firefox / IE.

    Довелось мне править чужой говнокод. Основной кусок: <tr> <td> <table align="center"> <tr> <td> <table align="center"> <tr> <td> <DIV align="center"><TABLE STYLE='width: 100%; background-attachment: scroll; background-repeat: no-repeat; background-position: 0% 0%; background-image: url("http://*.ru/obuchenie.png"); border-collapse: collapse' align summary="null"><TBODY><TR><TD STYLE='width: 1198px; letter-spacing: 0px; word-spacing: 0px'><BR><BR><BR><BR><TABLE><TBODY><TR><TD></TD></TR></TBODY></TABLE><DIV onclick="if (…

    Asked by Kawamura,

    0 votes
    7 answers

  15. Помощь с IE6

    Здравствуйте, у меня такая проблема в ие6 - есть блок 1280-1024 в нем еще 3 блока отцентрированы и маргинами расположены где надо по сторонам что бы в итоге получалась цельная картинка из 3 бакграундов. У родительского блока стоит свойство overflow:hidden. суммарная ширина 3 дочерних блоков 1280 при сужении родительского блока во всех остальных браузерах блоки центрируются и скрываются по краям. В ие6 при ширене экрана 1280рх появляется полоса прокрутки которой быть не должно. Как сделать что бы она появлялась только при ширене 1024рх??? Зарание благодарен за ответ.

    Asked by pro100set,

    0 votes
    7 answers

  16. Раскрывающийся список и checkbox в форме?

    Привет ребята! Помогите мне разобраться с такой вот формой:

    Asked by JIucky,

    0 votes
    7 answers

  17. Как (в данном примере) понять изменения размера-фона контейнера при наличии у него рамки и без оной?

    body { background: #474747; margin: 0px; padding: 0px; font-family: verdana; color: #000; } #container { background: #9cf; position: relative; margin: 0px auto; padding: 0px; width: 700px; border: 1px solid #fff /* !—РАМКА ТУТ!*/ } /* header ———————————————-- */ #pageHeader { height:100px; background: pink; } /* text ———————————————-- */ p { font-size: 12px; line-height: 16px; margin: 0; } h6 { margin-left: 0px; margin-right: 0px; margin-top: 24px; margin-bottom: 24px; } Значения для заголовка h6 вписал только для наглядности - это его дефолные значения вычесленные мной опытным путем. Собственно вопрос в том, что при наличии рамки у контейнера поле margin-top: 24px…

    Asked by sashakiselev,

    0 votes
    7 answers

  18. Проблема с шаблоном сайта [HELP]

    Смотрите... Моя проблема... я делал задний фон... вот он: и я хотел бы чтобы то, что торчит на белом фоне, было на переднем плане сайта. Ну чтоб книжка эта была на переднем плане сайта. Но у меня получается на заднем плане: ... Как мне сделать это?!

    Asked by XhonoR,

    0 votes
    7 answers

  19. span | display:inline-block и динамическое изменение высоты спана

    Здравствуйте, уважаемые. Никак не могу понять, почему во всех браузерах, кроме IE в приведенном ниже случае при клике на спане (событие onmousedown), его общая (итоговая) высота увеличивается на один пиксель (идущая ниже верстка смещается на 1 пиксель вниз). Доктайп xhtml 1.0 strict. <span class="but1" style="width:20px;margin:10px 0 15px;display:inline-block" onmouseover="this.className='but2';" onmousedown="this.className='but3';" onmouseup="this.className='but2';" onmouseout="this.className='but1';"> Бла бла бла </span> .but1{ height:19px; border:1px solid #000; padding-top:1px; background-image:url('../_ima/but1.gif'); text-align:center; cursor:pointer…

    Asked by vahrusha,

    0 votes
    7 answers

  20. img в тексте

    Может можно как-то сделать, чтобы картинки шли слева направо и растягивали parent, а не вылазили за него. C float:left вылазит за border. Clear:both и display:block тоже не вариант, в ряд могут быть вставлены сразу 3 фотки. ...update Есть вариант с <p> сказать клиенту, что вставлять картинку надо в параграф, но это не вариант. Точнее вариант, если найти к редакторе то место, где он вставляет картинку и прикрутить туда wrap p, но все-таки хотелось бы найти решение на css

    Asked by Beck,

    0 votes
    7 answers

  21. Высота блока

    Такое дело, делаю два флоатовых блока, первый с резиновой высотой, второй тоже, и нужно чтобы второй блок был на постой с высотой 50% от первого

    Asked by -O-J-A-,

    0 votes
    7 answers

  22. Как имитировать (создать) 3х-угольные image (картинка внутри)

    Идея такая: на странице будет рис.1 , рис. 2 расположенные таким образом. Как сделать так, чтобы при наведении на рис.1 он, например менялся, при наведении на рис.2, рис.2 менялся. "onmouseover" это понятно, но специфика рисунков то, что они - ТРЕУГОЛЬНЫЕ. 1. Как детектить пересечение мышки с треугольником 2. Как ухитриться расположить 2 рисунка (прямоугольных по определению) так, чтобы создалась иллюзия 2х треугольников рядом? flash не предлагать

    Asked by ice99,

    0 votes
    7 answers

  23. Свойства padding-top

    Не могу понять что не так делаю. В общем начал верстать сайт. Есть шапка высота 150пикс. Внутри шапки типа полоса высотой 88пикс. А на фоне этой полосы - логотип, назв комп, поиск и т д.Что я делаю? Внутри дива ХЕДЕР я создаю див для полосы. Задаю ему высоту 88 пикс, а ширину 100% (сайт резиновый). Но тут есть один момент. Эта полоса где-то на 32пикс отступает от верхнего края страницы (внутри хедера). Вначале я задал фикс отсуп сверху, но при изменении разм шрифта вся моя вёрстка плывёт. Тогда я попробовал задать маржин, но в таком случае у меня идёт верт сдвиг и появляется верт прокрутка. И тут я пробую паддинг. Походу паддинг норм, но как-то интересно он работает. Когд…

    Asked by Belovsan,

    0 votes
    7 answers

  24. Проблема с банерами

    Народ помогите разобраться в чем проблема при размешение банера справа пропадает банер слева. сайт на Joomla 1,5

    Asked by ssnkvd,

    0 votes
    7 answers

  25. Вёрстка флэш сайта

    Здравствуйте, Подскажите как верстаются флэш сайты. А точнее как им предаётся резиновость?

    Asked by Воитель,

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