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. Подскажите пожалуйста. Смена картинки через кнопку

    Добрый день! Подскажите пожалуйста в одном вопросе. Пишу сайт, в нем каталог товаров. Немогу реализовать кнопку или иконку, при нажатии на которую идет смена основной картинки товара. Пример реализации http://bose.ru/catalog/46/508/ Там при нажатии на выбор цвета меняется основная картинка товара. Пытался загуглить, но к сожалению без успешно =( Я как понимаю тут нужно реализовать Javascript? Есть ли способы это реализовать на html + css? Буду очень благодарен за подсказку =)

    Asked by Gazaret,

    0 votes
    4 answers

  2. Блок не выравнивается по центру при margin:0 auto;

    День добрый,подскажите почему блок с картинкой не выравнивается по центру при заданном margin:0 auto; ? Все равно остается какой-то отступ справа. http://cssdesk.com/7gteB

    Asked by Temik2704,

    0 votes
    8 answers

  3. Не могу встроить видео с youtube

    Не могу встроить видео с youtube.. использую iframe из примера http://www.w3schools...tml_youtube.asp все работает, вставлю url любого другого видео..и ничего! Я понимаю,что полнейший нуб и очень надеюсь на вашу помощь..

    Asked by jjhollywood37,

    0 votes
    9 answers

  4. при изменении размера окна нижний <div> наезжает на верхний<div>

    Всем привет! Подскажите новичку. Длжно быть так: Два блока один привязан к верху, другой к низу экрана, при увеличении окна расстояние между ними увеличивается(так щас и есть), а при уменьшении до определенного размера должен появится скрол. Но min-height не помогает, точнее нижний блок так и остается внизу при прокручивании скрола перекрывает верхний блок. Я так понимаю что я неправильно привязал нижний блок. http://jsfiddle.net/avRPt/2/

    Asked by CyberKatana,

    0 votes
    4 answers

  5. Подскажите нужный слайдер

    Добрый день! Подскажите пожалуйста слайдер, который бы работал по следующему принципу: - Есть некий блок с "Новинками" товаров - У каждого товара (внутреннего блока) задана фиксированная ширина (в px) - При уменьшении окна браузера, если то количество товаров, которое было показано первоначально, не влезает в родительский блок, то добавляется еще один слайд (кнопка слайдера), а количество товаров соответственно уменьшается (отступы между блоками товаров должен автоматически выровниться по ширине. Чтобы понять, как это должно работать, можно обратиться к рисунку:

    Asked by Bryant-24,

    0 votes
    1 answer

  6. Устранение ошибок верстки

    Добрый день, помогите, пожалуйста, не спецу устранить некоторые ошибки шаблона, которые не проходят валидацию, верстальщик куда-то пропал вот и приходится самому. В<head></head> есть такой тег: <link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css' /> который дает кучу ошибок при проверке кода. Есть ли какая возможность, написать эту строку так чтобы она не выдавала ошибок и без потери ее назначения. Заранее всем спасибо. Сайт сверстан на: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">…

    Asked by Chapman,

    0 votes
    3 answers

  7. Помогите найти скрипт всплывающего окна

    Пример скрипта можно посмотреть на ria.ua - в левом меню при наведении всплывает окно с дополнительными пунктами. Может кто знает где посмотреть подобные скрипты. Нужен похожий скрипт, что бы всплывающее окно было всегда фиксированного размера с возможностью вставки в него хтмл и картинок.

    Asked by alleclf,

    0 votes
    2 answers

  8. Предупреждения валидатора meta

    Добрый день. <!DOCTYPE html> <html lang="ru-RU"> <head> <meta charset="utf-8"> <meta name="keywords" content="text/html; Wed, 01 Jan 2020 01:01:01 GMT"> <title>Error 404</title> <link rel="stylesheet" type="text/css" href="css/error_404.css"> </head> <body> </body> </html> Валидатор (http://validator.w3.org/check )выдает предупреждения насчет какой то тестовой функции и что то насчет игнорирования кодировки. Подскажите пожалуйста что ему не нравится? П.С. С кодировкой разобрался, загрузил файлом а не копипастом и убрал <BOM>. Но с чекером по прежнему что то не то (Using experimental feature: …

    Asked by Ururu,

    0 votes
    1 answer

  9. Подключение шрифтов в Андроид

    Уважаемые коллеги! Умоляю помогите. Завтра сдавать сайт заказчику, а сайт криво показывается в мобильном. Смысл в том, что съезжает вёрстка по той причине, что не подключается шрифт Segoe UI. Точнее на компьютере то везде прекрасно всё подключается и работает, а вот если зайти с телефона то вылетает стандартный шрифт. Это наблюдается как в стандартном андроидовском браузере, так и в хроме так и в опере, и только фаерфокс нормально показывает нужный шрифт. На компе повторюсь всё отлично. Я сконвертировал во все форматы, а фонт фейс прописал вот так @font-face { font-family: Segoe UI; src: url(../fonts/SegoeUI.svg#font) format('svg'), src: url(../fonts/SegoeUI.eot) format('…

    Asked by PavelK,

    0 votes
    6 answers

  10. Вопрос по таблице

    Добрый вечер. Прошу извинить, если вопрос не там создал. Создаю большую таблицу. Проблема в том, что высота некоторых ячеек больше относительно других ячеек. Проще говоря, вот код (в правой части ячейки выше ячеек из левой части): <table id="mtab" cellspacing="0" cellpadding="0" border="1" style="min-width: 350px; max-width: 2500px; padding: 5px; font-size: 10pt; height: 100%; overflow-x: auto;"> <thead style="height: 10%;"> <tr> <td width="1%" rowspan="3">N</td> <td width="6%" rowspan="3">чЙДЩ ЪБЗПМПЧЛПЧ Ч</td> <td width="1%" rowspan="3">ззз</td> <td align="center" width="auto" colspan="12">рПФТЕВОПУФЙ ПУОБУФЛ…

    Asked by maksimka,

    0 votes
    3 answers

  11. Картинка в таблице

    Добрый день, уважаемые форумчане! Нужна ваша помощь. Имеется таблица на всю ширину окна, в ней изображение, причем размер может быть различный. Нужно чтобы при ресайзе окна и соответственно таблицы изображения тоже ужимались. Как это реализовать? Окно на весь экран - все ок: http://i024.radikal.ru/1310/3f/cba8b85bf489.jpg А вот так сейчас при сжатии окна - не ок: http://s51.radikal.ru/i131/1310/8a/35287f46f99d.jpg Заранее спасибо!

    Asked by web-monster,

    0 votes
    1 answer

  12. display: table-cell, table или div

    В огромном множестве макетов можно найти, скажем, несколько изображений в ряд или даже несколько рядов. Или необязательно изображений. По сути это выглядит как таблица, но исходя из логики таблицей не является. Как по мне, то такие моменты удобно делать с использованием display: table, display: table-cell. Какие еще есть варианты для решения такой задачи? И какой из них "правильнее"?

    Asked by binomer,

    0 votes
    4 answers

  13. Мобильная тема

    Здравствуйте, уважаемые гуру. Возникла проблема с подключением файла стилей для хрома на айфоне. Файл с мобильными стилями должен подключаться в хедере по js проверке на наличие куки. Есть - не подключать, нет - подключать. Условие срабатывает правильно, куки выставляются нормально, css валидный. Но при этом главная страница выглядит мобильно, а при клике по внутренней ссылке переходит на десктопную версию. Если на ней снова кликнуть "перейти на мобильную версию", то отображается нормально, а при клике назад на главную - снова десктопная версия. В сафари на айфоне и на других браузерах/платформах проблем не замечено - только хром на айфоне. Не уверен, что вопрос соответст…

    Asked by wolfenstein,

    0 votes
    1 answer

  14. Страница портфолио

    Прошу помощи!Помогите настроить страницу в которой находятся фото,разбитые по коллекциям,проблема в том что бы коллекции находились на одной странице рядом с друг другом,вот сама страница http://nezhnost-luh.ru/index-5.html вот html и css http://jsfiddle.net/Q7CMz/ вот так надо как на скрине,а пока по одной коллекции слева выводиться.

    Asked by denisok,

    0 votes
    12 answers

  15. Изображение в IE10+

    Обрезается изображение облаков по контуру кнопки в IE10+. В остальных браузерах оно выходит за пределы кнопки, как и должно быть. Почему это происходит? http://cssdeck.com/labs/full/a7jvce0r

    Asked by Johnney,

    0 votes
    2 answers

  16. Градиент средствами CSS

    Мне нужно сделать градиент на всю таблицу. Пишу в файле CSS: .gradient { background: #dedede; /* Для старых браузров */ background: -webkit-linear-gradient( bottom, top, #dedede, #ffffff); background: -moz-linear-gradient( bottom, #dedede, #ffff); /* для firefox 3.6+ */ background: -o-linear-gradient( bottom, #dedede, #ffff); /* для Opera 11.10+ */ background: -ms-linear-gradient( bottom, #dedede, #ffff); /* для IE10+ */ } Далее вставляю в теги <table class="gradient"> или <body class="gradient"> Не работает ни в Хроме, ни в ИЕ.

    Asked by Tarik,

    0 votes
    4 answers

  17. Пятиугольник с фоном

    Друзьяши-поняши, нужна помощь. У нас есть блок в виде повёрнутого правильного пятиугольник, (примерно вот такой) И фон у него должен быть не красный, а картинка размером эдак 1000*1000 пикселей. При этом видимая часть картинки должна ограничиваться гранями этого пятиугольника. Это, я так понимаю, через SVG или canvas надо делать? Я просто ни с тем, ни с другим особо не знаком, решил попытаться сделать на canvas, но застопорился на этапе создания пятиугольника

    Asked by antonKar,

    0 votes
    11 answers

  18. формы в bootstrap 3

    скажите пожалуйста должны ли иметь формы в bootstrap3 какие-нибудь обязательные атрибуты, без которых на телефонах отображаться будут не точно или совсем не будут? например в документации у форм присутствуют такие атрибуты <form role="form"> <div class="form-group"> <input type="email" class="form-control" > ..... ..... их обязательно использовать? у меня нет различных мобильных устройств чтобы проверить

    Asked by cyklop77,

    0 votes
    3 answers

  19. Класс для первого и последнего элемента списка

    Доброго дня! Я знаю что есть псевдоклассы: last-child { ... } и first-child { ... } а так же: first-of-type { ... } и last-of-type { ... } Но они ведь не кроссбраузерны! А вопрос то напрашивается собсно: как? как кроссбраузерно сделать это? Дело в том, что список выводится в цикле, а инфа достается из бд..., это я к тому что смотрел уже в сторону php функций current(); и end(); но они не подходят по причине хотябы того, что массив fetch_array очень объемный, не для этих ф-ций, там надо его сначала разобрать до одномерного, и как я понял, current(); и end(); просто перемещают указатель на элемент, т.е., если я сначала использую current(); а потом end(); то выведет в итоге …

    Asked by rus,

    0 votes
    12 answers

  20. Валидация, что не так?

    Добрый вечер Решил сделать свой проект валидным, поубирал почти все ошибки, вот не пойму как эти две ошибки исправить: there is no attribute "data-category-id" <a data-category-id="1" href="/cat/1/">Школа<ins></ins></a><br/><a data-catego there is no attribute "itemid" </h1><div style="float:left; width:20%;"><div class="catalog-entry" itemid="8"> Может кто-то знает что тут не так? И такой вопрос, как валидация влияет на индексацию страниц сайта?

    Asked by Rimstar,

    0 votes
    30 answers

  21. .class:hover .class2 {display:block;} не работает

    http://cssdesk.com/FyH8f Господа,почему при наведении на крестик (класс .close-button) не появляется класс .close-message ? Вроде все верно написал...

    Asked by Temik2704,

    0 votes
    1 answer

  22. Горизонтальное выравнивание блочных элементов

    Здравствуйте. Вот уже несколько лет верстаю разной степени сложности страницы и изучаю различные приемы и методы. Но до сих пор не нашел для себя действительно удобного, идеального метода выравнивания блочных элементов по горизонтали. О чем, собственно, речь. Есть какой-то макет с кучей элементов. И некоторые элементы надо расположить на одной линии по горизонтали, вписав в какой-нибудь фиксированный контейнер. Итак, какие есть способы сверстать такой "макет"? 1. Старые добрые таблицы. Думаю, не нужно объяснять, что "таблицы для табличных данных", и вообще, поддерживать более-менее сложный макет, сверстанный таблицами — очень муторно. 2. Способ классический. Использоват…

    Asked by FRUTALITY,

    0 votes
    14 answers

  23. Не могу подключить сторонний шрифт

    Не могу подключить сторонний шрифт, помогите разобраться: body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;} a {text-decoration: none;} a:hover, a:focus { text-decoration: none; border: none; } h1,h2,h3,h4,h5, @font-face { font-family: "ProximaNovaExCn-Bold"; src: url("ProximaNovaExCn-Bold.otf"); } h6 { font-family: "ProximaNovaExCn-Bold"; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;} h1,h2 {line-height: 1.4; letter-spacing: 1px;} h1 {font-size: 40px;} h2 {font-size: 32px;} h3 {font-size: 24px; letter-spacing: 2px;} h4 {font-size: 18px; letter-spacing: 1px;} h5 {font-size: 14px; …

    Asked by froot,

    0 votes
    22 answers

  24. Кто-нибудь работал с lpgenerator?

    Кто-нибудь работал с lpgenerator? Что это и как на нем верстать?.... Часто слышу, что требуются верстальщики на этой платформе... Но она платная и как же научиться на ней что-то делать тогда...

    Asked by Zverushka,

    0 votes
    1 answer

  25. Что из этого список, а что нет.

    Меню - список? Слайдер из картинок - список? Список новостей - это список? Список отзывов клиентов на лендинге - список?

    Asked by Zverushka,

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