HTML Coding

29542 questions in this forum

1. Как создать такую тень с помощью CSS?

   Привет! Подскажите, пожалуйста, как с помощью CSS сделать такую тень для блока? Зеленым выделил направление тени. Спасибо!

   Asked by FitTech, July 8, 2015

   • shadow
   • css
   0 votes
   1 answer
2. Многоуровневый accordion

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

   Asked by kattiperk, July 2, 2015

   • js
   • jquery
   • accordion
   0 votes
   3 answers
3. Ширина абсолютного блока зависящая от контента

   Дорбого дня уважаемые коллеги. Столкнулся с очень интересным вопросом. Есть врапер - с pos: relative, внутри него список (pos: absolute) и в LI находится еще один выпадающий список (pos: absolute). Он находится ровно справа левого блока. За врапером. Внутри него также есть LI с контентом. У него задана min-width и height. Демонстрация: https://jsfiddle.net/ox7cvj32/1/ Хочу, чтобы при достижении такого количества контента, которое превышает высоту данного списка, его ширина увеличивалась и контент просто шел другой колонкой. Есть вариант сделать: column-count и его производными, но нужно сразу указать количество столбцов. Мне же нужно, чтобы было динамически…

   Asked by Velidan, July 2, 2015

   • ширина
   0 votes
   2 answers
4. Фиксированный размер блоков и перенос текста для мобильных устройств

   Есть блок фиксированной ширины (допустим, 900px) с текстом. Если просматривать страницу на мобильном устройстве и приближать, то после того как область просмотра станет меньше ширины блока (900px), текст начнет переноситься и оставаться в области равной ширине экрана. Соответственно, вся остальная верстка на странице от этого плывет. Что можно сделать чтобы текст не переносился? Можно прописать блоку white-space: nowrap, а переносы проставлять вручную с помощью <br /> там где нужно. Но что делать, если контент страницы формируется динамически и брейки проставить нельзя? Можно ли как-то заставить текст занимать область ширины блока и переноситься в зависимости от шир…

   Asked by dangerous, July 2, 2015

   0 votes
   0 answers
5. Проблемные моменты в вёрстке (треугольники)

   Учусь верстать сайты, верстаю етот макет http://freepsd.ws/besplatnyj-psd-shablon-mihstore/ есть 3 проблемных места. В бордере здесь есть треугольник, в принципе мог бы его добавить через фото и центрировать через position но при изменениях на сайте он наверняка слетит, есть какие то другие решения?Или он не должен слетать. В белом бордере есть вырез, как реализовать? Опять вырез.

   Asked by аркей, July 2, 2015

   • вёрстка рамки
   0 votes
   2 answers
6. Чтобы все картинки сайта встали по центру

   Здравствуйте! Поменяла шаблон на вордпресс-сайте. Область контента теперь шире чем нужно, картинки лепятся к левому краю. Я их не загружаю в текст, а прописывают отдельно через <img border="0" src="" alt=""> Что прописать в стилях, чтобы все картинки на сайте показывались по центру? По идее можно к каждому изображению добавить <DIV ALIGN="CENTER"> Но это долго и нудно - страниц очень много. Что прописать в стилях для видео, чтобы оно тоже отображалось по центру?

   Asked by StOK, July 2, 2015

   • центрирование картинок
   0 votes
   4 answers
7. Выровнять текст возле картинки

   Подскажите, пожалуйста, что прописать в коде, чтобы текст выровнялся по центру. Он располагается возле картинки, но внизу. Сам код: <div style="padding:8px; border-radius:10px; background: #FF7F50"><div style="padding:15px; border-radius:8px; background: #FFFFFF; text-align:right; img-aligh: left; font-weight:bold; color: #000000"><img border="0" src="" alt="картинка 80х80px">Текст, который нужно выровнять по вертикали</div></div>

   Asked by StOK, July 2, 2015

   • выравнивание текста возле
   0 votes
   11 answers
8. html-теги

   ещё не верстал ничего,пока учусь только,Хотел узнать,нужно ли использовать теги для разметки <caption> <article><footer> и т.д.,или всё делать divaми и задавать классы?

   Asked by Andrue-Selen, July 3, 2015

   0 votes
   3 answers
