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. Фреймы

    Здравствуйте. Решил освоить фреймы, много копался, начал делать и наткнулся на проблемку, для чего мне это нужно объяснять не буду дабы это не важно. В общем суть проблемы: Вот мой код: <html><head><title>frame</title></head><frameset cols="50%,*" rows="500,*" bordercolor="#000000"><frame src="2.html" name="page1"><frame src="3.html" name="page2"><frameset rows="500,*" bordercolor="#000000"><frame src="4.html" name="page3"></frameset></frameset> </html> вот что вышло: И беда в том что мне нужен один из вариантов ниже: либо так: Либо так: Как мне это осуществить? и в чём моя проблема?

    Asked by dimon9512,

    0 votes
    13 answers

  2. FF не видит css файл.

    Помогите пожалуйста, не знаю что делать. FF не читает или не видит css файл. Во всех браузерах отображает нормально, а в фф какие-то бока. Вот сам сайт morematt.hol.es

    Asked by Мэтт,

    0 votes
    2 answers

  3. как расположить гифку в нужном месте

    Задумка была такая: В бакграунде столбца табличного дизайна, висит картинка подсвечника с огарком свечи. Над ним хотел расположить гифку горящего огонька. Но огонек висит слишком высоко над огарком и немного правее. Как его подвести к нужному месту? Пробовал абсолютное позиционирование в CSS, почемуто ничего не получилось. Как можно еще в браузере расположить гифку в нужном месте? Спасибо. Хотел вставить скриншот, но не понял как это здесь делается.

    Asked by Arucks,

    0 votes
    2 answers

  4. CSS3 и Html5 рабочие версии или еще в разработке?

    В википедии написано, что CSS3 еще разрабатываемая версия, но уже много учебников по нему выпуска 2011 года, а уже CSS4 еще разрабатывается. И в вакансиях уже в требованиях пишут, что нужно знание HTML5 и CSS3. И посоветуйте пожалуйста учебник хороший по html5 И css3

    Asked by Омск,

    0 votes
    2 answers

  5. высота блоков

    Всем привет, есть 3 блока http://fscreen.ru/vAc4Rb1314175623 , цены и описание должны быть выровнены по одной линии, есть сузить экран , то высота блока изменяется и появляется скроллинг у блока ( http://fscreen.ru/Vn9c0L1314180238 ) т.к. я задал для блоков фиксированную высоту и overflow:auto; , если без фиксированной высоты, то сами понимаете ничего на одном уровне точно не будет. Как посоветуете решить проблему. Никто не знает есть функция js определяющая высоту контента в блоке ?

    Asked by htmligor,

    0 votes
    9 answers

  6. Яндекс карты - можно ли задать параметр карты прямо в адресе скрипта?

    Суть в том, чтое сть карта <script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=SAlIYG_RhurtAuaxaa-hi5HKjE-7wHhS&width=600&height=450"></script> Можно ли допустим к адресу допбавить &options.shadow=false ? Мне нужно убрать тень для балуна. Но не хочется для этого вместо обычной вставки простого скрипта создавать свой скрипт, генерировать карту, создавать и указывать кучу параметров (ведь базовая карта через апи как чистый лист - в общем долго это все). Можно ли как-нибудь указать для карты, что в ней не должно быть тени?

    Asked by Zverushka,

    0 votes
    2 answers

  7. background origin

    http://jsfiddle.net/Y3yJL/ Мне нужно, чтобы граница кнопки не находилась на оранжевом цвете - она должна получиться сероватой за счет прозрачности. По идее этот вопрос должен был решить background-origin, но не решил. ?

    Asked by Zverushka,

    0 votes
    3 answers

  8. Загрузка страницы "через белое".

    Есть сайт http://primehotel.ru На нем несколько пунктов меню. При нажатии на любой пункт грузится страница, без каких либо проблем и дерганий . И только при нажатии на "Бронирование" страница грузится через "белый экран". Проверял в Опере, Хроме и Лисе. Я так понимаю, что это из за присутствие на странице "формы бронирования". Подскажите как это можно избежать и грузить ее так же, как и остальные страницы.

    Asked by amv,

    0 votes
    10 answers

  9. margin 0 auto

    Почему разработчики придумали значение auto а не center????

    Asked by DivMan,

    0 votes
    3 answers

  10. Уползает фон landing верстки

    Доброго времени суток форумчанам. Решил впервые сверстать макет и выбрал для этого дела landing страничку. При этом столкнулся с проблемой, фон уползает и не покрывает весь контент: И вот как должно быть по макету: Вот код моей верстки: http://jsfiddle.net/vNBfM/ В чем ошибка? Прошу также в общем оценить код, указать на ошибки. Заранее благодарю.

    Asked by iDonatych,

    0 votes
    2 answers

  11. Масштабируемый треугольник

    http://joxi.ru/TA4RU_3JTJAvSyJOwZA Суть в том, что высота может быть разной, создать треугольник в относительных величинах нельзя. При этом я не представляю как воспользоваться градиентом, потому что весь зеленый блок полупрозрачный. Использовать, допустим трансформы. Но последний раз, когда я сталкивалась с ними - я помню огромные проблемы со skew вместе с rotate - идеального ромба не получится - какая-то сторона будет длиннее. Как же это сделать?

    Asked by Zverushka,

    0 votes
    3 answers

  12. Выровнять фрейм как надо

    <body style="margin:0px;"> <center> Text1 </center> <center><p><iframe src="h_f_l.html" width="200" height="200" style="margin:50%;" ></iframe></p></center> <center> Text2 </center>Хочу сделать так, что бы фрейм постоянно был по центру страницы, оставался по центру стрницы и при растягивании или сжатии страницы, проблема в margin, если на 50% то он улетает куда то далеко вниз... <body> <iframe src="h_f_l.html" width="200" height="200" style="left:10%; top:10%; position:absolute; position:fixed; "></iframe> <iframe src="h_f_r.html" w…

    Asked by jestyman,

    0 votes
    2 answers

  13. Выравнивание элемента под изображением

    Есть двухколоночный макет, есть DLE, есть статья с изображением и категория к которой она принадлежит. Не могу разобраться как категорию прижать к концу статьи (место обозначил зелёным). <span class=catclear><small class=categoryfullstory>Категория:</small> {link-category}</span>span.catclear { clear:both; font-family:Courier New; } И почему, когда у категории вместо <span class=catclear> стоит <div class=catclear>, то категория сползает вниз.

    Asked by Delat,

    0 votes
    5 answers

  14. Как сделать, чтобы при нажатии на ссылку появлялся сбоку блок(div)?

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

    Asked by alex1998,

    0 votes
    5 answers

  15. Не адаптивная верстка bootstrap

    Добрый день, решил для себя полностью верстать все проекты под bootstrap3. Но как я понял он для адаптивного дизайна. А можно на нем сделать простой сайт не адаптивный, чтоб при уменьшении экрана появлялась горизонтальная полоса прокрутки и не происходило перестраивания элементов. Спасибо!

    Asked by Sten8509,

    0 votes
    1 answer

  16. Появляется полоса прокрутки помогите

    <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="templates.css"> <title>Site 3</title></head><body> <div class="warp"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containi…

    Asked by alacka,

    0 votes
    12 answers

  17. Padding у input тектса

    Есть форма: http://jsfiddle.net/6BU8r/ Когда: .form-contact input[type="text"] {padding: 0;}Все инпут поля вписываются в рамки "form-content", а когда устанавливаем: padding: 0 20px; То происходит увеличение длины инпута и выход его за пределы? И второй вопрос - как вписать эти инпут-поля в "form-content", чтобы они не вылезали? Спасибо!

    Asked by cluboy,

    0 votes
    3 answers

  18. div в оставшуюся высоту экрана

    Ребята привет. Делема в том, что нужно растянуть div.conteiner во всю оставшуюся от шапки div.head высоту экрана, что бы не появлялась полоса прокрутки. Вот код http://jsfiddle.net/MsnWg/12/ Подскажите пожалуйста как можно сделать.

    Asked by SnowWind,

    0 votes
    11 answers

  19. Не отображается сайт

    Купил домен. оплатил хостинг. Закинул файлы на сайт. Но мне выдаёт следующее К сожалению, Google Chrome не может найти страницу www.fotosvami.ru.Открыть кэшированную копию страницы www.­fotosvami.­ru. Сайт Fotosvami.ru Мне кажется я что-то напутал в коде или не туда закинул. Просто везде написано кидать в папку public ,но у меня такой нет(( Есть только www и потом папка с названием сайта. Кинул всё туда. Index.hml вроде есть. Его содержимое вот <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Сайт Борисовской Татьяны</title> <link rel="stylesheet" href="assets/css/s…

    Asked by werwolfa666,

    0 votes
    1 answer

  20. Проверка и оптимизация CSS

    Подскажите сервис или программу для проверки КСС. Имею ввиду исключение из стилей не используемых или дублирующихся параметров. Переделываю старый шаблон, много чего изменил, и теперь долго перебирать какие свойства используются а какие нет.

    Asked by alleclf,

    0 votes
    7 answers

  21. Сохранение пропорций изображения

    Добрового времени суток. Подскажите, как для тэга img в CSS задать правило сохранения пропорций (аналогично как background-size: cover;). У меня вот следующая конструкция: .img-intro-left{ float: left; border: 3px solid #FCBF66; margin-right: 15px;}.img-intro-left img{ width: 150px; height: 150px;}Но при определенных размерах ширины и высоты изображения - оно естественно искажается. Возможно ли это реализовать на CSS? Заранее благодарю за подсказки

    Asked by DarkTranquillity,

    0 votes
    2 answers

  22. Четкие вопросы новичка

    Вот например я нашел такой макетик. Мне нужно сделать полноценную рабочую страницу. Только я не совсем понимаю, что от меня требуется в целом. Знаю что сверстать и пару скриптов реализовать. В общем - Кто может, посмотрев на макет описать по пунктам процесс всей работы? Буду очень благодарен!

    Asked by 122199133,

    0 votes
    8 answers

  23. список с сортировкой по горизонтали

    Всем привет, Подскажите, пожалуйста, а как сделать простенький список с сортировкой ( jqueryui/sortable ) вида : <ol class='example'> <li>First</li> <li>Second</li> <li>Third</li></ol>Чтобы элементы списка лежали по горизонтали и таскать элементы можно было бы за один из элементов. То есть каждый li элемент состоит из картинки(основное содержание спискеа) и еще пары инпутов и еще одной картинки и чтобы сортировать можно было как раз за эту картинку ?

    Asked by mstdmstd,

    0 votes
    7 answers

  24. Ищу учителя/наставника/товарища

    Добрый день уважаемые форумчане. Ищу учителя/наставника по верстке. Недавно стал интересоваться данной темой, прочел литературу, на данный момент практикуюсь на бесплатных макетах psd.. Очень хочется за спиной опытного человека, который даст мне задания и подзатыльники. Свободное время у меня есть, огромное желание изучить азы и нюансы верстки html+css, не сижу сложа руки, постоянно просматриваю статьи, читаю книги (пока на стадии изучения английского, через месяц начну читать зарубежную литературу), схватываю информацию легко, ответственный, трудолюбивый. Со временем ( если наставника устроит качество работы) могу взяться за выполнение мелких заказов которые поступаю…

    Asked by CroaToa,

    0 votes
    11 answers

  25. Именно в поиске у 5-го li приписывает стили 6-ой li, что за бред?

    CMS DLE При поиске: На главной: http://zfilm-hd.ru/ Что за глюки у DLE?

    Asked by Guest Feniks000,

    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