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. как скрыть изображение не влазеещее в блок

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

    Asked by kent666,

    0 votes
    3 answers

  2. вывод из базы в 3 калонки

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

    Asked by paseonru,

    0 votes
    1 answer

  3. Помогите в написании кода

    Здравствуйте! Решил обратиться на форум вашего сайта за помощью, так как не силён в html. Я пользуюсь системой uCoz. Ищу такой html-(css-)код, который при нажатии открывает ajax-окно. В этом окне есть два поля, если в них написать что-нибудь и нажать кнопочку "ОК", то то, что написано, вставится в определённые места определённого html-код(всегда одинакового), который можно будет скопировать и потом вставить и отправить по ЛС(если можно так сделать, то сразу при нажатии на кнопку отправить по ЛС). Если нужна дополнительная информация - спросите.

    Asked by Vladimir_Новичок,

    0 votes
    0 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. Как сделать чтобы прокручивался только контент?

    Привет. Подскажите пожалуйста где можно почитать как сделать фон на сайте так что бы прокручивался только контен. Ну то есть фоном сайта является только одна большая картинка, и если контент выходит за риделы картинки то прокручивался бы только контент. Ну вот например как на этом сайткие - http://www.screenpaper.ru.

    Asked by misha-qwerty,

    0 votes
    1 answer

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

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

    Asked by Drisik,

    0 votes
    5 answers

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

    Код главной страницы: <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

  8. Не растягивается контейнер

    Добрый вечер! Возникла проблема во время верстки макета Вердера, никак не могу понять как с ней бороться. У блока .container ширина задана 100% и флаг спозиционирован в правом верхнем углу бэкграундом, но тем не менее, когда я позже поместил меню на сайт со свойством nowrap - оно почему-то вышло за границы контейнера при разрешении 1024х768. Чем обусловлено такое поведение? http://sleepwalker51.narod.ru/

    Asked by heywait,

    0 votes
    9 answers

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

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

    Asked by Yarkaya,

    0 votes
    10 answers

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

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

    Asked by Xorigan,

    0 votes
    7 answers

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

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

    Asked by seemax,

    0 votes
    0 answers

  12. Список в строку. 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

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

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

    Asked by Gaspode,

    0 votes
    4 answers

  14. 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

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

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

    Asked by seemax,

    0 votes
    2 answers

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

    верстаю сайт, нужно сделать так пока получилось вот так как сделать чтоб отступа не было? обозначено на картинке 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

  17. Стили для input

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

    Asked by Santorin,

    0 votes
    2 answers

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

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

    Asked by ViES,

    0 votes
    4 answers

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

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

    Asked by dmsoh,

    0 votes
    1 answer

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

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

    Asked by Gaspode,

    0 votes
    0 answers

  21. Не могу понять почему растягивает левый край

    Всем привет, не могу понять почему растягивает левый край( Сайт www.vs-aqua.ru Вроде делал как резиновый дизайн, а оказался совсем не резиновым.

    Asked by ZFJoury,

    0 votes
    6 answers

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

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

    Asked by Catherine,

    0 votes
    1 answer

  23. список в 3 колонки

    Уже перепробывал все что в голову влезло, ничего не получается, если бы див этот не должен был тянуться вниз по содержимому, то через float нормально было бы, но он должен тянуться и хоть убей не могу ничего придумать, может кто сталкивался, подскажите пожалуйста. http://itmages.ru/image/view/374183/fec8a140

    Asked by necro,

    0 votes
    7 answers

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

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

    Asked by bob_24,

    0 votes
    11 answers

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

    Добрый день. Известно, что имеется способ "увеличить" мелкий рисунок из текста,выводя его в новое окно: <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

  • Обсуждения

    • 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