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. Ролловер. Работает в FF, Chrome, Safari. В IE8 - нет :)

    Сделал ролловер : <div id="Tools"> <ul> <li><a href="#"><span>aаааа</span></a></li> <li><a href="#"><span>bbbbb</span></a></li> <li><a href="#"><span>ccccc</span></a></li> <li><a href="#"><span>ddddd</span></a></li> </ul> </div> Стили: #Tools { width:180px; height:400px; background-color:white; float:left; padding:20px 0 0 20px; } #Tools ul { list-style-type:none; } #Tools a, a:vis…

    Asked by Afrika,

    0 votes
    4 answers

  2. Про необязательные тэги и необязательность закрытия всех тэгов — беспардонное враньё?

    Всегда ранее я предпочитала строгий синтаксис xhtml, считая вольный html с незакрытыми тэгами чем-то абсолютно недостойным. Но в конце концов стало интересно: ведь как-то же люди и такой синтаксис используют, и всё работает, да и спецификациями одобрено. Но однако что замечено: если не использовать тэг <body>, то в отдельных случаях IE любой версии просто не кажет содержимое страницы. В частности, это происходит, если использовать html5shiv или схожие по смыслу скрипты. если не закрывать <p> (или любой другой типа не требующий закрытия тэг), и за этим незакрытым элементом закрывается </section> или </aside>, то FF игнорирует эти закрывающие тэги, с…

    Asked by swetlana,

    0 votes
    12 answers

  3. Странный отступ

    Ребята, подскажите. Я не профи в верстке, поэтому бьюсь и не могу понять в чем проблема. Вот 2 снимка страницы и файл css. На первой вы можете увидеть подвал страницы и отступ между подвалом и другими частями страницы. На второй то как мне нужно чтобы все было (без отступа). Причина видимо в стиле .copyright, которым описаны авторские права. Как только я убираю эту строку с правами, подвал встает на место. Как мне сделать, чтобы и тест был в нужном месте и подвал был на месте. Я расчитывал, что текст внутри подвала будет делать отступ от границ подвала, но он почему-то этого не делает, хотя текст в других кусках страницы отступы отсчитывает от правильных границ. Подскаж…

    Asked by ITdreamer,

    0 votes
    5 answers

  4. Слои, кроссбраузерность

    Здравствуйте, помогите пожалуйста разобраться. Делаю сайт на joomla1.5(залил на тест-хостинг) - http://alex.z83.ru. Проблемы две (...пока, насчет IE еще не заморачиваюсь): 1. Справа от герба расположен блок <div id='head_photo'> , в него встроен модуль вывода сучайного фото, размеченный как еще один div , внутри которого ссылка с изображением( div->a->img). В стилях я сделал для #head_photo бэкграунд-картинку(corners.png-прозрачную) с белыми уголками, чтобы фото выводились под ней и были со скругленными углами, выставил z-index: 100; а для самой картинки- div#head_photo div a img { display: block;position: relative;z-index: 9;} чтобы она была под картинкой с…

    Asked by gamletjlo,

    0 votes
    24 answers

  5. Проблема с выравниванием div

    Как сделать так, чтобы один див прижимался к левому краю, а другой к правому и при этом никуда не пропадал базовый div? Вот, что имеется в виду: <div style="background: #f6f6f6;"> <div style="float: left;">123</div> <div style="float: right;">456</div> </div> Проблема в том, что при таком раскладе базовый div (тот, что с бекграундом) как бы схлопывается. Однако если ему указать высоту в 1 пиксель, то в IE всё работает просто замечательно. Базовый div сразу подстраивается под высоту двух других. А вот в FF и Opera этого почему-то не происходит . Как решить такую проблему без задания высоты каждому диву, так как она может быть разной?…

    Asked by thekap,

    0 votes
    5 answers

  6. Почему нельзя переправить свойство через класс, если оно задано для всех элементов?

    Проблема такая, для всех div задано свойство рамки, то есть вот так без никаких классов div {border: 1px solid #000;}. Однако в коде есть такие дивы, которым рамка не нужна и этих дивов подавляющее меньшинство. Между тем, когда им пишешь border: none, ноль реакции. Как я понимаю, это происходит из-за того, что рамка задана для всех div глобально. Это можно как-то обойти, потому что иначе придётся писать уйму ненужных строк, чтобы ввести классы, где нужна рамка? А так как их большинство, то код увеличится на немалое количество строк типа class="див с рамкой". А между тем, зачем это делать, если можно только пару раз указать, где рамка не нужна. Или при глобально заданной р…

    Asked by thekap,

    0 votes
    1 answer

  7. Приоритет

    Добрый день! Такая проблема. В главном каталоге моего сайта есть 2 файла index.php и index.html при открытии моего сайта загружается index.php как сделать так чтобы при вводе ссылки http://мойсайт.ру загружался файл index.html P.S без переименования файла index.php

    Asked by 123456789igor,

    0 votes
    1 answer

  8. Таблица HTML

    Здравствуйте ув. коллеги. У меня такая проблемка. Просматриваю сайт, информация отображается в виде таблицы. Мне нужно данную таблицу перенести в ексель. Вариант сохранить mht (htm) и потом открыть офисом не подходит, т.к. даные выстраиваюся в столбик, а мне нужно чтоб оставалась табличка. И исходные даные "оставались" по ячейкам. Люди добрые, помогите кто чем может.

    Asked by Пет о1,

    0 votes
    7 answers

  9. Opera && <button></button>

    Есть к примеру такая разметка и Opera 11.01 (в остальных браузерах работает нормально) По идее при нажатии на кнопку скролл не дожен прокручиваться, а он улетает вниз. Помоги те решить сию проблемку.

    Asked by Sariel,

    0 votes
    0 answers

  10. Не полностью отображается сайт в Internet Explorer

    Под IE не отображается половина добрая главной страницы. Нет левого меню, половины текста и партнеров. На других страницах это все есть, но отображается тоже некорректно. Например, кнопки в левой нижней части (карнизы SunDeco) обрезаются. Вот адрес моего сайта : http://www.rolsistem.ua/ - посмотрите пожалуйста в чем может быть проблема, кто сталкивался с этим и может есть какие способы устранения. , где что нужно исправить?

    Asked by muravei,

    0 votes
    18 answers

  11. Проблема при прокрутке

    Всем привет.Столкнулся с такой проблемой,шаблон фиксированный (1100px) есть меню и футер которым я задал свойство width:100%;при увеличении масштаба все работает,а когда уменьшаю масштаб,при прокрутке вправа исчезает часть картинки. Вот как раз тема соседа,у него на сайте так же - http://www.rolsistem.ua/ Можно ли как нибудь это исправить?

    Asked by Vladinho,

    0 votes
    3 answers

  12. две проблемы в опере

    Здравствуйте не слишком соображаю в верстке, накидал тут зачаток макета, и сразу две проблемы... Во-первых, шрифт который я подгрузил, внешний, работает только в лисе во-вторых, лиса отрисовывает границу и заливку дива, а опера почему-то нет. Подскажите как исправить, на что обратить внимание. В ие даже боюсь заглядывать химичу тут http://lvl7.ru/author.php

    Asked by phii,

    0 votes
    3 answers

  13. Как сделать input(text) и select в IE визуально одинаковыми?

    Сабж. Собственно, проблема такая, если селекту и инпуту с типом текст задать одинаковую ширину, например, 100px, то в FF и Opera они выглядят визуально идентичными, а в IE6 инпут нехило лезет вправо (на пикселей 5, не меньше, если не больше)! Кто-то решал уже такую проблему?

    Asked by thekap,

    0 votes
    25 answers

  14. Паспарту с текстом

    Здравствуйте! Занимаюсь дизайном собственного сайта об автомобилях (Пример проблемной страницы), а так как сайт научно-популярный, то кроме паспарту делаю подрисуночные надписи, но их текст искажает размеры паспарту. Хочу, чтобы текст не выходил за границы рисунков. Как вариант можно фиксировано задавать ширину каждого блока, но все рисунки разного размера - это очень трудоёмко. Кусочек html кода с рисунком <div class="picturebox"> <img src="umenchenie_massy_auto/dvigatel.jpg" alt="Двигатель, расположенный в задней части автомобиля в едином блоке с коробкой передач и главной передачей" title="Двигатель, расположенный в задней части автомобиля в едином блоке с …

    Asked by Red_baron,

    0 votes
    4 answers

  15. Очередная проблема с валидацией.

    Валидатор FireFox "ругается" на строку: <a href="/ru/institutions/page2/?city=&area=&institution_type=&cuisine="> И объясняет все так: Как исправить?

    Asked by Alex&R,

    0 votes
    3 answers

  16. Рамка на фото

    http://teplee.com Не могу понять где что прописать что бы на картинках рамка появилась. Пробую стиль в CSS добавить, ничего не меняется

    Asked by ValentoS,

    0 votes
    1 answer

  17. какой способ целесообразней использовать. div или таблицы.

    Гуру верстки, подскажите, каким способом лучше реализовать блок контента с закругленными углами. - Пример макета. Лично я всегда использую таблицы. Я разбиваю изображение на 3 части. Далее создаю таблицу из 3 строк и 1 столбца. В верхнюю строку сую фоном top (высоту и ширину фиксирую). В среднею фоном center (сюда в дальнейшем помещаю контент ). И в последнею самую нижнею bottom (высоту и ширину фиксирую). Подскажите яв-ся ли мой способ правильным ? Хотелось бы услышать как это реализовать с помощью дивов. Простите если пложу темы в поиск не отправляйте, так как прочитал уже много информации на данную проблему. Мне охото услышать мнение знающих людей.

    Asked by Rasel,

    0 votes
    28 answers

  18. Обтекание элемента, стоящего вне родительского

    Доброго времени суток! Возникла, на мой взгляд, нетривиальная задача. Есть три блока: .article_intro - заголовок статьи, дата, автор, фото; .article_body - текст статьи, .tags - теги Проблема в том, что все содержимое .article_body хранится в базе. В cms представляется одной переменной и воткнуть .tags на нужное место не так просто. Пока приходит в голову только один вариант решения этой проблемы: парсить конец первого параграфа статьи и вставлять блок тегов после него. Вариант плох тем, что тогда блок будет доступен людям, которые могут случайно все поломать. Допускать этого очень не хочется. Вопрос: возможно ли сделать обтекание блока .tags, располагая его в докуме…

    Asked by zmeika,

    0 votes
    5 answers

  19. анимация закрывает выпадающее меню, помогите решить.

    я использовал анимированное слайдшоу и сверху поставил выпадающее меню, проблема в том что анимация закрывает выпадающее меню,если убрать позирование relactive в id=window и в class=slideshow,то выпадающий список становиться поверх фото,но анимация перестает функционировать. скажите плиз, как решить проблему. вот ссылка http://vibor-kzn.ru/menu/ исходные данные http://vibor-kzn.ru/menu.zip

    Asked by dinaron,

    0 votes
    2 answers

  20. vertical-align: middle не работает на IE7

    Много тем с разными решениями которые не работают. Как решается проблема? Тут это видно на картинках которые не квадратные.

    Asked by Pumych,

    0 votes
    12 answers

  21. text-decoration для текстовых ссылок но не для изображений внутри ссылок

    Здравствуйте, подскажите пожалуйста, можно ли как-нибудь средствами CSS сделать чтобы подчеркивались текстовые ссылки внутри стиля, а если ссылкой является изображение, то text-decoration:none. Например: //надо чтобы подчеркивалось <a href="http://site.com">site link</a> // НЕ надо чтобы подчеркивалось <a href="http://site.com"><img src="http://site.com/logo.jpg"/></a> псевдокласс имеет такой вид: .content b a { color:#383838; font-weight:400; text-decoration:underline; } кстати что тут значит буква "b" ? Заранее спасибо за ваши ответы!

    Asked by Mihail_,

    0 votes
    14 answers

  22. Центрирование блока без с учетом скроллбара

    Доброго времени суток! Подскажите, если кто сталкивался с подобным - нужно отцентрировать блочный элемент таким образом, чтобы при появлении вертикальной прокрутки не происходило сдвига этого элемента. То есть, к примеру, когда центрируется блок с помощью "margin: 0 auto" - то при появлении прокрутки блок смещается влево (т.к. ширина экрана уменьшается и блок принимает новый центр)

    Asked by shass,

    0 votes
    2 answers

  23. Проблема с цветовыми профилями

    Здравствуйте. Прислали макет в Adobe RGB (1998). При открытии мой CS4 сразу материться мол несоответствие, так как рабочая схема sRGB IEC61966-2.1. Предлагает либо конвертнуть в рабочее пространство либо оставить как есть. Если конвертировать - то цвета меняются (почти незаметно но дизайнер недоволен). Выбрал оставить как есть но при сохранении через Save for Web он все равно автоматом конвертит в sRGB. То есть цвет элемента со скрина отличается от цвета в макете. Подскажите можно ли как-то сохранить чтоб те же цвета остались или надо дизайнера напрягать чтоб прислал макет в нормальной цветовой схеме? Заранее благодарен.

    Asked by Dioni$$,

    0 votes
    2 answers

  24. как оптимизировать большие изображения?

    Тема вроде бы тривиальная, но как-то окончательно в голове не укладывается. Вот из того что пока я нашла в инете получается 2-а основных метода оптимизации: 1) непосредственно работа с качеством, цветами, свойствами и т.д., что бы был минимальный размер; 2) нарезка изображения и вставка в таблицу. Хотелось бы узнать: 1) как лучше вставлять "тяжелые" изображения при верстке сайта; 2) если у нас такое "тяжелое" изображение является background, например в header, как тогда быть?

    Asked by nuna,

    0 votes
    5 answers

  25. Страница тормозит при скролинге, если её растянуть

    Всем привет. Столкнулся со следующей проблемой - есть готовый сайт(ссылка ниже), мне надо было просто добавлять фотографии. Вот линк на страницу с проблемой(хотя эта проблема возникает с каждой страницей на этом сайте, которую я изменяю) - http://www.elena-company.de/ru/custom.html Как только я растягиваю эту странице немного вниз(фоны и т.д.), то она начинает тормозить при скролинге(особенно хорошо это видно в фаерфоксе с включённой опцией "smooth scrolling". Тоесть проблемы начинаются сразу после растягивания. Что я делаю не так? Изначально страница выглядела так - http://www.elena-company.de/ru/custom_good.html Как Вы можете заметить - скролинг не тормозит Очень над…

    Asked by LeGoLaZz,

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