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. вывод из базы в 3 калонки

    Пожскажите пожалуйста как сделать вывод из базы в 3 калонки. Что я имею ввиду - когда выводим из базы информацию то она выводится вертикально (сверху вниз), a как сделать чтобы воводилась горизонтально в 3 ряда и периносилось ниже опять 3 ряда и ниже и.т.д Вот пример как в интернет магизине выводятся товары http://www.ozon.ru/ в 3 ряда

    Asked by paseonru,

    0 votes
    1 answer

  2. Как сделать разный стиль для каждой страницы сайта?

    Код главной страницы: <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="StyleN.css"></link> </head> <body class="home"> <div id="container"> body.home {url Общий фон.jpg);} body.home#container {background: url(Главная.jpg);} следующая страница: <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="StyleN.css"></link> </head> <body class="somepage"> <div id="container"> body.somepage {background: url(Общий фон.jpg);} body.somepage#container {background: url(Страница.jpg);} Картинка пропадает,что не так?

    Asked by Yarkaya,

    0 votes
    4 answers

  3. CSS для нескольких страниц

    Подскажите, как скрепить в CSS стили для нескольких страниц? Спасибо

    Asked by Yarkaya,

    0 votes
    10 answers

  4. Не работает overflow:hidden в Опера (в. 11.10) и Сафари 5.1.2

    Я столкнулся с проблемой, что браузеры Опера и Сафари некорректно работают со свойством overflow:hidden. По ссылке код я выложил пример кода, когда внутри дива со скруглёнными с помощью border-radius бордюрами есть рисунок, который накладывается на эти бордюры. Как это можно решить? Если быть точнее, то у меня в примере блок с классом "float-div" имеет свойство float:left;. Вот более точный код

    Asked by clavin,

    0 votes
    5 answers

  5. Название макета для вёрстки

    Поскольку статус новичка не даёт возм разм пост в соотв разделе, прошу здесь: Уважаемые профики, не правильнее было бы открывать тему в "Макеты для вёрстки" названием хоть каким нибудь этого самого макета? По разным причинам хочется заглянуть в соотв тему, а вот извольте перелистать все: "Новый макет для вёрстки","Опять новый макет для вёрстки","Выкладываю макет для вёрстки" итд итп. Надеюсь просьба проста, понятна и необременительна.

    Asked by seemax,

    0 votes
    0 answers

  6. Как font-size h2 сделать по таким же как у h1, не зная точной величины font-size h1?

    Добрый вечер. Как можно сделать содержимое h2 таким же по высоте как содержимое h1, заранее не узнавая фактический размер шрифта текста тега h1? Благодарю.

    Asked by borus,

    0 votes
    6 answers

  7. Joomla 1.5.24 фильтр в списке категорий раздела

    Не могу убрать фильтр материалов, на одном сайте под joomla 1.5.22 удалось задать через CSS #filter дисплей ноне, но на другом сайте, joomla 1.5.24 почему то генерирует код без DIV ID="FILTER", а просто в TABLE. Как присвоить ID, или отключить отображение фильтра материалов в списке категорий раздела? Почему на одном сайте генерируется в div, а на другом просто в table без присвоения id???????????

    Asked by Stalin,

    0 votes
    0 answers

  8. как скрыть изображение не влазеещее в блок

    Всем привет! У меня есть блок 190*460 Внутри него рисунок (любого разрешения)!!! Как мне сделать так что бы рисунок внутри выравнивался по центру блока (по вертикали) + Если рисунок окажется выше блока, его выходящие за границы блока края будут обрезаны!

    Asked by kent666,

    0 votes
    3 answers

  9. плавающие блоки

    верстаю сайт, нужно сделать так пока получилось вот так как сделать чтоб отступа не было? обозначено на картинке HTML <div class="section_site"> <h3>С праздником!</h3> <a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a> </div> …

    Asked by AndreyT,

    0 votes
    2 answers

  10. Список в строку. IE.

    Во всех браузерах меню отображается правильно. В ie: Во всем остальном: Почему? Как я только не извращался с блоками в меню, результата нет. Выложу весь код, думаю это лучше. CSS: http://dl.dropbox.com/u/15840231/all.css HTML: http://dl.dropbox.com/u/15840231/index.zip .menu{ position: relative; width: 990px; height: 41px; margin-left: -490px; left: 50%; border-top: solid 2px #ca8271; background: #f1c0af; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmll…

    Asked by fir1st_,

    0 votes
    2 answers

  11. Маркер списка странно себя ведёт

    Смотреть в Огнелисе Комментарии выводятся нумерованным списком. В ФФ почему-то номер комментария вынесен на отдельную строку. В чём прикол о_О?

    Asked by Gaspode,

    0 votes
    4 answers

  12. Фон в высоту двух блоков

    Решил перевести из table в div. Столкнулся с проблемой: Сайт1 Есть пример как надо, но там в table: (для наглядности) Сайт2 + в опере все ок, в фаирфокс нет Спасибо

    Asked by Xorigan,

    0 votes
    7 answers

  13. Не открываются страницы

    Здравствуйте, есть сайт, и на нем загружается только главная страница, а остальные не грузятся. Судя по всему проблема в джумле. Если будет нужно то могу дать пароль от джумлы и все что потребуется. Заранее спасибо PS сайт делал не я, но теперь он "висит" на мне и надо как то исправить проблему

    Asked by Drisik,

    0 votes
    5 answers

  14. Подсветка активного пункта, кроссбраузерность

    Ребята, подскажите. Есть сайтик admix-com-ua (вместо тире точки). Там фон активного пункта меню обрезается по вертикальной линии (в Mozila Firefox 8.0) А, например в Chrome нормально отображается Я не верстаю сам к сожалению, поэтому если кто css подправит (его можно прямо с сайта скачать), я денюжку сброшу.

    Asked by dmsoh,

    0 votes
    1 answer

  15. clear внутри float-блока

    Вот суть моей проблемы: при использовании div:clear внутри блока контента, все съезжает вниз, ровно на высоту левой колонки. если div с параметром clear находится внутри таблицы, то такого не происходит.

    Asked by ViES,

    0 votes
    4 answers

  16. Абсолютно независимые блоки

    Говорят об этом много, но конкретных примеров построения сайта с использованием такого принципа в сети почему катастрофически мало. А рекомендации ограничиваются общими словами. Наверняка же есть люди с опытом такой вёрстки? Можете поделиться какими-то рецептами? Мне вот что в голову приходит навскидку: - отказываемся от раскладки на float, потому что если я блок с флоатом воткну в новое место, там, вполне вероятно, всё развалится к чертям - стараемся поменьше пользовать position: relative, потому что это создаёт контекст позиционирования, который при определённых условиях может выйти боком Не получается у меня всё в голове в систему выстроить. Чего нельзя делать — в общ…

    Asked by Gaspode,

    0 votes
    0 answers

  17. Стили для input

    Здравствуйте! Подскажите, пожалуйста, как для разных типов input правильно прописать разные стили? Необходимо придать отличающиеся друг от друга псевдоклассы :hover и :focus. Дело в том, что для общего input я это могу сделать легко, но тогда тип submit и тип text получают одинаковые стили при наведении и в активном состоянии. К примеру, кнопка "Отправить" наследует стили вышерасположенного окна ввода информации, строки поиска или капчи... Их, вообще, возможно разделить по оформлению? Заранее благодарю за ответ!

    Asked by Santorin,

    0 votes
    2 answers

  18. Вёрстка темплейтов

    После более-менее тщательного изучения стилей и тегов стал задумываться об осознанном использовании редакторов. Мне показался наиболее мощным Adobe DW, после Rapid CSS. Вроде бы ясны и цели, и средства. Валидный код + скорость верстки. Знакомство с Artisteer.com породило вопросы, на которые ищу ответы: Как свёрстаны вообще темплейты Worldpress, Joomla, Drupal, DotNetNuke, Blogger итд, если после распаковки темплейта нахожу кучу php и только один файл с коротким HTML кодом, определяющим цвет body? Почему одну и ту же вёрстку Artisteer сохраняет с разным набором файлов для Worldpress и для Joomla, например?

    Asked by seemax,

    0 votes
    2 answers

  19. видео с ютюб

    Вставляю видео в блок ,но хочу чтобы над ним была картинка типа постера,при клике на которую показывался ролик.Проблема в том что постер не показывается <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> html.body{position:relative} div{position:relative;width:420px;height:315px;border:1px solid red; overflow:hidden} img{position:absolute;top:0;left:0} </style> </head> <body> &…

    Asked by dostel1,

    0 votes
    5 answers

  20. Карта-изображение в новом окне

    Добрый день. Известно, что имеется способ "увеличить" мелкий рисунок из текста,выводя его в новое окно: <a href="images/stories/karta-maxi.png" target="_blank"> <img src="images/stories/karta-mini.png" /> </a> В связи с этим вопрос: Можно ли сделать так, чтобы на одной странице среди текста стояла маленькая картинка-ссылка для открытия ее большого карты-изображения в НОВОМ окне? При этом это увеличенное изображение в новом окне должно быть КАРТОЙ ссылок! Все найденные мной указания, в том числе и здесь http://htmlbook.ru/content/karty-izobrazheniya, сводятся к созданию карты прямо на текущей странице, без "переброса" на другую.

    Asked by xanf,

    0 votes
    0 answers

  21. Как сделать ссылки относительно корня сайта?

    Как сделать ссылки относительно корня сайта? Чтобы, например, ссылка с внутренней страницы на главную была вида href="/" ну и так далее, а то с относительными ссылками замучился.

    Asked by bob_24,

    0 votes
    11 answers

  22. IE7 и всплывающие подсказки

    Доброго времени суток! Есть страничка http://cath.in.ua/portfolio/curebit/new.htm На данный момент не могу исправить баг в IE7. При наведении на инпуты формы ввода выводится всплывающая подсказка, но в ie7 подсказка прячется под инпут, а надо, чтобы отображалась поверх блока. В остальных браузерах и версиях IE выше 7 отображается как надо. Подскажите, как можно решить данную задачу?

    Asked by Catherine,

    0 votes
    1 answer

  23. Рейтинг материала на ucoz

    Ребят подскажите! Вот у меня есть скрипт рейтинга материалов для ucoz <script type="text/javascript" src="http://helper.ucoz.ru/_ld/0/47_rate.js"></script> <?if($RATE_FORM$)?><a href="#" onclick="rateForm(-1,$ID$);return false">-</a><?endif?> <b title="Голосов: $RATED$" id="rate_$ID$" class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?> <?endif?>"><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b> <?if($RATE_FORM…

    Asked by tema,

    0 votes
    7 answers

  24. ie7 и png

    Есть такое чудо! resoursa.ru вот только немного парит ие7. Там есть динамические пнг, с тенюшкой. Так ыот при движении происходит засвет этой тенюшки. Есть ли решение, попробовал iepngfix но он видимо решает вопрос только статических пнг. И если нет решения, то может есть способ грузить для ИЕ другие изображения(с этой же стр), в гифе например, или там без тенюшки сделать.

    Asked by resoursa,

    0 votes
    0 answers

  25. Изображение через несколько минут

    Люди кто нибудь знает код чтобы изображение менялось через 5 или несколько минут????

    Asked by Baltazar,

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