HTML Coding

29,542 questions in this forum

1. правило для nth-child

   Добрый день, в меню на ховере для раздела "Шкафы и боксы" нужно задать стили как для соседнего раздела "Модульное обороудование" а именно: чтобы первая ссылка была на бэкраунде серого цвета, а нижние ссылки без бэкраунда. Задаю правило для элемента первого ребенка : #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child a:first-child А для всех остальных ссылок: #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child a свое правило. Стили для первого ребенка наследуются для всех ссылок! Почему так происходит? Спасибо.

   Asked by mrfrunze, October 20, 2014

   • css
   0 votes
   2 answers
2. Стартовый кадр в iframe видео

   Здравствуйте, подскажите пожалуйста, как растянуть вот эту стартовую картинку iframe видео из вконтакте? т.е сейчас он отображается вот так: если начать воспроизведение то он становится во весь размер и в нормальном качестве, а как задать эту стартовую картинку на полный экран ? Спасибо.

   Asked by cruel09, October 22, 2014

   0 votes
   1 answer
3. шапка не продолжается при горизонтальнйо прокрутке

   http://www.serviceprint-novoros.ru/ Если уменьшить окно со страницей до появления горизонтальной прокрутки то при этой самой прокрутке верхняя полоса обрезается и не продолжается до конца страницы, не подскажите как это исправить? АПД Частично решил проблему добавлением min-width, но хотелось бы чтобы оно автоматом отрисовывало

   Asked by Diletant, October 19, 2014

   0 votes
   5 answers
4. Что делать с фоном?

   Привет всем) Такая проблема. Верстаю шапку сайта и там бекграунд. вот он http://hostingkartinok.com/show-image.php?id=bed25bb19a0ef684f99214990db85d98 проблема в том что он имеет ширину 1600px, и на мониторах с 1920 по бокам белые полосы, я отцентрировал. использовать background-size:cover, но его не поддерживает ie8. как быть?

   Asked by raptor-dm, October 21, 2014

   0 votes
   2 answers
5. Не отображается шрифт

   Не отображается шрифт на сайте. Шрифт: Corinthia. В CSS прописала: @font-face { font-family: Corinthia; src: url('corinthia-webfont.eot'); src: url('corinthia-webfont.eot?#iefix') format('embedded-opentype'), url('corinthia-webfont.woff2') format('woff2'), url('corinthia-webfont.woff') format('woff'), url('corinthia-webfont.ttf') format('truetype'), url('corinthia-webfont.svg#corinthiaregular') format('svg'); font-weight: normal; font-style: normal;}.main h2 { font-family: Corinthia; font-size: 50px;}В папку fonts загружены файлы со шрифтами. Но, шрифт не отображается! В чем же, может быть, проблема?

   Asked by Fendia, October 20, 2014

   0 votes
   3 answers
6. Обновление страницы на сайте

   Как сделать так, чтобы при обновлении страницы или переходе на какую-либо ссылку возвращаться в тело сайта а не в шапку.. ? Подскажите плиз..

   Asked by D-man88, October 21, 2014

   0 votes
   1 answer
7. IE9+ font

   Всем доброго времени суток. Возникла проблема с отображением шрифта в IE9+, а точнее его не отображением. Вот пример. Шрифт показывается в остальных браузерах, но в IE9+ не хочет, хотя формат ttf. Может проблема в самом файле шрифта?

   Asked by Arthur, October 21, 2014

   0 votes
   5 answers
8. Возникла проблема с загрузкой информации в социальные сети

   Доброго времени суток! Возникла проблема с загрузкой в социальные сети Загружаемая ссылка на стену группы подкрепляется наполовину не правильно. Группа http://vk.com/tnu.official Ссылка http://www.crimea.edu/new/2014/10-14-donih.html название страницы пишет правильно - "Донич назначен ректором Крымского федерального университета.." а под названием следует совершенно непонятно от куда взятая информация - "Студенты колледжа ТНУ имени В.И. Вернадского посетили Крымскую... " в чем может быть проблема и где ее искать?

   Asked by scream994, October 21, 2014

   0 votes
   1 answer
9. Кроссбраузерность Opera, position: absolute?

   Всем доброго времени суток! Есть такой код В браузере Opera почему то блок #before не становится вплотную в блок родителя хотя и выставлены все стороны позиционирования в нули(в Opera dragonfly при наведении на #wrap, а после на #before можно увидеть что данные блоки не эквивалентны по высоте хотя стоит top: 0; bottom: 0). В Firefox все отлично работает если сравнивать. Как сделать кроссбраузерный вариант?

   Asked by Arthur, October 16, 2014

   0 votes
   7 answers