9. Помогите советом, как быть с сайтом?

   Помогите советом, как быть с сайтом!? В одной конторе был сделан сайт. Выдали нам логин и пароль к ftp и админке. Со временем случилась какая-то беда с серверами, перестали подходить логины и пароли. Взяли новые пароли, в итоге админка с сайта слетела совсем, а фтп вроде работает. Движок сайта какой-то неизвестый был, информации в интернете по нему небыло и названия то не запомнили. Как поступить? Хочется заиметь полноценно рабочий сайт. Что имеем: -доступ к ftp -сайт без админки В той фирме отказываются восстанавливать админку и пр. Как я понимаю нужно писать всё заново? Использовать новый движок и шаблон? Вопрос решили, всем спасибо!

   Asked by fcknhtch, July 8, 2015

   0 votes
   7 answers
10. Не работает скрипт.Почему?

    Не работает скрипт.Почему? $dir = "c:\2"; // Открыть известный каталог и начать считывать его содержимое if (is_dir($dir)) { if ($dh = opendir($dir)) { while (($file = readdir($dh)) !== false) { echo "файл: $file : тип: " . filetype($dir . $file) . "\n"; } closedir($dh); } }

    Asked by aleks100, July 3, 2015

    0 votes
    3 answers
11. Проблема с версткой

    Добрый день. Столкнулся с проблемой верстки. Есть веб-форма (по сути диалоговое окно) следующего содержания - Заголовок - фиксирован по высоте и расположен сверху формы - Футтер - фиксирован по высоте и расположен снизу формы - Область дополнительных данных - располагается над футтером размер не фиксированный - при появлении нового элемента должна увеличиваться высота (полоса прокрутки не должна появляться). - Основной контент - внутри количество содержимого не определено заранее (динамически наполняется). Занимает оставшуюся площадь между заголовком и областью дополнительных даных. Должна появляться полоса прокрутки Как это выглядет графически - можно посмотреть …

    Asked by Amelin.Lev, July 4, 2015

    0 votes
    2 answers
12. Нельзя активировать плагин на локальной странице

    -Есть расширения в хроме page ruler/color picker/perfect pixel -Я верстаю сайт, когда хочу активировать плагин пишет "Не разрешается использовать плагин на локальной странице" Нужно по идееи куда то сайт закинуть?Почему то на яндекс/гугл диске нельзя открыть папку. Как быть чтобы ето было быстро? Спасибо!

    Asked by аркей, July 4, 2015

    • плагины хром верстка
    0 votes
    1 answer
13. SweetAlert размеры для телефонов

    Добрый вечер! Решил стандартный alert заменить на Sweet Alert. Работает все нормально, на компьютерах все смотрится хорошо, но почему-то на телефонах окно обрезается, пытался подправить css, добавить горизонтальную полосу прокрутки, но ничего не получается. Прилагаю 2 изображения: как смотрится на телефоне (обрезанное окно) и как выглядит на компьютере. Что нужно изменить в данном css файле? body.stop-scrolling { height: 100%; overflow: hidden; }.sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bot…

    Asked by Forsait, July 4, 2015

    0 votes
    3 answers
14. Помогите разобраться с @media screen

    Запуталась с @media screen Эта строчка @media screen and (min-width: 320px) and (max-width: 480px) означает: что стили будут применяться при минимальной ширине экрана 320px и максимальной ширины 480px, я правильно понимаю? Я проэксперементировала и получилось что эти стили применились к: 320 × 480 Телефон(портрет) 480 × 320 Смартфон (ландшафт) 480 × 800 Планшет (портрет) Вопрос: как мне к ним применить разные стили. Пробовала так, по отдельности: @media screen and (max-width: 320px) { ...} @media screen and (max-width: 480px) { ...} @media screen and (max-width: 800px) { ...} , но ничего не получается (стили применяются туда, куда не надо) То есть, я хочу, чт…

    Asked by Alfa2015, July 4, 2015

    0 votes
    3 answers
