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. бордюр не на всю высоту элемента

    свойство border делает бордюр элементу от начала и до конца, как сделать, чтоб получились отступу с каждого края?

    Asked by sc@r@bey,

    0 votes
    5 answers

  2. Просмотр кода страницы и CSS в мобильном браузере

    Во всех десктопных браузерах есть функция просмотра кода страницы и CSS определенного элемента. Как это посмотреть в мобильном браузере ?

    Asked by kpripper,

    0 votes
    1 answer

  3. нестандартная карусель

    помогите пожалуйста советом никому не попадалась карусель, которая работает следующим образом? если попадалась, то поделитесь ссылочкой или названием START: в центре экрана появляется(с любым эффектом) изображение, затем по бокам от него появляются ещё 4 изображения. пользователь жмёт кнопку и центральное изображение исчезает, затем исчезают изображения по бокам go to START

    Asked by cyklop77,

    0 votes
    18 answers

  4. Верстка сложных элементов

    Всем привет! Есть задание, сверстать фигуру представленную ниже на картинке, так как предусмотрен hover эффект тени по всему контуру фигуры. Возникла сложно с версткой элементов обрамленных красным квадратом... Так же стоит учесть что это часть пазла представленного из четырёх элементов, и на каждом должен быть hover эффект... Как можно сверстать эти элементы? Заранее большое спасибо за помощь!

    Asked by Alexander_G,

    0 votes
    4 answers

  5. Как расположить radio input вертикально?

    Подскажите, пожалуйста, radio input с кнопкой выстроились горизонтально, нужно вертикально. Подскажите, пожалуйста, как преобразовать? Спасибо! <div class="voiting"> <span>How long have you...</span> <form method="post" action="#"> <label class="form__input"> <span>Youtube</span> <input type="radio" name="radio" value="youtube"> </label> <label class="form__input"> <span>instagram</span> <input type="radio" name="radio" value="instagram"> </label&g…

    Asked by Алеся,

    0 votes
    8 answers

  6. Создание горизонтальной галереи

    Хочу сделать горизонтальную, "резиновую" фотогалерею. Но загвоздка в том, что все браузеры молодцом, а ИЕ под номером 6 так и норовит слой с параметром { overflow: hidden; } раздвинуть по всей ширине списка в котором содержатся фотографии. Вопрос: возможно-ли что-то добавить, убавить, чтобы ИЕ6 прекратил раздвигать окно или есть какие-то альтернативные пути? HTML: <div id="gallery"> <a class="left_arrow png_bg" onclick="return(false)" href="#"></a> <div id="clip"> <ul> <li><a href="#" class="img" style="background:url(files/gallery/1.jpg) top left no-repeat"><div class="pinta_zoom"></div></a></li&…

    Asked by 100kd,

    0 votes
    9 answers

  7. НУжна помощь в создании сайта

    Добрый день. Нужна помощь в создании сайта для профтехучилища. Своими силами сделал вот что http://www.bplsp.com.ua или так http://www.bplsp.com.ua/index123.html , но руководству не очень нравится, если кто может помогите создать шаблон сайта.

    Asked by Eduard1976,

    0 votes
    9 answers

  8. click fallthrough

    Собственно проблема в том, что если один див закрывает собой другой, то даже если у него нет фона, то click мыши не проходит в тот див, что ниже, хотя body.onclick срабатывает. Код иллюстрирует проблему: <html> <head> <style type="text/css"> .reddiv { position: absolute; left: 200px; top: 200px; background-color: red; width: 150px; height: 150px; z-index: 1; } .bdiv { position: absolute; left: 150px; top: 150px; width: 250px; height: 250px; border: 1px dotted orange; z-index: 2; text-align: center; color: white; } .bdiv .holdplace { height: 50%; } </style> …

    Asked by cy6erGn0m,

    0 votes
    7 answers

  9. Перемещение по странице

    Доброе время суток, пытаюсь разобраться с перемещением по странице. Когда пользователь прокручивает страницу вниз(на определенный уровень), то появляется окошко вверх и при нажатие его перемещает на верх страницы. У меня получилось сделать, чтобы при нажатие перемещался вверх, но данная кнопка "Вверх" горит постоянно. Как сделать, чтобы появлялось на определенном уровне? Если будет полезно, то использовал: jquery.scroll.pack.js и jquery-1.4.2.min.js <!-- Прокрутка --> <script type="text/javascript"> $(function() { $("#toTop").scrollToTop(); }); </script> <!-- /Прокрутка --> ну и сам код отображения.

    Asked by miled,

    0 votes
    5 answers

  10. Подскажите где менять

    Друзья, сижу верстаю квитанцию на оплату полностью дивами. Каждая клеточка - отдельный слой. Вот что получилось В хроме: В Опере: В ИЕ 2 вопроса 1) Как в опере добиться, чтобы она видела величину шрифта установленную для конкретного слоя, а не родителя 2) Какого хрена ИЕ сожрал 3 слоя?

    Asked by kentastik,

    0 votes
    23 answers

  11. отправка почты методом post

    Здравствуйте о виликие гуру помогите навичку существуют такая форма отправки: <div class="contact-form-wrapper"> <form action="contact/mail.php" method="post" id="contact-form"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <input type="text" id="contact-name" name="contact-name" placeholder="Имя*" required /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input type="email" id="contact-email" name="contact-email" placeholder="Email*" required /> </div…

    Asked by Seregka174,

    0 votes
    5 answers

  12. Проблемы с отображением

    В общем верстаю на таблицах, есть шапка, три колонки, и подвал, проблема что когда захожу на страницу, у меня некоторая часть фона tr который я задал для трех колонок, не отображается, т.е. какой-то белый фон, когда обновляю страницу, все становится нормально, вот пример до обновления страницы http://i049.radikal.ru/1008/2e/8713755674fa.jpg после http://s002.radikal.ru/i200/1008/31/19c79fd79ad2.jpg все остальное нормльно, только этот фон. Фон задан в tr, в нем же три ячейки. body {background:#fff;font-family:Times New Roman, serif;font-size:15px;color:#000;} table {width:1300px;height:1300px;margin:0 auto 0 auto;} tr#shapkazone {height:420px;} td#shapkaobl {width:1300px;…

    Asked by ret,

    0 votes
    8 answers

  13. Пространство между двумя картинками

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

    Asked by Zeboton,

    0 votes
    11 answers

  14. Якорь

    Здраствуйте. Интересует реализация не совсем стандартного якоря. Использую joomla re 1.0 (куча раз хакнута и куда глюков имеется) Тематика и структура страницы: страница турфирмы, на странице расположены туры по категориям (экскурсионные, комбинированные и т.д.), разделены тегами <h2> Требуется: сделать навигацию внутри сайта (поставить вверху ссылки "Экскурсионные тур", "Комбинированные туры" и т.д. которые ведут к нужным турам) Решение: Ипользовать якоря. <a href="#ex-tours">Экскурсионные туры</a> ... <a name="ex-tours"></a> <h2>Экскурсионные туры</h2> Результат: при нажатии на ссылку страница пролистывается вниз до соответсвую…

    Asked by KASich,

    0 votes
    5 answers

  15. Как сделать ползунок на сайте

    Всем привет Нужно сделать вот такой ползунок на сайте https://docs.google.com/file/d/0ByJy2ByWP9QIX0ZPb3k2SXpGYWc/edit?usp=sharing Нужно сделать чтоб его внешний вид был такой как на картинке, и чтоб все значения работали и менялись

    Asked by Виталий Диблюк,

    0 votes
    1 answer

  16. Уголок у кнопки

    Что я делаю не так? http://jsfiddle.net/npofopr/quLwy/ Или это нормальное отображение уголка, лесенкой? :-)

    Asked by npofopr,

    0 votes
    17 answers

  17. Фон изображение с диагональными полосами, адаптивный

    Собственно давно уже бьюсь с этой проблемой и прошу о помощи, т/к решения не нашел. Есть картинка (во вложении), нужно сделать также. Варианты с просто взять и такую же картинку (с полосами) вставить как фон не подходят, т/к потом нужно будет сделать параллакс эффект + некоторые расстояния получаются не точными до верхних/нижних границ от картинки. Уже пробовал и поворачивать изображение и треугольники, но ничего не получается, либо слишком не устойчивое. Прошу помощи, наверняка кто-то сталкивался с такой задачей раньше.

    Asked by vlasenkov,

    0 votes
    4 answers

  18. Select

    Возникла небольшая проблема. Есть формочка, в ней селект шириной 100% на всю ширину таблицы. Проблема в том, что если в списке элемент шириной больше чем ширина таблицы - в опере выпадающий список отображается на всю ширину. В IE обрезается. Как можно сделать чтобы список расширялся на всю ширину максимального элемента, не меняя ширину самого select'а?

    Asked by Let(c)hik,

    0 votes
    1 answer

  19. как сделать запрос

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

    Asked by kLASTER,

    0 votes
    2 answers

  20. html-коды

    Привет всем. Ребят не знаю даже и с чего начать... не давно начал изучать html ....из-за работы был вынужден не могу понять некоторые коды, и инфу о них найти не могу... вот выдрал часть из сайта на который мне дали права админа.... и сказано было устранять проблемы .... но сейчас не об этом... вот: <?if(IsModuleInstalled('sale')):?> <table width="100%" cellspacing="1" cellpadding="1" border="0" style="border-collapse: collapse;"> <tbody> <tr><td> <br /> </td><td valign="top" align="right"> <p align="right"><?$APPLICATION->IncludeComponent( "bitrix:sale.basket.basket.line", ".…

    Asked by jest,

    0 votes
    2 answers

  21. Картинка которая прячется

    Доброго времени суток форумчане. Есть задачка, помогите решить. Есть картинка, нужно её частично спрятать в левом углу, да так, что бы при растягивании окна она от туда полностью появлялась. Заранее спасибо.

    Asked by yujin11,

    0 votes
    16 answers

  22. не коррeктно работает clear:both

    всем привет. Сделал шаблон сайта из 2-х колонок ( 1 статическая, вторая резиновая) на первой колонке float: left; width: 300px; вторая margin-left: 400px; но если во второй колонке появляется контент со свойством clear:both, то блок кидает вниз на уровень окончания перовой колонки. Как сделать так что бы clear:both работал только на уровне второй колонки (то есть на содержимое не влияли плавающие элементы вне блока)

    Asked by kent666,

    0 votes
    23 answers

  23. Таблица или блоками

    Здравствуйте. Нужен совет как лучше сделать, таблицей или блоками -- Думаю сделать таблицей...

    Asked by Temiks,

    0 votes
    9 answers

  24. Макеты с исходным кодом

    Здравствуйте! Подскажите пожалуйста, где можно скачать psd макет сайта и его исходный код чтобы видеть как в том или другом месте сверстано и сравнивать свое. Заранее благодарен!

    Asked by FitTech,

    0 votes
    4 answers

  25. Помогите сделать выпадающее меню на сайте

    Здравствуйте форумчане.Помогите преобразовать обычное горизонтальное меню сайта в Выпадающее меню с 2 уровнями(Пример на фото) Вот код уже имеющегося горизонтального меню: <div class="default" id="menu"><div class="container"><a href="#999">Бытовые</a> <a href="#502">Промышленные</a> <a href="#503">Терморегуляторы</a> <a href="#504">Акции %</a> <a href="#505">Монтаж</a> <a href="#506">Отзывы (Видео)</a> <a href="#507">Контакты</a></div></div> Вот его стили: #menu { height: 42px; margin-top: -23px; background: #027bb5; /* Old browsers */ background: -moz-…

    Asked by Сергей 51,

    0 votes
    10 answers
×
×
  • 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