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. Как лучше разбить статью с точки зрения SEO в HTML5?

    Здравствуйте. Я сделал сайт. Написал основную статью для главной страницы на 6000 тыс.символов при этом оптимизировал написанную статью под 1 определенный поисковый запрос. В какие теги лучше всего с точки зрения SEO будет разместить мою основную статью на главной странице? Варианты: 1)<main> <h1>Заголовок статьи<h1> <p>Текс статьи на 6000тыс.сим.</p> </main> 2)<main> <h1>Заголовок статьи<h1> <p>Текс статьи скажем на 2000тыс сим.</p> <article> <h2>Как бы подзаголовок<h2> <p>Текс статьи тоже скажем на 2000тыс сим.</p> </article> <article> <h2>Как бы уже второй …

    Asked by koly32,

    0 votes
    4 answers

  2. Firefox скрывает картинку

    Привет, друзья. Есть такая страничка http://avtoport.tv/ Там почти ничего нет, но не в этом суть. Почти в самом начале страницы есть картинка <img src="/media/ads/banner1.png"> или <img src="/media/ads/banner.png"> — там ещё написано «Баннер 1920×190» (они в случайном порядке ставятся, но суть и не в этом). Если посмотреть html-код, то вроде всё ок. В хроме картинка есть. А вот в фаерфоксе почему-то её нет. Если смотреть фаербагом, то просто жесть какая-то. Failed to load и какой-то класс добавлен к тегу img неведомый. Если открыть напрямую, то всё открывается. Косяк точно не в веб-сервере, так как что на продакшене, где nginx и на девелоперском веб-сервере, в…

    Asked by Veseloff,

    0 votes
    4 answers

  3. Не работает свойство border-collapse: collapse;

    Добрый день,Судари и Сударыни!Подскажите пожалуйста новичку,почему в моем примере не работает свойство border-collapse: collapse; Оно же должно по идее схлопывать границы,т.е. отображать 1 линию вместо 2х. http://cssdesk.com/xf5uE Если же я не прав с этим свойством - подскажите как можно по другому решить эту задачу? P.s.Вы бы стали помещать 3 инпута в div?Или и так все в порядке? Заранее спасибо! P.p.s. Подскажите почему у меня на пк и на cssdesk при одинаковом коде результат отображается по разному? 1.Картинка с пк 2.Картинка с cssdesk Отступы разные! Браузер хром последней версии.

    Asked by Temik2704,

    0 votes
    4 answers

  4. Позиционирование

    День добрый. Столкнулся с проблемой позиционирования. Вот код <html> <head> <style type="text/css"> #basket{ margin:0px 0px 0px 300px; width:200px; height:70px; padding:5px; float:left; } #basket > div{ border-radius: 3px; border: 1px solid #CCCCCC; background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2); padding:5px; overflow:hidden; border-bottom-color: #138CB3; border-left-color: #1391B9; border-right-color: #1391B9; border-top-color: #1496C0; } #basket > div > img{ float:left; border:none; } #basket-text{ margin:8px 0px 0px 60px; } .wiev-hover{ display:none; position:absolute; width:350px; min-height:200px; border-radius: 3px; border-b…

    Asked by 3d_max_9,

    0 votes
    4 answers

  5. Ширина страницы сайта меньше 1024

    Хочется узнать, если дизайнер сделал главный контент шириной 940px, а я сделала min-width 960px - это никак не повлияет? Может под какие-то устройства 940, а не 960px минималкой выбрана?

    Asked by Zverushka,

    0 votes
    4 answers

  6. Поиск Гуру верстки!

    Добрый вечер! нужен наставник верстальщик! был бы очень рад если кто нить откликнулся!) ICQ: 419419450 Skype: Naive_nSIk

    Asked by Naive_nSIk,

    0 votes
    4 answers

  7. ключевое слово transparent - какова поддержка браузерами?

    Допустим я задаю цвет для шрифта или чего-то другого через transparent (color: transparent) - какова поддержка браузерами этого ключего слова? Какие поддерживают, какие нет?

    Asked by Zverushka,

    0 votes
    4 answers

  8. Как убрать промежуток под div?

    http://cssdesk.com/u44mp Как убрать этот пустой промежуток? Как я понял,он возникает из-за круглого div Подскажите пожалуйста как будет правильнее:разбить на 2 блока top(красный с important notice) и bottom(все что ниже блока top) или в главном блоке разместить top и все остальные элементы не засовывая их в div bottom? Заранее спасибо!

    Asked by Temik2704,

    0 votes
    4 answers

  9. Градиент средствами 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

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

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

    Asked by binomer,

    0 votes
    4 answers

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

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

    Asked by CyberKatana,

    0 votes
    4 answers

  12. Подскажите пожалуйста. Смена картинки через кнопку

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

    Asked by Gazaret,

    0 votes
    4 answers

  13. пропорции шрифтов в bootstrap3

    скажите пожалуйста умеет ли bootstrap3 пропорционально изменять размер шрифта при изменении ширины экрана? размер изображений, например, умеет(для этого изображение должно иметь класс img-responsive)

    Asked by cyklop77,

    0 votes
    4 answers

  14. позиционирование

    Кто знает подскажите, есть слайд шоу готовое(сделанное на CSS - с помощью форм), в нем есть кнопочки переключатели на каждую картинку, див контейнер имеет относительное позиционирование, кнопочки соответственно абсолютное, задача в том что нужно вынести эти кнопочки за пределы контейнера родителя, чтобы они были под слайд шоу, но это не получается сделать так как кнопки привязываются к самому близкому относительному контейнеру коем есть это слайд шоу! хз как сделать, может помогёте чем , спасиб

    Asked by igornagorny89,

    0 votes
    4 answers

  15. раскрывающийся список

    Хочу небольшой блок создать на странице и в этом блоке сделать раскрывающийся список, а под этим списком текст, который будет меняться в зависимости от выбранного элемента в списке без перезагрузки страницы. Подробнее: в списке написано "выберите номер". Пользователь нажимает на фразу "выберите номер" и из нее выпадает список следующего содержания: "номер 1", "номер 2", "номер 3", ..., "номер N", .... Пользователь нажимает на какой-то "номер K" и происходят 2 вещи: 1) список становится опять свернутым и вместо фразы "выберите номер" отображается фраза "номер K"; 2) под списком появляется текст(какой-то подблок с информацией) "текст K", соответствующий "номеру K". Все эт…

    Asked by lovi,

    0 votes
    4 answers

  16. не виходит прижать блоки

    привет, нужна помощь, может вопрос и банальный, но все же я почему-то не могу разобраться сам ... Есть макет сайта ... все вроде хорошо .. но в блоке content есть 2-ва блоки в которых будут размещены фоновые изображения, и у меня никак не получается прижать эти блоки, а именно BG_1 к верху, а BG_2 вниз. т.е. чтобы они растягивались на полную высоту окна (height: 100%), чтобы между двумя блоками BG_1 и BG_2, можно поместить изображение. вот графическая схемма http://pix.am/FgMG/ вот сам код <!doctype html><html> <head> <meta charset="utf-8"> <title>Test Site</title> <link rel="stylesheet" href="style.css…

    Asked by zerofx,

    0 votes
    4 answers

  17. Не работает input

    Ребят,почему не работает input?Текст нельзя вводить. http://cssdesk.com/bU5uD

    Asked by Temik2704,

    0 votes
    4 answers

  18. Не работает input-placeholder

    Не работает input-placeholder!!! Он должен делать точки большими в инпут поле.(Задаю font-size:50px к примеру) .left-block form label input[type=text]::input-placeholder Почему так? http://cssdesk.com/JySyC

    Asked by Temik2704,

    0 votes
    4 answers

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

    На этом сайте http://www.teohim-ek.ru/ в шапке 4 картинки, которые последовательно, друг за другом меняются. Подскажите подобный скрипт? Не 4 ротатора ведь ставить туда, правда?

    Asked by Imperil,

    0 votes
    4 answers

  20. Белая полоса в мозилле

    http://zverushka.zz.mu/test5/ В самом низу на границе волнистой границы в мозилле белая полоса, в хроме нет. Не могу понять причины сего поведения и отображения и как исправить.

    Asked by Zverushka,

    0 votes
    4 answers

  21. Помогите настроить слайдер

    Здравствуйте. Выполняю тестовое задание на верстку. В числе элементов страницы есть и относительно простой слайдер на Jquery. Я выполняю его по уроку, найденному здесь: http://heavenweb.ru/delaem-prostoy-slayder-na-jquery В идеале должно получиться примерно так как здесь: http://allins.ru/ Я полностью скопировал приведенный на HeavenWeb код, только имена объектов, естественно, поменял на свои. К сожалению, код работает не полностью: кнопки переключения не подсвечиваются, как должны и по стрелкам слайды не переключаются. Кроме того, после подключения js-кода, на картинки с кнопками накладываются сверху еще такие же картинки. В firebug'е убираю background-image - подсветк…

    Asked by ermolaevai,

    0 votes
    4 answers

  22. Psd макеты

    Здравствуйте,нужна ваша помощь!Подскажите как правильно нарезать psd шаблон,что бы впоследствии можно было получившиеся картинки использовать в создании сайта(фотошопом владею очень слабо,именно поэтому и спрашиваю)может кто нибудь знает самоучители,уроки,или просто сам расскажет,а возможно даже и покажет как это делается) в общем надеюсь на вашу помощь,заранее благодарен!

    Asked by Flanidub,

    0 votes
    4 answers

  23. Проблема в скроллинге

    Дело в том, что при написании шаблона всё было нормально. Но при применении аналогичного кода на форуме появляется горизонтальный скролл, а изображения встают в строчку. Ссылка на форум: (для появления бокса кликните на черный медальон) http://fandance.ru/showthread.php?p=14460#post14460

    Asked by LeoSan,

    0 votes
    4 answers

  24. помогите пожалуйста исправить баг с кнопками меню

    Кнопки меню при нажатии изменяют свой размер и я никак не могу разобраться вот ссылка на пример http://1241254.96.lt/WorkSpace/

    Asked by Sergey_z6,

    0 votes
    4 answers

  25. Проблема с absolute right

    Дано: Родительский блок DIV1 cо свойством relative Внутри него два DIV2 со свойством absolute оба DIV2 прижаты к DIV1 свойством right:0px; Проблема: При уменьшении окна браузера DIV2 наезжают на блоки, что слева. Внизу поясняю картинками. Как решить или, быть может, реализовывать floatm'и? То тогда как организовать выравнивание от родительского блока. Гугл ответа не дал, вся надежда на вас. Все хорошо: http://itmages.ru/image/view/1326754/cb63091c Уменьшаем ширину браузера и все плывет: http://itmages.ru/image/view/1326759/0870c412

    Asked by JustTeapot,

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