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

29542 questions in this forum

  1. Проблема с переносом внутри inline-block

    Привет всем. Есть четырёх-колонная страница. В каждой колонке: заголовок и список. Каждый элемент списка состоит из одного input'а типа checkbox и блока с двумя span'ами текста. Страница выглядит вот так. Проблема в следующих участках кода: <li> <input name="" type="checkbox"> <section> <span class="first-line">Текст</span><br> <span class="second-line">Текст</span> </section> </li> li { white-space: nowrap; /* Иначе после input'а section переносится на след. строку */ } input { margin-top: 0.4em; vertical-align: top; } section { display: inline-block; margin-left: 5px; white-space: normal; …

    Asked by Ovjer,

    0 votes
    0 answers

  2. Навигация по сайту

    Переделываю верхнее меню на сайте, чтобы оно во-первых, было на ul-li, во-вторых на прозрачном фоне, чтобы его легко менять. Получилось следующее. http://htmlbook.ru/themes/html5/navigation.html Есть небольшая проблемка. Для получения прозрачности применяются всякие хитрые сдвиги, за счёт этого при выборе пункта текст сдвигается влево на 10 пикселов. Хотелось бы, чтоб верхний текст вообще не двигался. Что посоветуете?

    Asked by Vlad,

    0 votes
    12 answers

  3. Как создать вертикальное заполнение таблицы

    Не могу понять как это осуществить. Задача такова что необходимо сделать заполнение таблицы следующим образом: 1 5 9 2 6 10 3 7 11 4 8 12 Т.е. нужно, чтоб при добавлении новых элементов div заполнение шло по столбцу. Пример горизонтального заполнения: <html> <head> <title></title> <style> .cell{ width:48px; height:50px; font-size:12px; float:left; border:1px solid black; text-align:center; } </style> </head> <body> <div id="table" style="width:200px; height:100px;"> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="…

    Asked by Foress,

    0 votes
    2 answers

  4. Режется фон в Опере

    Добрый день! Подскажите, возможно кто-нибудь сталкивался с этой проблемой. Перепробовал все что знал - ничего не помогло. Есть веб-сайт veselonasvadbe.ru, решил поменять стандартный фон на картинку: body { background: url('/charcoal.gif'); } В браузерах Mozilla, IE отображается нормально, как и должно быть. А вот с Оперой, какая-то проблема - сайт режется чуть ниже середины страницы. Фон стоит для всего "тела", поэтому странно что режется именно чуть ниже середины страницы. Помогите советом!

    Asked by vlanelot,

    0 votes
    8 answers

  5. Макет: мин-высота = 100%

    здрасте. Такая задача: 1. двух-колоночный макет с контентом слева и сайдБаром справа 2. мин-высота макета = 100% 3. высота - определяется высотой контента или сайдБара (что выше) 4. средствами CSS (если возможно конечно) мин-высоты знаю можно добится html,body {100%} и потом растянуть контент или обвертку контента на 100. но тогда, если содержимого будет больше чем 100%-я высота - контент будет вылазить за пределы блока. реально такое сделать на css?

    Asked by paska,

    0 votes
    9 answers

  6. Черты профессиональной верстки и немного кода.

    Приветствую всех посетителей форума.Собственно, сабж: Уже около года более-менее постоянно занимаюсь версткой(CSS+HTML+jQuery).Фриланс, разовая работа,помощь друзьям.Учился всему сам. Довольно часто заказчики кидают ссылки на крупные, добротные сайты, с просьбой "сделать как там".Ну и что уж греха таить,иногда внаглую копипащу код оттуда, и подгоняю под запросы заказчиков. Заметил, что на качественных сайтах верстка, скажем так, "усложнена"(не знаю какое слово подобрать ) Чтобы было понятнее, приведу кусок кода, взятый из формы. <div class="inputText" style="width:150px;"> <i> <b> <input type="text" name="phone" id="phone_number" value=""> …

    Asked by ByKraB,

    0 votes
    12 answers

  7. html5-тэги в xhtml

    не первый месяц верстаю, но до сих пор от стандартов голова кругом. помогите пожалуйста разобраться в таком вопросе как известно в html5 используются новые теги. для того чтобы старые браузеры понимали их применяют яваскрипт. если я объявлю тип документа xhtml, затем яваскриптом научу браузер понимать новые html5-тэги и буду их использовать, то могут ли возникнуть какие-нибудь проблемы? пробовал на готовой вёрстке заменить несколько дивов на новые html5-тэги. кажется ничего не съехало пока. но это ни о чем не говорит...

    Asked by cyklop77,

    0 votes
    8 answers

  8. Выравнивание элементов

    Помогите выровнять три div в один ряд. При таком коде первые два div стоят в ряд а третий снизу. Вот пример кода: HTML - код: <div class="scroller"> <div class="left"></div> <div class="sc"></div> <div class="right"></div> </div>? CSS - код: .scroller { width: 90%; height: 200px; border: 1px solid #0F0; margin: 0 auto; } .left { width: 12px; height: 198px; border: 1px solid #30C; float: left } .right { width: 12px; height: 198px; border: 1px solid #30C; float: right; } .sc { width: auto; border: 1px solid #F00; height: 198px; margin: 0px 14px 0px 14px; } Нужно чтобы class="scroller" был дин…

    Asked by Vov4uk,

    0 votes
    7 answers

  9. Хоть убей...

    Добрый вечер, хоть убей, сижу и не могу понять что не так...не срабатывает ховер на span <ul class="menuSidebar"><li><span><i></i></span><a href="#">LINK</a></li><li><span><i></i></span><a href="#">LINK</a></li><li><span><i></i></span><a href="#">LINK</a></li></ul>.menuSidebar{ margin-bottom: 30px; padding: 10px 0; background: #eee;}.menuSidebar li{ margin-bottom: 10px; overflow: hidden; padding: 0 20px;}.menuSidebar span{ display: block; float: left; font-size: 30px; color: #999;}.menuS…

    Asked by inex,

    0 votes
    9 answers

  10. Проблема с first-child

    Помогите разобраться. Есть два кода в которых используется для снятия левой границы следующая конструкция nav section:first-child ul{ border-left: 0 none; }Первый работает хорошо: <nav> <section> <h3>О КОМПАНИИ</h3> <ul> <li><a href="#">История создания</a></li> <li><a href="#">Персонал</a></li> </ul> </section> <section> <h3>СЕРВИС</h3> <ul> <li><a href="#">Обслуживание</a></li> <li><a href="#">Партнеры</a></li> <li><a href="#">Предложения</a></li> <…

    Asked by aleks-lv,

    0 votes
    11 answers

  11. Не работает Refresh

    Есть небольшой php файл. Простая форма отправки данных на мейл. После этого выводится сообщение, мол письмо ушло и сейчас вас перенаправят обратно на сайт. Но вот эта строка перестала работать: header("Refresh: 3; url=http://primehotel.ru"); Раньше все нормально работало на Хостинджире, пока они не уронили свою панель управления и у них не начался ад. Перенес сайт на другой ТаймВэб, но там то же самое. Форма отрабатывает, письмо уходит, но страница замораживается на этом сообщении. Как это можно решить без использования jQuery, Jawa и т.д. так как я не вэб программер и с такой задачей сам не справлюсь. Нужно решение как тут, одной строчкой. Просто тупо редирект, без …

    Asked by amv,

    0 votes
    4 answers

  12. ищу наставника

    Я начинающий верстальщик, ищу наставника вот пример моей работы http://dima.chpmodul.com.ua/ Знаю что таких здесь не любят, хотя по моему это взаимовыгодное предложение. Я могу выполнить за вас часть работы, и расчет за это - знаниями. Но если это никому не интересно, тогда можно просто обсудить цену за час занятия, Обучаюсь я в основном сам, так что занятий будет не много В общем кому интересно пишите в скайп: dm1trij_2

    Asked by Dmitrij,

    0 votes
    3 answers

  13. Как заставить видео и картинку масштабироваться пропорционально?

    Здравствуйте! Такая проблема: Есть сайт где на фоне сверху лежит видео, сразу под ним лежит картинка, которая является продолжением видео, имеет такую же изначальную ширину (1920) и должна совпадать с видео пиксель в пиксель, чтоб не было понятно, где оно заканчивается и начинается статическая картинка. Ещё нужно, чтоб они не сужались при уменьшении окна, а центрировались (на видео в центре есть объект, который всегда должен оставаться в центре). Этого достигнуть я пытаюсь с помощью "object-fit: cover" на <video> и на <img> и все хорошо пока ширина окна не начинает превышать 1920рх , тогда они начинают увеличиваться не пропорционально и видео начинает пе…

    Asked by foxer,

    0 votes
    2 answers

  14. Интересная реализация фона

    Надеюсь, смогу объяснить, чтобы меня поняли: Наткнулся на один сайт (http://sheltertheanimation.com/), на нём есть тег <section>, что используется на сайте. И вот при прокрутке страницы фон этой секции не подвижен, а сами элементы, типо: <h1>, <p> подвижны. У меня просьба и вопрос: Дайте мне ссылку на статью по подобной ситуации, ибо очень заинтересовала, и объясните мне предназначение тега <section>, ведь я мог вместо него использовать тот же самый <div>.

    Asked by ErUnDAK,

    0 votes
    1 answer

  15. Глюк со слоями. Слой будто бы не в слое.

    <body> <div id="main"> <div id="top"> <div id="header"> <img src="pictures/right.jpg" alt="" /> </div> </div> <div id="content"> <div id="news"> <div class="container"> <div id="nheader">Новости</div> <div class="n"> <div class="nhead"> <div class="nday">31</div> <div class="ndays">.12.07</div> </div> <div class="ncontent"> В данном письме ЦБ РФ дал ответ на ряд вопросов. В том числе: расчеты между резидентом и нерезидентом по операциям с внешними ценными бумагами с использованием банковского счета нерезидента может осуществляться в валю…

    Asked by champion,

    0 votes
    2 answers

  16. временная линейка в графическом исполнении

    видел нразмещают линейки с временным подсчётом, которая показывает, сколько прошло от даты в графичском исполнении. какие сайты предоставляют такой сервис и как это дело называется, чтобы его искать?

    Asked by Rilo,

    0 votes
    0 answers

  17. Спрайты,filter и background

    #index,#disk,#tire,#contacts {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/menu.png',sizingMethod='crop');display:block;width:135px;height:137px;} #index{background-position:0 0;} #tire{background-position:-140px 0;} #disk{background-position:-278px 0;} #contacts{background-position:-415px 0;} Имеется картинка со спрайтами,то есть rollover-effect.Простым методом работает нормально.А через filter не хочет сдвигаться background-position.Как отремонтировать.

    Asked by user,

    0 votes
    2 answers

  18. Фон не подключается из внешнего файла

    Добрый день! Занимаюсь версткой уже не первый год, но впервые столкнулся с подобной проблемой - и не могу найти ее причину. Есть файл стилей (style.css), содержащий строку с подключением фона: body { background: #fbf4a0 url(img/bg-b-l.jpg) bottom left no-repeat; color: #5c3400; font-family: Arial; padding: 12px; } ... И страничка (index.php), в которую файл стелей подключен строкой: <link rel="stylesheet" href="cssjs/style.css" type="text/css" /> Проблема в том, что фон не подключается! На странице отображается только фон цвета #fbf4a0, а изображение отсутствует. Что самое интересное - если прописать на страничке встроенный стиль, то все подключается! …

    Asked by shass,

    0 votes
    4 answers

  19. img после input сдвигается

    вот код <input type="textarea" cols="15" rows="1"><img src="{THEME}/images/ok.png"/> пробовал выставлять маргины/паддинги и туда и обратно, в любом порядке, пробовал их обьединять в одном блоке. результата нету. как их выставить в одну полосу?) ЗЫ высота картинки 18пх

    Asked by Proks,

    0 votes
    2 answers

  20. Проблема с ИЕ7

    Здравствуйте у меня такая проблема, блок опросов отображается нормально во всех браузерах в том числе и в ИЕ7 но при наведении на чекбоксы или лабелы под ними пропадает фон самого блока опросов. Кто сталкивался - подскажите плз как это вылечить, я уже все перепробовал и позишены и !important и т.д.

    Asked by pro100set,

    0 votes
    11 answers

  21. Dreamweaver CS3 виснет при сохранении, помогает только перезагрузка.

    Стало не возможно работать, ввел небольшие изменения сохранил страницу и все виснет. После перезагрузки ноута вместо страницы появляется файл с расширением .tmp. Переустановил но снова та же фигня. В чем может быть проблема?

    Asked by antosha,

    0 votes
    3 answers

  22. Установка свойства объектов DOM при помощи CSS

    Столкнулся с такой вещью, что при задании у элемента <div>свойства через CSS, не получается потом воспользоваться значением этого свойства в операторе сравнения if языка javascript. То есть, выглядит так, что объекта DOM, с которым работает javascript не создается или свойство этого объекта не определено. Хотел при помощи скрипта javascript (оператор сравнения) выяснить - присвоено ли свойству display значение block. Выглядит так, как будто свойство не определено, хотя задается в CSS. Кто знает, в чем дело?

    Asked by webmos,

    0 votes
    7 answers

  23. Подскажите, как в моем случае прижать футер к низу?

    вот тут Что только не пробовал... все на середине идет

    Asked by hea8y,

    0 votes
    7 answers

  24. Анимированный саундтрек

    Макет содержит красивый отзыв клиента в виде анимированного саундтрека. Дизайер нарисовал это так http://c2n.me/3of0KCh Прошу знатоков натолкнуть на возможный алгоритм решения. Из чего это сделать? "Выложить" красиво палочки в ряд, которые меняют фон с прогрессом звукоряда? Если да, то как согласовать визуализацию с продвижением звука? Т есть, по идее значение % звука должно управлять стилями соотв количества элеметов в блоке... На верном ли я пути?

    Asked by seemax,

    0 votes
    2 answers

  25. Как заставить box-shadow перекрывать контент?

    Использовал скрипт меню https://tympanus.net/Development/MultiLevelPushMenu/ для своего сайта https://www.zebra-tara.ru/ Меню доступно только на разрешениях меньше 768 по ширине Получается, что тень от меню не перекрывает сдвигаемый слой, а точнее - абсолютно позиционированные элементы на нём. Посоветуйте, как исправить? Я пробовал давать больший индекс тени, но тогда она перекрывает последующие уровни меню

    Asked by d0ublezer0,

    0 votes
    1 answer
×
×
  • 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