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. Как к изображению можно добавить мал. картинку в верхний правый угол?

    Дорого дня. Как к изображению можно добавить мал. картинку в верхний правый угол? Еще такой вопрос терзает, как лучше прописывать путь к картинке в таком виде <img src="image/1.png" /> или же <img src="http://site.ru/image/1.png" />

    Asked by Saturn,

    0 votes
    4 answers

  2. Проблема с таблице

    Не понимаю откуда взялись эти пробелы, cellspacing, cellpadding стоит по нулям и ещё Див (это тот,что внизу с текстом) почему-то шире таблицы получился,хотя ширину обоим одинаково задавался. Только в IE нормально работает,в остальных браузерах вот так вот коряво выдаёт. Что это такое, подскажите,пожалуйста?)

    Asked by IrkaLulka,

    0 votes
    9 answers

  3. Проблемы с резиновой шапкой

    Добрый день. Подскажите пожалуйста как сделать чтобы в шапке картинки не накладывались друг на друга, при уменьшении браузера. http://www.zaria15.ru/

    Asked by students,

    0 votes
    8 answers

  4. Проблемы с меню

    Добрый день. Проблема слудующего характера. На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить. выложу файлы главной и ксс - вот они Добрый день. Проблема слудующего характера. На сайте 3 колонки. В левой колонке стоит всплывающее вертикальное меню. При наведение подменю, которые всплывают не отображаются под средней колонкой. Как устранить. выложу файлы главной и ксс - вот они main <!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" xml…

    Asked by psics,

    0 votes
    2 answers

  5. Какие косяки могут быть с "position:relative"?

    В макете понадобился закрыть часть экрана блоком с "position:fixed". Из-за чего некоторые ссылки перекрылись этим блоком. Отслеживать поведение каждой - уйма времени. Вариант - задать всем перекрытым блокам position:relative и "вытолкнуть" их наверх через z-index. Какие при этом могут появится косяки? Например, переопределение родителя при абсолютном позиционировании (вместо body - позиционированный блок) или float будет корректно работать? Может ещё какие подводные камни?

    Asked by Nanto,

    0 votes
    0 answers

  6. объясните поведение блока

    Добрый день. Вот код: <body style="background: #ddd"> <div style="background: #fff; border: 0px solid black;"> <!-- div #1 --> <div style="margin-top: 100px"> <!-- div #2 --> <span>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</span> </div> </div> </body> В таком виде див №1 отображается как узенькая полосочка, отстоящая сверху на 100 пикселей. Если в его стиль добавить рамку (в стиле достаточно исправить толщину с нуля на единицу), то он раздвигается по высоте (так и было задумано, но без рамки). Почему так происходит?

    Asked by stalker_2000,

    0 votes
    2 answers

  7. overflo:auto+position:fixed+IE7==BSOD?

    Цитата отсюда: Как у меня сейчас: #snipDIV { position: fixed; ...<прочие css-свойства для snipDIV>... overflow-y: auto; } Согласно отквоченному выше при загрузке страницы со snipDIV в IE7 я должен получить чуть ли не BSOD! Ну прямо "чистого" IE7 у меня нет, а вот в IE9 в режиме "эмуляции" IE7 (F12->Document mode=IE7 standards) страница грузится без проблем. И если нужно - все скролится. Есть у кого какой опыт по наблюдению данного бага в реальности? Косвенно, как видите, не подтверждается. Кстати - даже по Task Manager засек нагрузку на CPU в момент запроса такой страницы. Нет там ничего сногсшибательного, 6-8% загрузки CPU. Откуда вообще отквоченная инфа…

    Asked by Indy7,

    0 votes
    3 answers

  8. как в <input type="text" /> описать href и style hand

    Добрый день. Не знаю как такую задачу решить. Мне надо чтобы в <input type=text value="..."> отображался активный маил, тоесть кликнуть по адресу и откроется почтовая прога. Вот этим добился таки определенного результата 1. <TD width="15%" align="center"><a href="mailto: <?php if( isset($_POST['createmail2']) ) { echo $_POST['createmail2']; } ?>"> 2. <input type="text" name="createmail2" style="width: 100%" 3. onfocus="this.style.backgroundColor='#fff'" value="<?php if( isset($_POST['createmail2']) ) { echo $_POST['createmail2']; } ?>"></a> 4. </TD></TR> но …

    Asked by yok,

    0 votes
    4 answers

  9. проблема с google chrome, пропадает clear: both

    Написал небольшой калькулятор для друга, во всех браузерах норм отображает кроме хрома. Почему понять не могу. Проблема происходит в момент открывания списков. Пропадает стиль (clear: both) для следующего за селектом дива и получается что всё сдвигается. Ссылка на сайт _http://thpc.ru/items/domofony/kalkulyatory/kalkulyator_4/ в опере, мазиле и ie нормально всё. Когда писал в простой HTMLке тоже не работает нормально. Подскажите где ошибся.

    Asked by Mich,

    0 votes
    4 answers

  10. Страница "уезжает" влево

    Есть такой шаблон - http://rghost.ru/32649991 При добавление большого количества текста в div "body_area" страница "уезжает" на пару десятков пикселей влево. Данный эффект заметен только если раскрыть страницу на весь экран в браузере (Maximize). Как можно это побороть? Спасибо.

    Asked by Garfunkel,

    0 votes
    2 answers

  11. div.hover

    имеется 2 слоя <div class="sloi1">слой1</div> <div class="sloi2">слой2</div> как сделать так, чтобы при наведении курсора на первый слой вместе с ним выделялся и второй слой тоже?

    Asked by Twilight_Sparkle,

    0 votes
    3 answers

  12. Проблема при отображении фонового рисунке в ИЕ 6

    Всем привет! У меня есть html <div class="footer_bottom"> <div class="footer_bottom_left"></div> <div class="footer_bottom_right"></div> </div> и css .footer_bottom{height: 11px; background: white;} .footer_bottom_left{float: left; height: 11px; width: 11px; background: url(images/content_bottom_left.jpg) no-repeat;} .footer_bottom_right{float: right; height: 11px; width: 11px; background: url(images/content_bottom_right.jpg) no-repeat;} Все вроде бы работает нормально, но не в ИЕ 6. фоновый рисунок в .footer_bottom_left .footer_bottom_right смещаются каким то образом вверх на н…

    Asked by kent666,

    0 votes
    0 answers

  13. Плавающие блоки выходят за пределы родительского

    Всем привет! Вопрос может слишком просто но все же! У меня есть родительский блок в котором 2 плавающих блока (float:left) как мне сделать так что бы они не вылазили за пределы родительскго. Т.е что бы при увеличении вложеных блоков увеличивался и родительский! Я знаю что можно использовать свойство clear: both. Но это свойство должно не родителю! В общем у меня чего то не получается!

    Asked by kent666,

    0 votes
    4 answers

  14. выравнивание по цетру

    Есть сайт http://clck.ru/QIwU Когда заходим на сайт с ipad или с монитора маленького разрешения то сайт показан с левого края. Как можно сделать чтобы сайт открывался и был по центру монитора?

    Asked by Tchorteg,

    0 votes
    3 answers

  15. Язык в документе HTML

    Здравствуйте. Интересует необходимо ли указывать язык в документе HTML, например en и т.д. Столкнулся с противоположными мнениями, как в его необходимости, так и бесполезности.

    Asked by param,

    0 votes
    3 answers

  16. Монохромная картинка через css

    Добрый день. Подскажите плз. Можно ли как-то задать картинке монохромный (чёрно-белый) стиль без создания новой картинки? В IE есть такое решение filter : gray. А для других браузеров делают через svg. Может есть что=то стандартное?

    Asked by kidar2,

    0 votes
    7 answers

  17. Ширина для линейных элементов

    Доброго времени суток всем! Мне нужно получить нечто вроде таблицы Но, если строки не будут влезать в окно по горизонтали, то они толжны переносится, вот так Но так получается только на IE, и только без !DOCTYPE. В противном случае ширина не учитывается. Для примера привожу скриншот из оперы. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> p { border-bottom: 1px solid #333333; } SPAN{ margin: 3px 8px 0 0; white-space:nowrap; width:120px; } </style> </he…

    Asked by AltCtrlDel,

    0 votes
    2 answers

  18. Как отключить наследование в css?

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

    Asked by fedotxxl,

    0 votes
    2 answers

  19. Пропадает прозрачность

    Изначальная задача сделать полупрозрачный текст под углом (и не было бы проблем если бы какие то чудики все не забили на IE 6-8) Вот как оно выглядит по идеи: <!DOCTYPE html> <html lang="ru"> <head> <title>test</title> <meta charset="UTF-8"> <style type="text/css"> #mytext { width:150px; margin:200px auto; opacity:0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=20); transform:rotate(-25deg); -moz-transform:rotate(-25deg); -webkit-transform:rotate(-25deg); -o-transform:rotate(-25deg); -ms-…

    Asked by stars,

    0 votes
    2 answers

  20. отсечь на средней колонке кусочек сверху

    страница бьется на 3 колонки, у средней колонки есть желание отщипнуть сверху кусочек для другого стиля кусочек упорно жмется к левому краю, а нужно наверху средней колонки в чем может быть дело? #header{ position:fixed; width:60%; height:80px; top:0; left:20%; border-width: 1px; border-style: dotted; border-color: red; background:blue; } в макетах ничего не нашла

    Asked by ыра,

    0 votes
    1 answer

  21. Ломается дизайн при добавлении border

    Здравствуйте! Сам не могу понять. При добавлении в блок a:link следующей строки: border-bottom: 1px dotted; ломается дизайн. Помогите, пожалуйста! сайт www.arsvar.ru

    Asked by Kysin,

    0 votes
    2 answers

  22. Помощь в поиске проги

    Приветствую! Подскажите какую прогу можно использовать, для того чтобы скачивать сайты, чтоб качала html css имейджы и js. Много просмотрел софта, половина платный софт.. Половина домены в зоне рф не понимают... Поделитесь ссылкой плз.

    Asked by penchukov,

    0 votes
    3 answers

  23. Как менять фон с помощью css

    Здравствуйте. Я установил свойство background-image для тега body в css файле. Есть три png изображения для фона. Хочу сделать так, чтобы фон рандомно менялся при обновлении страницы. Как можно это реализовать?

    Asked by MrPostman,

    0 votes
    1 answer

  24. Помощь с версткой макета

    Я в верстке совсем новичек, пробую сверстать этот макет. Подскажите как сделать тетку с мобильником сверху и полоску? Я внимательно читал мануалы по html и css, так что не посылайте меня пожалуйста в гугл :3 Трудность в том, что часть полоски в изображении, а часть вне его, и я без понятия, можно ли сделать эту полоску как border, или лучше поместить картинкой.

    Asked by skygazer,

    0 votes
    1 answer

  25. в хроме и ie блочные элемент съезжает

    Доброго времени суток. Попытался сверстать страничку, в Лисе вроде нормально отображается, в Опере тоже, в Хроме горизонтальное меню то ли съезжает, то ли расплющивается (при изменении масштаба точно), в IE7 аналогичная история, ну и плюс элементы одного из списков почему-то располагаются вертикально, притом том что тегам li установлен float:left. http://test3.22web.net/ ссылка на страничку дабы вам было удобнее. Укажите пожалуйста на мои ошибки, и подскажите как решить. Заранее спасибо. p.s. firebug так и не подсказал, видимо я не туда смотрел

    Asked by eared,

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