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. Отключить скроллинг

    Кратко расскажу для чего мне это надо: У меня есть модальное окно (сделано с OrangeBox) При открытии этого окна, я не хочу чтобы работал скроллинг (как например в facebook при открытии фото в ленте) Для этого я даю body overflow:hidden. Все работает, но верстка ломается. Т.е. если до исчезновения скролла ширина документа было скажем 500px, то после того как убирается 490px. В итоге контейнер смещается туда сюда при открытии и закрытии модального окна. Как решить данную проблему.

    Asked by across,

    0 votes
    2 answers

  2. загрузкa

    привет, подскажите пожалуйста как сделать, чтоб сайт не так долго грузился ... не уберая его содержимое.. как ускорить загрузку... url : officialbuddyleeblog.com

    Asked by VioletaMeynell,

    0 votes
    2 answers

  3. Горизонтальное меню в див-блоке (я просмотрел все темы по поиску)

    Ребята привет. сайт 3d-journal.ucoz.ru Разместил меню в левом блоке div (LeftMenu), потом решил его делать в верхнем блоке (под header (картинка с космосом), это блок header 2. В левом блоке меню разместилось очень просто HTML <div class="LeftMenu"> <a class="menu" href="Форум.htm">Новости</a> <a class="menu" href="Уроки.htm">Уроки</a> <a class="menu" href="Видеоуроки.htm">Видеоуроки</a> <a class="menu" href="Журнал.htm">Журнал</a> <a class="menu" href="Галерея.htm">Галерея</a> <a class="menu" href="Download.htm">Download</a> <a class="menu" href="Форум.htm">Форум</a> &l…

    Asked by Eugene-N,

    0 votes
    14 answers

  4. Один - Один два блока по ширине

    Приветствую. Прошу помощи, а то мозг уже сломал. К примеру есть новостной блок Хочу сделать следующие 1)Если новость в теме одна, то новость заполняет весь блок по ширине. 2)Если же новости две, то они делят один блок по ширине Собственно есть два состояния html: <div class="news"> <div>Новость 1</div> </div> и <div class="news"> <div>Новость 1</div> <div>Новость 2</div> </div> Прошу помощи в css. Прошу учесть, что в дивах не может быть класса или id. Но можно использовать :nth-child(1) и :nth-child(2)

    Asked by aurfon,

    0 votes
    4 answers

  5. тег id

    Всем доброго времени суток. У меня такая делема. Как можно обойтись без id, а точнее как прописать в страничке html то, что прописано в отдельном файле css. Сам отдельный файл css С обычным style я проблем не имею, а вот что связано например с именами id=menu, я не понимаю. Как весь этот стиль прописать в основной страничке? и обязательно в тегах <body>...</body>.

    Asked by web_finans,

    0 votes
    3 answers

  6. Резиновая ширина блока

    Всем доброй ночи. Есть не резиновый сайт. 1 - сам сайт, ширина 1000 пикс; 2 и 3 - свободные ничем не заполненные поля по сторонам от сайта. Необходимо на место поля 2 вставить резиновый блок, который будет в зависимости от разрешения экрана иметь различную ширину, но всегда будет заполнять все пространство от левого края сайта до левого края дисплея. Подскажите как задать стиль этому блоку? P.S. Нашел вот что: <div id='myDiv' style='...'> </div> <script language='JavaScript'> w=screen.width/2-500; // 50% от ширины дисплея минус половина ширины сайта d=document.getElementById('myDiv'); d.style.width=w; </script> но данный скрипт работает ТОЛЬКО …

    Asked by Dayks,

    0 votes
    12 answers

  7. Изображение в DIV шире окна браузера оставить по центру

    Всем доброго времени. Давно пользуюсь этим сайтом и всегда находил ответы. Но видимо пришло время спросить у знатоков. Суть вопроса. Сразу приведу пример сайта ivi.ru. Хочется сделать как у них. У них рекламные постеры (изображение) в верху страницы размером 1700х424. И они используют jcarousel для слайдера. Но проблема в том, что jcarousel или другие слайдеры работают только с изображениями внутри блока DIV. Если блоку дать значение как background, то картинка центруется, но нет эфекта перехода (затухания). А если задать путь к изображению внутри блока, то блок при меньшем разрешении чем 1700 прилипает к левой стороне браузера, а не цинтрируется. На ivi.ru при изменении …

    Asked by sion999,

    0 votes
    1 answer

  8. JavaScript

    Как правильно написать js скрипт который возвращает на предыдущую страницу и в url дописывает переменную "&peremennaya" Вот скрипт который возвращает на предыдущую страницу <script>history.go(-1)</script>

    Asked by Zzz_,

    0 votes
    1 answer

  9. Версии устаревших браузеров

    Сейчас считается устаревшим Internet Explorer ниже 8-й версии. Подскажите, пожалуйста, какие версии остальных браузеров считаются устаревшими на данный момент?

    Asked by TorchTT,

    0 votes
    2 answers

  10. Аналоги IETester для дугих браузеров

    Для браузера Internet Explorer существует программа IETester, позволяющая просмотерть отображение сайта в различных версиях IE. Подскажите, пожалуйста, есть ли подобные программы для других браузеров?

    Asked by TorchTT,

    0 votes
    2 answers

  11. popup окно + php

    Всем привет, подскажите как создать попап окошко с обновляющейся пхп информацией.. Есть например много серверов какой либо игры.. есть переменные пхп типа названия и тд.. как правильно сделать что бы при нажатии на каждый сервер правильно отображалось его название и тд, просто у меня получается, что везде одно и тоже название к примеру и тд. В общем если, что спрашивайте.. может не понятно объяснил=) Знаю такую инфу, но не понимаю как сделать что бы обновлялась пхп информация и тд.. _http://cyber-systems.org/topic/11714-%D0%BC%D0%BE%D0%B4%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5-%D0%BE%D0%BA%D0%BD%D0%BE/ ..

    Asked by nuke_,

    0 votes
    1 answer

  12. баг с float в firefox 13

    Помогите решить проблему с float. http://parkes.org.ua/test/results.php - на странице в опере все контейнера отображаются корректно - в 2 столбца, но в firefox 13 во втором столбце только 1 контейнер.

    Asked by apexis,

    0 votes
    0 answers

  13. Как подключить jQuery?

    Опыта работы с jQ нет, но надо бы применить. На этом фрагменте http://clip2net.com/s/23x5S 2 задачи: 1) Главная картинка плавно заменяется одной из 3х других равных по размерам. 2) Блоки под картинкой при :hover трансформируются в блоки иного цвета, более высокие, имеющие ссылку. Мне кажется это давно решенные примерчики для профи, может есть шаблон скрипта который можно адаптировать под мою задачу?

    Asked by seemax,

    0 votes
    2 answers

  14. проблема с выравниванием меню

    Добрый вечер. Есть сайт Проблема с нижним меню в футере, в белой рамке. Надо выравнять по центру, чтобы не съезжало влево. И проблема эта в Google Chrome и в padding, который пытаюсь установить между пунктами меню. Если сделать чтобы в Mozilla и Opera отображалось нормально, то в Chrome съезжает влево(не хватает padding), и наоборот, если сделать, чтобы в Chrome всё было нормально, то в Mozilla и Opera меню переходит на вторую строку(значение padding большое). Перепробовал кучу вариантов, но ни один не подошёл, ни как не могу понять, как всё сделать нормально. Помогите пожалуйста.

    Asked by slo_nik,

    0 votes
    8 answers

  15. смена :: before на hover (е)

    а как написать, чтобы :: before во время hover менялся? сейчас так: Цитата li::befor{ content: url(../images/marker_f.png); хочу на hover(е) на другую картинку. Как нужно написать? спасибо

    Asked by Нusuf,

    0 votes
    3 answers

  16. Спецификация HTML

    Добрый день. Может быть не совсем в ту ветку, но все же. Когда-то находил на сайте w3c страницу где были описаны значения по умолчанию для всех элементов, ну то есть, например, H1 шрифт такой-то, отступы такие-то и т.д. То есть стили для элементов по умолчанию, сейчас что-то не смог найти, если у кого есть ссылка - поделитесь, плиз.

    Asked by Cerberus,

    0 votes
    2 answers

  17. Как можно изменить высоту левого блока от результата высоты правого блока?

    Добрый день. Есть сайт из двух динамических блоков , но при этом правый блок в зависимости от раздела по высоте меняется, а как можно сделать чтобы и левый блок принимал высоту правого?

    Asked by Krava,

    0 votes
    5 answers

  18. контейнера div в линию

    Как разместить несколько контейнеров div в линию без использования margin?

    Asked by apexis,

    0 votes
    6 answers

  19. атрибут "id"

    Всем доброго времени суток. Не получается разобраться в проблеме с атрибутом "id" Line 41, Column 72: value of attribute "id" invalid: "1" cannot start a name …ader">А</div><div class="content" id="1-content"><div class="text">Писатели на… It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.

    Asked by web_finans,

    0 votes
    16 answers

  20. генерирование таблицы

    Всем привет. Наткнулся на такую проблему с тегом <tr>. Его надо генерировать при первом проходе цикла в перед тегом td (<tr>), а после второго прохода цикла за тегом td (</tr>). Одномерный массив надо вывести в виде таблицы (хотя бы в 2 колонки) при помощи только CSS ранее делал вот где то так $column = 1; foreach ($fields as $key => $value) { if ($column%2) { echo '<tr>'; } echo '<td>'; echo $value; echo '</td>'; if ( ! $column%2) { echo '</tr>'; } $column++; } Возможно это сделать не прибе…

    Asked by kent666,

    0 votes
    1 answer

  21. 2 картинки в одном диве

    как это можно сделать? чтобы одна была в одном углу , а другая - в другом. Как это прописать в CSS ? и ещё поскажите, пожалуйста, вот эта запись верная? : почему-то у меня перед li ничего не появляется.

    Asked by Нusuf,

    0 votes
    4 answers

  22. Выпадающий список

    Хотел бы спросить как можно устранить раздвигание выпадающим списком пунктов основного меню http://jsfiddle.net/HDpPk/ Задал АР для .MainMenu чтобы выпад список не двигал нижележащий блок. Проблема ушла. Но теперь текст в выпад списке раздвигает само меню. Задать АР для выпадающих ссылок дает очень корявое отображение всего меню. + когда перенес тот же код в Фидли, получил "ныряние" всего меню при выпадании списка.

    Asked by seemax,

    0 votes
    3 answers

  23. отключить валидацию

    подскажите пожалуйста как отключить валидацию загружаемой страницы в FF. индикатор в правом верхнем углу показывает результат валидации

    Asked by cyklop77,

    0 votes
    15 answers

  24. Проблема с div\span

    Всем привет! Проблема в том, что я хочу заключить 3 картинки-ссылки в одну строку, но когда я это делаю, то 2 и 3 картинки при наведении курсора "трясутся" и чтобы перейти по ссылке приходится нажимать ПКМ-Открыть. ВОт код <br><span class="buttons"> <a href="http://beltravel.16mb.com/?lang=RU"><img src="wp-content/themes/suvfocus/images/lang/ru.png" width="32px" height="32px"></img></a></span> <span class="buttons"> <a href="http://beltravel.16mb.com/?lang=BE"><img src="wp-content/themes/suvfocus/images/lang/be.png" width="32px" height="32px"></img></a></span> <span class="buttons"> <a…

    Asked by bu3i28,

    0 votes
    4 answers

  25. Резиновый дизайн с ограничением

    Возможно дать свойство "резинки" ограниченной части сайта?

    Asked by Linblack,

    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