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. Картинки в 1 html файле

    Добрый день. Очень давно картинки пихал в html файл в виде текста. Сечас забыл как =) Подскажите пожалуйста как? В одном уверен это не svg и не base64. Спасибо.

    Asked by Ururu,

    0 votes
    10 answers

  2. HTML 5

    Ситуация в потоке у верстальщиков по итогам 2014 года в смысле внедрения HTML 5 в рабочие продукты. Какие конкретно из новых технологий HTML 5 на данный момент начали успешно внедрять? Успели ли убедить коллег, что это реально нужно и удобно? Как сложно было это сделать? Спасибо ...

    Asked by Shift-Web,

    0 votes
    11 answers

  3. проблемы с позиционированием блока

    <div class="container"> <div class="content"> <div class="menu_2"> <ul> <li><a href=""><img src="img/home.png">Главная</a></li> <li><a href=""><img src="img/stat.png">Рукописи</a></li> <li><a href=""><img src="img/phone.png">Контакты</a></li> <li><a href=""><img src="img/lamp.png">Разработки</a></li> <li><a href=""><img src="img/music.png">Любимая музыка</a></li> </ul> </div> <div class="info"> <p>Главная - Портфолио, Вид новостей</p> </div> &l…

    Asked by Roman_qwe,

    0 votes
    2 answers

  4. Некорректный размер текста

    При открытии страницы в браузере отображается слишком маленький шрифт , стоит просто обновить страницу и все встает на свои места. Как исправить ? http://smages.com/images/2209201512.jpg

    Asked by bolotindima,

    0 votes
    0 answers

  5. Правильно ли прописан код кнопки?

    Проблема заключается в тои,что на сайте не отображается кнопка. Как исправить, помогите пожалуйста. #reg_auth>a { color:white; } #reg_auth>a:hover>div.btn { border-bottom: 2px solid rgba(217, 91, 72, 1); margin-top: 5px; } #reg_auth>a:active>div.btn { border-bottom: 0; margin-top: 5px; } #reg_auth>a>div.btn { float: right; margin-right: 3%; margin-top: 5px; border-radius: 5px; padding: 5px; 9px; font-size: 1.2em; background-color: rgba(236, 101, 80, 1); text-shadow: #454545 0 0 20px; border-bottom: 4px solid rgba(217, 91, 72, 1); font-family: 'Roboto Slab', serif; }

    Asked by ZERO AMV,

    0 votes
    1 answer

  6. Нужна помощь

    Люди подскажите пожалуйста как сделать таблицу по центру У меня стоит код типа <table align="center"> но валидатор ругаеться, что типа ошибка. А я не знаю как это реализовать в CSS. Валидирую по <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    Asked by DasBit,

    0 votes
    7 answers

  7. Как можно изменять ширину слоя для разных страниц?

    Есть несколько страниц. Необходимо изменять ширину cont_col0, cont_col1, cont_col2 от странице к странице. <div id="content_top"></div> <div id="content"> <div id="cont_col0">колонка 0</div> <div id="cont_col1">колонка 1</div> <div id="cont_col2">колонка 2</div> </div> <div id="content_bottom"></div> #all_content{width: 1000px; margin-left: auto; margin-right: auto; margin-top:8px;} #content_top{height: 10px;width: 1000px;} #cont_col0{ width: 200px; /*<--*/ margin-left: 6px; padding-left:5px; float:left; } #cont_col1{ width: 360px;/*<--*/ margin-left: 5px; padding-left:10px; f…

    Asked by comsequent,

    0 votes
    5 answers

  8. Не Работаю Стили

    НЕ срабатывает слово "Подробнее". <div align="right" class="podrob">Подробнее <span class="skobki">>></span></div> к которому я пытаюсь применить стили и не меняется шрифт описания, хотя всё работает в гуглхроме в др. браузерах не хочет. Вот архив. http://www.sharemania.ru/0114926

    Asked by people2010,

    0 votes
    2 answers

  9. Как расширить рамки страницы?

    Подскажите, пожалуйста, как расширить рамки страницы. вот дан сайт http://styx-acentris.ru/ сайт узкий, хотелось бы его расширить, чтобы помещалось на одной строке, хотя бы 4 товара, а не 3. ПОдскажите, пожалуйста, что нужно поменять, я не силен в html и надеюсь на вашу помощь. Заранее спасибо.

    Asked by twistoff,

    0 votes
    0 answers

  10. Высота блока (Использование вложенных слоев)

    Подскажите как задать высоту блока с использованием вложенных слоев и чтобы без скролла было. Вот что имею, а скролл все равно есть: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Высота блока</title> <style type="text/css"> html, body { height: 100%; /* Высота родителя */ margin: 0; /* Убираем отступы у страницы */ } .layer {height:100%; } .layer div{ height: 100%; /* Высота */ background: #fc0; padding: 20px; border: 1px solid #000; } </style> </head> <body> <div class="layer"> <d…

    Asked by creaturee,

    0 votes
    5 answers

  11. новые тэги html5

    на этом макете впервые попробовал html5. результат такое чувство, что я не до конца понимаю преимущества новых html5-тэгов. помогите пожалуйста понять как удобно записывать их в css-файле раньше я использовал xhtml и запись выглядела примерно так .footer{ } .footer .box{ height: 48px; position: relative; } .footer .box .logo{ position: absolute; top: 0px; left: -11px; width: 53px; height: 53px; background: url('../images/bg_logoB.png') right 0px no-repeat; } то есть я мог однозначно идентифицировать любой блок(футер, хэдер и т.д) в html5 хэдеров (или article, или section и т.д.) может быть несколько. то есть мне в любом случае придется т…

    Asked by cyklop77,

    0 votes
    8 answers

  12. Проблема в опере

    Здравствуйте форумчане. Не могу понять, почему в опере наблюдается следующий глюк. Кнопка "читать далее", она же ссылка, при переносе на новую строку на несколько пикселей слева обрезается. Во всех остальных браузерах, ie, мозилле и сафари все отлично! Вот css: Блок новостей: .news { width: 940px; margin: 20px auto; } .newsbox { float: left; width:400px; height:160px; margin: 13px 5px 5px 30px; overflow: hidden; } .newsbox img { width:100px; height: 100px; float: left; margin: 20px 10px; display: inline; } .newsbox h8 { text-shadow: 1px 1px 3px #ddd; font-family: 'Arial'; font-size: 14px; display: block; padding-top: 10px; text-align: left; } Кнопка читать-дальше:…

    Asked by Tsybin,

    0 votes
    6 answers

  13. Забыл как выделить область с картинкой по размерам большего элемента

    Товарищи, напомните, плиз.. При наведении курсора на текст область выделяется только по тексту, а не по картинке. Хотя и текст и катринка звключены в один тег a <a href="<?php the_permalink() ?>" rel="bookmark"> <?php the_post_thumbnail(array(90,90)); ?> <h4> <?php the_title(); ?></h4> <? kama_excerpt("maxchar=100"); ?> </a> Как сделать выделение по всему блоку (т.е. по высоте максимального элемента входящего в тег а : по картинке или тексту)? КССы вот такие #lateslist li a:link, #lateslist li a:visited { background: none repeat scroll 0 0 transparent; display: block; margin: 0 0 15px 0;padding: 0; text-decoration: n…

    Asked by RichV,

    0 votes
    2 answers

  14. Ограничения для резиновых блоков

    Всем привет, я как обычно со своими проблемами))) Нужна очень помощь, ибо сам никак не могу решить уже второй день) Пример: _http://codepen.io/anon/pen/GeKlf Проблема: В самом примере всё окей, но мне нужно, чтобы блоки с классом ".one" были по минимальной ширине 31px (закомментированная 27-ая строчка CSS), если поставить ограничения, то начинает всё ломаться при сужении, как можно это исправить? (Основной блок естественно должен оставаться гибким в пределах допустимого) Подозреваю, что я неправильно что-то делаю)) Спасибо))

    Asked by decode,

    0 votes
    4 answers

  15. Затемнение логотипа по правому краю

    Я начал изучать верстку не так давно,в основном переделываю готовые шаблоны...и вот столкнулся с такой проблемой,как затемнение логотипа по правому краю на 5 пикселя: помогите пожалуйста,у меня не как не получается их убрать...лого заключено в контейнер <div id="header"></div> данный контейнер включает в себя 3 css : Заранее благадарен. p.s предполагаю что проблема находится в base.css

    Asked by micron,

    0 votes
    4 answers

  16. ошибка валидатора

    извиняюсь за портянку кода, но не могли бы вы пояснить пожалуйста ошибку, которую находит html-валидатор от w3c? <div style="max-width: 830px; max-height: 220px" data-options="{"dimensions":{"width":830,"height":220,"responsive":true},"transitions":{"effect":"fade","duration":1000},"navigation":{"arrows":true,"arrows_hover":true,"arrows_position":"inside","pagination":false,"pagination_hover":false,"pagination_position":"inside","pagination_location":"bottom-center"},"playback":{"enabled":true,"pause":2000}}" class="easingsliderlite is-firefox use-fade use-css3 is-responsive"> <div style="padding-top: 26.506024096386% !important;" class="easingsliderlite-viewpo…

    Asked by cyklop77,

    0 votes
    1 answer

  17. Адаптивный слайдер

    Здравствуйте! Подскажите, пожалуйста, как сверстать такой вот адаптивный слайдер или может быть есть подобные в сети? Важно то, что бы изменялся фон и автор проекта, а так же имя и название. Что бы все было ссылкой. Буду очень благодарен!

    Asked by volshebnyi,

    0 votes
    7 answers

  18. Как сделать счетчик скачки файлов

    Я сделал себе счетчик а он не работает кто поможет сделать его :?

    Asked by mariks,

    0 votes
    4 answers

  19. Верстка градиента?

    Всем привет. Есть такое изображение, которое никак не делится на слои в фотошопе, то есть это обычный растровый слой без всяких стилей и т.п.. Текст тут не важен, важно сверстать градиент, но как это сделать не имея данных о градиенте?(я даже не могу просто взять фон и поставить его тупо как background, так как на нем текст).

    Asked by Flexible Curd,

    0 votes
    6 answers

  20. Атрибуты rel и type в тэге link

    Оба атрибута сообщают браузеру тип подключаемого файла, но в таком случае, почему не достаточно лишь одного?

    Asked by prostodeniska,

    0 votes
    8 answers

  21. Почему текст выходит за границу родителя?

    Привет. Никак не соображу - почему текст не переносится: Посмотреть можно тут (на главной): http://z.leveler.ru/

    Asked by d0ublezer0,

    0 votes
    2 answers

  22. Проблемы во всех версиях Safari

    Доброй ночи. Сайт http://l79377d7.bget.ru/ отображается в google/opera/fox/ie - нормально А вот safari (любая версия все беда) 1 - под номером телефона есть поиск в котором не отображает лупу. Вот сиss .search-wrapper { display: inline-block; background: -moz-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -ms-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -o-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -webkit-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); border-radius: 1px; padding: 1px; } .search input { width: 10px; …

    Asked by Tarasenko,

    0 votes
    1 answer

  23. Вопрос про значения атрибута href

    Здраствуйте. Не могу найти в спецификации описание значений к атрибуту href такие как mailto,tel,ftp,Описываются ли они там вообще?

    Asked by Ramas,

    0 votes
    2 answers

  24. Gulp и API prettier

    gulp.src('styles/style.css').on('data', (file) => { return prettier.resolveConfig('styles/style.css').then((options) => { return prettier.format(file.contents, Object.assign(options, {filepath: 'styles/style.css'})); }); }) .pipe(gulp.dest('styles')); Как мне прогнать файл styles/style.css через через галп, с помощью prettier ?

    Asked by aqua.77,

    0 votes
    0 answers

  25. postcss

    Нужен учебник по postcss на русском. Дайте ссыль.

    Asked by torsar,

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