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. Проблема с configuration.php

    Здравствуйте! Внезапно обнаружил косяк с сайтом. Дело вот в чем, если в браузере набрать адрес сайта www.ophmao.ru , то он отображается не правильно, т.е. выводит не Главную, а список материалов одной из категорий. Но если набрать в браузере (что я всегда и делал) просто ophmao.ru (т.е. без www), то все корректно. В файле configuration.php нашел следующую строку public $live_site = 'http://ophmao.ru'; Соответственно я попытался исправить ситуацию добавив тройное W в строку. Ситуация поменялась на противоположную. Т.е. без www отображается не корректно. Как победить? Что крутить и куда вертеть? Очень буду признателен за помощь.

    Asked by Jakov,

    0 votes
    4 answers

  2. Сайт - таблица, устарело?

    Недавно мне пытались внушить, что сайт, построенный на основе таблиц, является устаревшим вариантом, и в дальнейшем будет очень не удобным из-за "модификаций" браузеров. Правда ли это? (http://truebooks.ru/ )

    Asked by JohnBondlock,

    0 votes
    4 answers

  3. Проблема с шрифтами

    Испытываю ряд трудностей при просмотре сайта с apple устройств, а именно они отказываются воспринимать Tahoma и заменяют его шрифтом с засечками. Какие есть стандартные методы борьбы с яблоком? Меня бы в принципе устроила даже отдельная загрузка шрифта для этих устройств через @font-face с указанием @media я просто не нашел как именно нужно выделять их.

    Asked by stars,

    0 votes
    2 answers

  4. Отбрасывание нижнего блока

    Здравствуйте, подскажите почему верхний блок когда ему задаю маргин топ отбрасывает нижний идущий сразу же по дним?? и из за этого не могу подкоректировать и сделать как в макете вот скрин (http://itmages.ru/image/view/1496775/2a5e55e0), спасибб

    Asked by knowing the truth,

    0 votes
    3 answers

  5. Фиксированная высота колонки!

    Здравствуйте! По объективным причинам (44 ФЗ) у бюджетной организации нет возможности нанять профессионала для поддержки сайта. Все приходится теперь изучать самому (я штатный сотрудник, раньше только тексты писал). Т.е. теперь весь сайт на мне. Поставили задачу по сайту, которую я не знаю как решить, помогите советом, буду крайне благодарен. Суть вопроса: Есть сайт, выглядит сейчас он примерно так: Вот ссылка, если что: http://www.ophmao.tmweb.ru Это "сайт-франкенштейн", я на нем свой скилл рощу =), чтобы не поломать настоящий. Так квот, там есть колонки (?) нас интересуют две - Main News и Col2. Задача в том, чтобы сотворить с ними вот такое: т.е. Main News растяну…

    Asked by Jakov,

    0 votes
    10 answers

  6. Размеры блоков

    Пожалуйста помогите. Простой код http://cssdeck.com/labs/iwugvudp Сверху два блока 800 и 200 левый отступ у второго 10px, поля 0 итого 1010 px, блок ниже 1010px, но визуально границы блоков по левому краю не совпадают. В чем может быть проблема?

    Asked by drevil37,

    0 votes
    3 answers

  7. Проблема верстки только в Firefox

    Дело в следующем: при наведении на пункт меню, над ними появляются иконки. Вот демка: http://videostroy.com/ Во всех браузерах кроме Firefox иконки отображаются верно. Каждая последующая иконка отсчитывают координату X от предыдущей. И только в Firefox отсчет ведется от начала блока. Помогите решить проблему пожалуйста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.link1').hover(function() …

    Asked by IndigoHollow,

    0 votes
    6 answers

  8. Пока не нажата кнопка выполнять код

    $(document).ready(function() { while !( $('.div').click()) { какой-то код } }); что не так? весь код из-за этого отваливается...Не помогает // $('.div').click(function(e){break;}); и не while $('.div').click())=false какой-то код }

    Asked by romoga,

    0 votes
    4 answers

  9. Отклик на прикосновение к экрану

    Всем доброго вечера! наткнулся на одну проблемку при разработке интерфейса сайта Как сделать,что при проведение пальцем по экрану выдвигался тот или иной блок например,как в мобильной версии вк

    Asked by Xolodeec,

    0 votes
    3 answers

  10. Небольшая проблема с CSS

    Доброго времени суток, форумчане! Возникла у меня проблемка не большая. Нарисовал картинку (бэкграунд), и в этой картинке оставил место для вставки видео. Т.е. рамку. В это место нужно вставить видео. Бэкграунд вроде настроил, вроде отображается, но вот видео на "место" поставить не могу. Использую тег margin-top, указываю значения, а он делает отступ не только для видео, но и для самого бэкграунда. По-любому проблема лежит где-то на поверхности, а я ее не вижу, как обычно. Помогите сообразить, пожалуйста Вот мой код: + Картинка.

    Asked by baxpul,

    0 votes
    2 answers

  11. Оцените CSS код трёх колоночного каркаса и как убрать толстые линии?

    http://jsfiddle.net/3j39P/ <div class="layout"> <div class="sidebar">Меню</div> <div class="content">Контент</div> <div class="sidebarR">Реклама</div> </div>.layout{ width: 1000px; margin:auto; position:relative; }.sidebar, .content, .sidebarR{ position: absolute;}.sidebar{ width: 150px; height: 150px; border:1px solid;}.content{ width: 150px; left:150px; width: 700px; height: 500px; border:1px solid;}.sidebarR{ width: 150px; left:850px; width: 150px; height: 150px; border:1px solid;}

    Asked by DivMan,

    0 votes
    4 answers

  12. Некорректное отображение на мобильных устройствах

    Здравствуйте, есть макет фиксированной ширины в 1150px, по макету в header и footer сайта есть блок с заливкой на всю ширину страницы как в примере кода. <div class="wide"> <div class="menu"> <ul> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> </ul> </div>…

    Asked by gurov87,

    0 votes
    2 answers

  13. inclide и несколько head

    Здравствуйте, подскажите как правильно пользоваться функцией include для вставки одинаковых блоков (шапка, футер и тд) на страницы сайта. На данный момент код страницы выглядит примерно так: <head> мета-теги (title, keywords)</head><body> <?php include "шапкасайта.php"; ?> остальной код страницы</body>Файл "шапкасайта.php", в свою очередь также имеет мета-теги в head и код в body, т.е. выглядит так: <head> мета-теги (title, keywords)</head><body> код страницы шапкасайта</body>И в итоговом виде код страницы получается следующий (если смотреть в браузере исходный код страницы): <head> мета-теги (t…

    Asked by dmifed,

    0 votes
    7 answers

  14. Вертикальный текст в таблицах

    Здравствуйте, как вы знаете, в таблицах всегда текст записывается горизонтально. Но как его записать вертикально? Нельзя использовать ничего кроме css. Разумеется, текст может быть любой длины. Можно ведь повернуть на 90° текст? Спасибо огромное тому гению, что подскажет отгадку.

    Asked by higimo,

    0 votes
    5 answers

  15. Помогите разобраться с "clear"...

    Верстаю шаблон для Joomla и столкнулся с такой проблемой: все материалы в начале содержат картинку с float: left и высота этой картинки больше высоты блока с текстом. Изза этого картинку обтекает не только текст, а еще и весь блок следующей новости: http://yadi.sk/d/NfElKboeHjA6k Если же разделителям которые идут после каждой новости я прописываю clear: both, то казалось бы все работает, но первый же разделитель опускается до той линии где кончается левый сайдбар (красная линия на рисунке), оставляя много пустого места: http://yadi.sk/d/qgE-7ATtHjAWv Подскажите как сделать так чтобы новости выводились нормально, не обтекая картинку из предыдущей новости и не оставляя …

    Asked by XAHTEP26,

    0 votes
    5 answers

  16. Проблема с onlcick() Помогите разобраться

    Приветствую всех! Есть проблема, очень надеюсь на вашу помощь. Делаю сайт http://magazin.amedigroup.com/ Всем кнопкам "Смотреть полный каталог" прикрутил событие onclick(), но он почему-то срабатывает только после двойного щелчка по кнопке. Сам скрипт проверял на работоспособность создавая тестовую страницу - все работает, проблем нет, но на этом сайте что-то мешает. Собственно скрипт: <script type="text/javascript"> function toggle_show(id) { document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none'; } </script> и кнопка: <div id="mybutton" class="red-btn" onclick="toggle_show('c1');toggle_sh…

    Asked by Creoman,

    0 votes
    5 answers

  17. Firebug для firefox под ubuntu 13.04

    Можно както установить firebug на firefox под убунтой? или придется пользоваться встроенным инспектором от хрома

    Asked by ilyas,

    0 votes
    2 answers

  18. Как настроить платный шрифт для сайта

    Купила шрифт для сайта. Выслали один файл. С ним на моем компе работает, а на сайте - нет. Запросила адаптацию у продавца. Выслали 2 папки. Что с ними делать, к какому файлу указывать путь, что скачивать в файловый менеджер на хостер ума не приложу. Мучаюсь с установкой теперь. Как установить и привязать шрифт к сайту?

    Asked by Светлана,

    0 votes
    33 answers

  19. Как реализовать подобный скролл?

    http://i.imgur.com/VW0ODIL.png http://i.imgur.com/xHmw0of.jpg

    Asked by posthack,

    0 votes
    4 answers

  20. Как остановить анимацию keyframes

    сабж...реально бесит уже..Почему она зацикливается... Конечно в идеале мне надо чтобы анимация была при загрузке странице ЕДИНОЖДЫ.. $(document).ready(function() { все выполняет сразу...без очередности..как это победить Вот мне надо например менять фон блока 10 раз плавно... а потом стоп, а он гад прокрутит у себя там все и последний результат показывает (((( animation-fill-mode: forwards; не пашет

    Asked by romoga,

    0 votes
    0 answers

  21. С точки зрения кодинга

    имеется следующая конструкция $('a.ssilka1').click(function(event){ event.stopPropagation(); document.getElementById('frameAll').contentWindow.location.href="ssilka1i.html"; }); $('a.ssilka2').click(function(event){ event.stopPropagation(); document.getElementById('frameAll').contentWindow.location.href="ssilka2.html"; }); и так далее... и таких много ввиду того что я не больше не знаю как можно подгрузить во фрейм данные... ничего что так много функций или я нуб и должен молится великому КАА и переделать???

    Asked by romoga,

    0 votes
    4 answers

  22. Тег <area>

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

    Asked by gadjet,

    0 votes
    6 answers

  23. Разное отображение в хроме в фоксе

    Почему в хроме кнопка В корзину с полем количество на одной линии, а фоксе не так? Ссылка

    Asked by smirn0ff,

    0 votes
    1 answer

  24. background и IE8

    Вобщем дело такое, есть сайт, там слайдер - http://www.admis.ru/catalog/orgteh_hp_LaserJet_pro400_M401dne . Везде отображается по человечески кроме ие8- В чём проблема - на сколько я почитал он воспринимает картинку в кодировке CMYK. Перепроверил 10 раз, попытался сохранить в .jpEg и залить тупо картинкой, стрелку тоже вариант не прошёл. Нашёл в исходниках сайта в папке аймейдж картинку - стрелку. ОНА РАБОТАЕТ. Я повернул картинку ВИНДОУСОВСКИМИ функциями и задал фоном - она НЕ РАБОТАЕТ. В ИЕ8 сейчас выглядит вот так вот - http://joxi.ru/rrP4Uv3JTJBXeeCpf-w Что делать ХЗ. О Великие гуры ИЕ8, наставьте меня на путь истинный. Мне надо только для ИЕ8

    Asked by Wahlberg,

    0 votes
    1 answer

  25. Достижение кроссбраузерности верстки

    На одном ресурсе уже поднимал такую тему, спрошу и у Вас. Хочу поговорить о достижении кроссбраузерности верстки. Все что я пока что верстал - исключительно для себя, т.е. для приобретения практических навыков - на хостинг ничего не заливал, проверял только в новых браузерах. И вот сейчас уже начинаю задаваться вопросом - как достигать профессиональной верстки, с соблюдением всех требований. Вот если говорить о кроссбраузерности, когда читал "Большую книгу CSS" Макфарланда и другие материалы, отмечал какие свойства не работают в определенных версиях IE, где обязательно указание префиксов поставщиков, в каких случаях нужно добавлять zoom: 1, что то в голове отложилось и я …

    Asked by Stager36,

    0 votes
    1 answer

  • Обсуждения

    • 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