10. Тянущийся блок по одной из сторон браузера

    Добрый день, подскажите пожалуйста как реализовать тянущийся к краю браузера независимо от ширины его окно, но только по одной из его сторон. В макете, серые блоки с текстом доходить до края окна браузера независимо от разрешения экрана монитора и ширины окна браузера. Блок «ФАКТ №3» до правого края, а Блок «ФАКТ №4» до левого. Буду благодарен вашей помощи.

    Asked by Drunk_Monkey, October 20, 2014

    0 votes
    2 answers
11. Масштабирование сайта

    Помогите пожалуйста найти решение, хочу сделать функцию, по нажатию на кнопку к примеру масштаб страницы становился 150%

    Asked by skoch244, October 21, 2014

    • Масштаб
    • сайт
    • Javascript
    • jquery
    0 votes
    2 answers
12. Создание меню

    Добрый день! Помогите новичку - хочу сделать свой сайт - а ссылки в меню не как не могу заставить открываться в одном и том же слое .... (с фреймами делать не хочу ....) Имеется ткой код НТМЛ: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>1</title><link rel="stylesheet"type="text/css"href="style.css"></head><body><div id="logo"> 1.</div><div id="menu"><a href="text.html" target="w1">golovna</a><a href="kiev.html">kontact</a></div><div id="text"name="w1">3.</div></body></html> СSS:#logo{ widt…

    Asked by maxemys07, October 20, 2014

    0 votes
    7 answers
13. Выровнять ссылки по центру

    Помогите выровнять ссылки по центру сверху картинок... <div style="width: 100%; height: 1px; clear: both;"></div> <div style="width: 110px; height: 50px; float: left; margin-left: 0px; text-align: center;"><nobr><span style="display: block; font-size: 12px; font-weight: 700; padding-bottom: 5px; color: #cb2027;"><a href="/bronirovanie_gostinits/banya_sauna.aspx">Гостиницы или гостевые дома <br />с баней или сауной</a></span> <a href="/bronirovanie_gostinits/banya_sauna.aspx"><img width="210px" height="158px" src="/bania-i-sauna.jpg" alt="Баня и сауна" style="text-align: center;" /></a></nobr&gt…

    Asked by Guesto, October 21, 2014

    • display:block
    • margin:0 auto
    • text-align:center
    • align=center
    • center
    0 votes
    0 answers
14. Кто сможет объяснить отличие <div> от <p>

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML CSS Example</title> <style> body { width: 50%; margin: 8px auto; font: 1em/100% sans-serif; color: #000; } .ex_01 { line-height: 250%; background-color: #ccc; padding: 20px; text-shadow: 0 1px 0 #fff; } .in_01 { background-color: #999; padding: 20px; text-shadow: 0 1px 0 #ccc; } .in_02 { background-color: #666; padding: 20px; text-shadow: 0 1px 0 #999; } </style> </head> <body> <!-- 1. div.ex_01>lorem20+div.in_$$*2&g…

    Asked by FishNetWeaver, October 20, 2014

    0 votes
    4 answers
15. Про память и запоминание

    Вопрос : Как Вы формируете при верстке\кодинге конструкции , подобные <!DOCTYPE ..... или заполняете поля <meta HttpEquiv="..." content="...."> - все по-памяти , или снипетами , самописными шпаргалками либо каждый раз по-примерам из справочника ? Понятно , что в эпоху HTML5 с доктайпом стало проще =) Но есть масса других HTML и не только конструкций , которые новичку , в памяти не удержать , да и не сразу удастся вспомнить связку : [выполняемая функция]-[правильная форма записи]-[аттрибуты]. Поделитесь своим личным опытом , пожалуйста.

    Asked by PeaceInside, October 20, 2014

    • память мозг эфективность
    0 votes
    13 answers
16. Очень тяжко даётся JavaScript.

    Html и Сss изучил очень легко, то ли от того что лёгкие, даже PHP изучаеться легко. Не знаю как быть, может быть у кого то были такие же проблемы, но потом он сел и выучил? И каким образом? Просто по сайту о JS, видео-урокам, книгам? Мне интересны любые советы по изучению JavaScript, но как вижу все эти функции, переменные, значения в JS мне аж плохо становится. И как лучше верстать? html5 или старыми методами что бы шишки набить? я уже верстал простые сайты, получилось, по моим меркам нормально , правда в IE ниже 10 все сьехало, и не успел изучить до конца css и html говорят надо js, препроцессор css, grunt, bootstrap и т.д. В голове полный бардак от этих фреймворков…

    Asked by Roger, October 20, 2014

    0 votes
    8 answers