15. Заголовок с горизонтальной линией по центру

    Всем привет) Есть заголовок, по центру горизонтальная линия. Пока он помещается в одну строку - всё хорошо, проблемы с длинным заголовком: http://jsfiddle.net/d7u6Lcf8/ Согласно дизайна должно быть так: http://clip2net.com/s/3khqHjc Ребят, подскажите, реально ли так сверстать или это мечты дизайнера?

    Asked by Crystal-3, July 5, 2015

    0 votes
    5 answers
16. Как проще сверстать логотип (минимум кода)

    Как проще сверстать логотип ( смотрите код: http://jsfiddle.net/0msb5jj8/ ) Что-то мне кажется, у меня много кода и классов для какого-то логотипа )))) Может, есть вариант проще сверстать?

    Asked by Alfa2015, July 5, 2015

    0 votes
    22 answers
17. Найти подходящий элемент

    В общем хочу сделать вот такую штуку , но даже не знаю как подступиться .Подскажите пожалуйста.

    Asked by dr48, July 5, 2015

    0 votes
    2 answers
18. Страница-заглушка "В разработке"

    Вопрос следующего характера. При создании страницы-заглушки "в разработке" нужно посылать какие либо заголовки, как при создании страницы 404? или это просто страница и поисковиками она нормально обрабатывается?

    Asked by BirviZ, July 5, 2015

    0 votes
    13 answers
19. Ошибка на сайте, не у меня

    1 у меня на 19" и на 17" также 2 у проверяющего, почему у него слетает ,а у меня шаблон не по макету слишком большой отступ справа

    Asked by аркей, July 5, 2015

    • сайт верстка
    0 votes
    11 answers
20. Photoshop

    Скажите пожалуйста материалы по нарезке макета PSD из фотошопа,Как ,что правильно делать.Заранее спасибо!

    Asked by Andrue-Selen, July 6, 2015

    0 votes
    3 answers
21. Оцените мою корявую верстку)

    Всех приветствую, я новичок в это ремесле. Вот начал верстать этот простенький макет: Как видите макет простой. Вот код моего творения( html и css). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="ru-RU"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Верстка сайта</title> <link rel="stylesheet" href="st.css" type="text/css" /> <link rel="stylesheet" href="bootstrap.css" type="text/css" /></head><body><div id="wraper"> <div id="…

    Asked by breezyday27, July 6, 2015

    • верстка html
    • css
    • сайт.
    0 votes
    4 answers
22. Условные комментарии для IE > 9

    Столкнулся с тем, что вот такая конструкция не работает в Internet Explorer старше 9 версии: <!--[if IE]> <style> span{ background:red; } </style> <![endif]--> Как сделать стиль срабатывающий и для старших версий Internet Explorer?

    Asked by PavelTkachev, July 6, 2015

    0 votes
    12 answers
23. submit с триугольником справа

    Есть ли возможность с помощью css у submit сделать триугольную границу справа, как это было бы для ссылки? a::after{ content:''; position:absolute; right:-30px; bottom:0; border:15px solid transparent; border-left:15px solid #009944; }Дело в том, что after не работает для input. Можно просто сделат блок справа с триугольником, ну нужно при наведении мышки менялся цвет кнопки.

    Asked by PavelTkachev, July 6, 2015

    0 votes
    2 answers
24. Самый глупый вопрос!

    Всем привет! Никак не получается решить такую вот задачу: блок position:absolute внутри блока position:relative. Как сделать так, чтобы блок position:relative растягивался на всю высоту блока position:absolute? Сначала думал clearfix поможет, но он не помог(

    Asked by Antoshka007, July 6, 2015

    • css
    • relative
    • absolute
    0 votes
    6 answers
25. Блочная верстка в 2 столбика

    Есть записи,которые надо вывести в два столбика.Проблема в том,что они имеют разную высоту.Если использовать float или inline,они выводятся криво,между записями пустое место.Можно ли вывести так,чтобы по вертикали записи были впритык?

    Asked by user, July 6, 2015

    0 votes
    5 answers