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. тег <metricconverter>

    Утро бодрое всем! кто нибудь встречался с тегом <metricconverter>? что ето и с чем его кушают? я чего-то не смог найти внятного объяснения для чего он у гугла

    Asked by Torvin,

    0 votes
    4 answers

  2. отступ снизу у изображения

    #warp { float: left; margin-right: 10px } <img src="image.jpg" width="519" height="405" id="warp">текст .. текст .. текст отступ снизу от изображения до текста создается по самому высокому текстовому элементу?

    Asked by boyarsky,

    0 votes
    1 answer

  3. Фиксированный Div в Блоке

    Добрый день. Подскажите, как сделать так, чтобы фиксированный div block двигался только в div 1, при скролле не наезжая на другие блоки и не выходя за div 1. То есть у block стоит position:fixed и чтобы он двигался в div 1, не выходя за этот блок. Надеюсь понятно рассказал. Спасибо.

    Asked by satantx,

    0 votes
    3 answers

  4. Верстка горизонтального меню с вертикальными полосками по краям

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

    Asked by skiph,

    0 votes
    18 answers

  5. div, перенос строки

    Здравствуйте, не получается разобраться в следующем. При: abc:<div id="abc"></div> qwe:<div id="qwe"></div> zxc:<div id="zxc"></div> я получаю abc: <результат> qwe: <результат> zxc: <результат> Не могу добиться такого: abc:<результат> qwe:<результат> zxc:<результат> Подскажите ,пожалуйста, спасибо.

    Asked by alexrtp,

    0 votes
    4 answers

  6. Кто-нить знает как лечить такой баг?

    Смотреть в ИЕ7! <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .test {display: inline-block; border: red 1px solid;} .l {display: block; overflow: hidden; border: green 1px solid;} .r {display: block; float: right; border: blue 1px solid;} </style> </head> <body> <span class="test"> <span class="r">text right</span> <span class="l">text left</span> </span> </body> </html> Правый текст должен лежать справа. Левый - слева. Ставить float: left; для <span class="l"> не подходит.

    Asked by Great Rash,

    0 votes
    12 answers

  7. Проблема отображения <ul> в Chrome

    Доступен код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег UL</title> </head> <body> <center> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> </center> </body> </html> Вот результат: В Firefox 5 & Opera 11.50 правильно отображается, а вот в Chrome 13 нет, можно как-то в CSS правило написать чтоб решить эту проблему, так как текст берется с БД после сохранения с tinymce.

    Asked by vzov,

    0 votes
    7 answers

  8. font-size внутри таблицы и Opera

    Доброго времени суток! Столкнулся с проблемой, которая слегка меня обескуражила: пытаюсь заверстать табличку мелким шрифтом (8px) - и FF, Chrome и IE9 отображают её как надо, по уму, а красавица Opera выставляет по каким то своим соображениям font-size: 9px и отказывается уменьшать шрифт независимо от применяемых единиц и размера (даже 1pt выставлял). При этом фактический размер шрифта даже 9px не соответствует, он очевидно больше: А так табличка выглядит в остальных браузерах: CSS: .block table { margin: 0; width: 150px; } .block tbody { font-size: 8px; } .tb-num { text-align: right; width: 12px; } .tb-clubname { padding-left: 3px; width: 100px; } .tb-game…

    Asked by kacnep,

    0 votes
    4 answers

  9. Крокозябры вылезли

    Здаствуйте, сверстал макет раира, но выложив его в инет, уиведл вместо русского текста кучу крокозябров. раньше такая проблема была, но как-то решилась. Сохранен файл в Юникоде-8 без BOM. Но крокозябры лезут всеровно и нарушают структуру сайта. Помнится проблему решила какаято строчка в .htacces, только я ее не помню. Напомните плз. Кстати, если дети вдруг не будут слушаться вот решение, крокобзяры.

    Asked by Shader,

    0 votes
    2 answers

  10. Можно ли сделать следующее средствами HTML+CSS

    При клике на квадратик(или наименование), список должен открываться и закрываться. В принципе, наверное, можно, делая для каждого наименования свою страницу, а сделать всё на одной странице? Перемещаться как-то по якорям, при нажатии на ссылку, чтобы появлялся блок с описанием, ведь вроде есть какой-то атрибут скрывающий содержимое блока. Или без JS не обойтись?

    Asked by Анна,

    0 votes
    11 answers

  11. Блок под блоком

    Здравствуйте! Я разрабатываю сайт, но у меня появилась проблема: Блок, который выполняет функцию рамки (если кто подскажет, как сделать рамку в 6px белого цвета с 50% прозрачности, то вопрос решен) не хочет правильно функционировать. Как было задано min-height, так он и остается... Не масштабируется В общем. Причем похожие стили были у блока body, но он масштабируется прекрасно. Вот небольшой листинг HTML кода: А вот листинг CSS Как сделать, чтобы рамка растягивалась под размер блока?

    Asked by Jaguar™,

    0 votes
    7 answers

  12. Проблема со значками соц. сетей

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

    Asked by igranat,

    0 votes
    2 answers

  13. Проблема в работе с Web developer Toolbar

    Привет. Сегодня обратил внимание на одну проблемку в работе с Add-on для Firefoxa - Web developer toolbar. Когда я зашел в Edit CSS, по какой-то причине оба псевдокласса ( :first-line и :first-letter ) не хотят определяться данным дополнением для верстки. Возможно это у меня какой-то баг. Чтобы проверить это упереустановил Firefox ( поставив последний 5.0.1) и переустановил Web developer toolbar. Но проблема осталась. При этом зайдя в main.css и поставив оба селектора для параграфа ( изменив например цвет для первой буквы и строчки ) , сохранив и обновив в браузере, то браузер все нормально определял. Делая тоже самое через Web developer - никаких изменений не происхо…

    Asked by slans,

    0 votes
    0 answers

  14. Фон body при уменьшении размера сайта.

    Всем привет! Подскажите пожалуйста как можно реализовать сохранение background-а у body при изменении размера самого сайта (имеется в виду при нажатии "Ctrl" + "-"). Хочется чтобы background оставался во весь экран(у меня картинка),а размер сайта менялся.. Вот кусок моего кода если он нужен: body { background: url(images/body-bg.jpg) no-repeat top fixed; font-size: 12px; line-height: 1.6; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color: #111; } Подскажите пожалуйста,наверняка кто то с таким сталкивался!

    Asked by Torvild,

    0 votes
    1 answer

  15. Возможно ли убрать скрол у textarea

    Возможно ли убрать скрол у textarea. сабж. Скажем отменить так же как в iframe

    Asked by ultimatum,

    0 votes
    1 answer

  16. Интересная задача

    Привет! Мне подкинули интересную задачу. Есть макет с фикс шириной, на заднем плане фон. Вот надо сделать так, чтобы кусочек этого фона был ссылкой. Пробовал с позиционированием поиграть, но выходит не очень красиво. Сложность заключается в том, что нельзя прилепить этот блок со ссылкой к какому-нибудь краю, ибо фон тянется на больших разрешениях. При разрешении в 1024, не должно появляться горизонтальной полосы прокрутки. Кстати еще сам фон на фикседе. Вот картинка того, что надо сделать http://clip2net.com/s/16pJm Вот как проблему решил я http://alpatriott.ru/works/primer/op.html upd(здесь уже готовый вариант, до этого было рабочее решение с псевдоэлементом) Но псевдоэл…

    Asked by Softlink,

    0 votes
    14 answers

  17. Выравнивание img по центру

    Всем привет! Помогите с такой проблемой, нужно выровнять div с картинкой внутри, чтобы она отображалась по центру на всех мониторах. Уже несколько часов бьюсь, никак не выходит... p.s в гугл не посылать, только что оттуда)

    Asked by 4 e k,

    0 votes
    6 answers

  18. Бесплатные он-лайн курсы

    В середине сентября (предположительно старт будет 20 числа), будем проводить месячный бесплатный он-лайн курс на тему: "создание сайтов с нуля", после прослушивания и непосредственного участия в данном курсе Вы сможете создавать сайты своими руками, более того, вы сможете создать свою web-студию, а также узнаете свои возможности в дальнейшей карьере и ответы на любые вопросы он-лайн. На время обучения все получат необходимое лицензионное программное обеспечение (CMS программу) для занятий. Предположительные темы: 1. Что за такой зверь сайт и с чем его едят. 2. CMS система как лучший станок для создания сайтов 3. Откуда взять дизайн, основы работы в графических редакторах …

    Asked by Viktorius,

    0 votes
    22 answers

  19. Сверстать нестандартный шрифт condensed

    Надо сверстать буковки нестандартным шрифтом. Хотела использовать cufon, но у меня шрифт мало того, что нестандартный, но еще и condensed. А cufon, я так поняла, может генерить только нормальный, жирный и италик шрифты. Собственно вопрос: это вообще возможно?

    Asked by maerrry,

    0 votes
    9 answers

  20. лишние блоки

    под opera/ff/chrome/ie8/safari сверстал шапку такого макета. главная трудность для меня была в наслоениях. думаю, я здесь слишком много блоков использовал. если кому-нибудь приходилось верстать подобное, то дайте пожалуйста ссылку на рабочий сайт, хочу посмотреть как люди делают.

    Asked by cyklop77,

    0 votes
    2 answers

  21. помогите со страничкой

    Для фреймов задача тривиальная, но если дивами верстать, то вообще непонятно )) там где 220 px высоты должны был полосы прокрутки и где контент, как реализовать грамотно?

    Asked by delphiworld,

    0 votes
    1 answer

  22. Вопрос о форме

    Добрый вечер! Не подскажите как убрать текст из формы при клике и чтобы при переключении на другой объект тот же текст на форме снова появлялся? Решение должно быть кроссбраузерным!(Верстаю под: Моzillu, Operu, Safari, Google Chrome, IE-7,8,9... ) Это необходимо сделать для следующей страницы: (там всего одна форма с текстом: 'Поиск') http://yamaradg.narod2.ru/history/News-Stars/1.html

    Asked by Yamaradg,

    0 votes
    9 answers

  23. не правильно отображается картинка в ИЕ6.

    Нужно отображать закругленные углы. Применила для этой задачи - position:absolute, для картинок(углы) бекграундом - спрайт. Во всех браузерах отображается нормально. Но в ИЕ6 бекграунд блока абсолют отображается и за пределами блока. Как это исправить? css: .events_block{ position:relative; background:#f8fdfe; margin:0 0 20px; } .left_top{ position:absolute; left:0; top:0; height:6px; width:5px; background:url(img/angles_top_events_block.jpg) 0 -12px no-repeat ; } .right_top{ position:absolute; right:0; top:0; height:6px; width:5px; background:url(img/angles_top_events_block.jpg) 0 0 no-repeat; } так же указываю zoom:1; для блока .events_block. в от…

    Asked by amelice,

    0 votes
    4 answers

  24. height|width относительно window при наличии родителя

    Подскажите, если блок имеет родителя, но размер нужно указать относительно окна браузера, как с этим справиться? Или это уже к скриптам?

    Asked by Aroused,

    0 votes
    10 answers

  25. Растояние между боди и браузером

    Не могу разобраться почему возникает пробел между боди и браузером. На картинке голубым выделен боди, всё что выше это хтмл. Хром пишет что свойства переписаны в 0, но при этом отступ продолжает существовать.

    Asked by Winni,

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