17. Хитрое форматирвоание

    Можно ли так задать параметры тегаов <P>, <LI>, <H1/2/3...>, чтобы после вывода браузер не добавлял перевода строки? А просто следующий текст показывал с той же строки? Я понятно обьяснил?

    Asked by кэп, October 20, 2014

    0 votes
    6 answers
18. Два варианта текста

    Как делаются варианты по выводу текста страницы: - для просмотра браузером - для просмотра перед печатью Например, есть текст разбитый на главы и страницы. При просмотре браузером можно перемещаться по страницам. А при просмотре перед печатью - сплошной текст и навигация скролом. Например вот это как реализовано? для просмотра http://kino-teatr.ru/kino/movie/hollywood/51133/forum/ для печати http://kino-teatr.ru/kino/movie/hollywood/51133/forum/print/ Т.е. должен быть один источник текста. Возможно ли такое выполнить без php? Только html. Насколько я понял с использованием ssi это делается. Или есть еще варианты?

    Asked by кэп, October 17, 2014

    0 votes
    5 answers
19. Вертикальное выравнивание картинки в ссылке

    Добрый день. Никак не могу решить проблему вертикального выравнивания картинки в ссылке. HTML код: <div class="portf"> <a href="#"><img src="../userfiles/tovaryimg/1.png" alt="" /></a> </div>CSS код: .portf{ text-align:center; border:2px solid #0F0; margin:50px 0 10px 20px;}.portf a { border:2px solid #FFF7AF; width:300px; height:300px; }.portf a img{ width:250px;}Пробовал применить к .portf a свойство display:table-cell; vertical-align:middle; Не выравнивается картинка по вертикали. Помогите решить проблему.

    Asked by anipriev, October 20, 2014

    0 votes
    8 answers
20. наложение div-ов

    Честно говоря, даже не знаю как корректно задать запрос в поиск, чтобы найти ответ на вопрос. Сам только начинаю разбераться в вопросах верстки и на начальной стадии решил использовать фреймворк(если это можно так назвать) kickstart. По макету существует слайдер, Сверху слайдера отображается форма. Читал про свойство position. Корректно применяется для дива с "обычным" содержимым(текст, картинка). http://htmlbook.ru/css/position но в маем случае, за счет указания bottom, right и т.д. форму можно разместить на слайдере, но при изменении размера окна форма остается на месте, хотя на тех же примерах div position: absolute; меняет свое положение с изменением размера браузера.…

    Asked by serKrusH, October 20, 2014

    0 votes
    1 answer
21. Как добавить фон сверху, при уменьшении экрана

    Есть сайт http://top-usluga.ru/ При уменьшении масштаба экрана,необходимо чтобы в шапку добавлялся фон, и содержимое центрального блока было по середине.. Как такое реализовать? Вот отличный пример

    Asked by Romasa, October 20, 2014

    0 votes
    1 answer
22. Можно ли мне уже?

    Ну вот вроде бы уже могу делать сайты, но какая то тоска на душе... можно ли мне уже брать деньги за верстку и сколько, например такую, и где главное? Свой дизайн еще не придумывал брал из интернета.

    Asked by Laroxx12, October 11, 2014

    0 votes
    25 answers
23. SVG многоугольник

    Читаю книгу и в ней есть код <svg width="300px" height="360px"> <polygon points="20,10 200,20 180,90 120,150 50,100" fill="#00FFFF" stroke="blue" stroke-width="5" /></svg>http://jsfiddle.net/vad7wgz9/ Но в ней не написано, как вычислять эти цифры. Как вычислять? Наугад писать? Я так понял то что 20,10 20 это x, а 10 это y? или как? 20,10 200,20 180,90 120,150 50,100 это наверно сокращённая запись?

    Asked by DivMan, October 18, 2014

    0 votes
    10 answers
24. Текст сверху border

    Коллеги, подскажите пожалуйста, какие стили прописать тексту, чтобы он был поверх рамки border-top? Скриншот:

    Asked by efendi, October 18, 2014

    0 votes
    21 answers
25. index в каждой папке

    Влияет ли наличие index.php в каждой папке на понимание поисковыми роботами какая страница главная в папке. Или им всеравно как она называется?

    Asked by apexis, October 15, 2014

    0 votes
    3 answers