HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Как создать такую тень с помощью CSS?
Привет! Подскажите, пожалуйста, как с помощью CSS сделать такую тень для блока? Зеленым выделил направление тени. Спасибо!
0 votes1 answer -
Многоуровневый accordion
Здравствуйте, ребята. Есть многоуровневый аккордеон на сайте. При клике первый раз аккордеон открывается, стрелка вниз, как и задумывала. При клике второй раз по этому пункту стрелку нужно вернуть в исходное состояние. Сейчас только при клике на следующий пункт такое. Можете помочь, как подправить это? Навешивала класс при клике. Заранее спасибо.
0 votes3 answers -
Ширина абсолютного блока зависящая от контента
Дорбого дня уважаемые коллеги. Столкнулся с очень интересным вопросом. Есть врапер - с pos: relative, внутри него список (pos: absolute) и в LI находится еще один выпадающий список (pos: absolute). Он находится ровно справа левого блока. За врапером. Внутри него также есть LI с контентом. У него задана min-width и height. Демонстрация: https://jsfiddle.net/ox7cvj32/1/ Хочу, чтобы при достижении такого количества контента, которое превышает высоту данного списка, его ширина увеличивалась и контент просто шел другой колонкой. Есть вариант сделать: column-count и его производными, но нужно сразу указать количество столбцов. Мне же нужно, чтобы было динамически…
0 votes2 answers -
Фиксированный размер блоков и перенос текста для мобильных устройств
Есть блок фиксированной ширины (допустим, 900px) с текстом. Если просматривать страницу на мобильном устройстве и приближать, то после того как область просмотра станет меньше ширины блока (900px), текст начнет переноситься и оставаться в области равной ширине экрана. Соответственно, вся остальная верстка на странице от этого плывет. Что можно сделать чтобы текст не переносился? Можно прописать блоку white-space: nowrap, а переносы проставлять вручную с помощью <br /> там где нужно. Но что делать, если контент страницы формируется динамически и брейки проставить нельзя? Можно ли как-то заставить текст занимать область ширины блока и переноситься в зависимости от шир…
0 votes0 answers -
Проблемные моменты в вёрстке (треугольники)
Учусь верстать сайты, верстаю етот макет http://freepsd.ws/besplatnyj-psd-shablon-mihstore/ есть 3 проблемных места. В бордере здесь есть треугольник, в принципе мог бы его добавить через фото и центрировать через position но при изменениях на сайте он наверняка слетит, есть какие то другие решения?Или он не должен слетать. В белом бордере есть вырез, как реализовать? Опять вырез.
0 votes2 answers -
Чтобы все картинки сайта встали по центру
Здравствуйте! Поменяла шаблон на вордпресс-сайте. Область контента теперь шире чем нужно, картинки лепятся к левому краю. Я их не загружаю в текст, а прописывают отдельно через <img border="0" src="" alt=""> Что прописать в стилях, чтобы все картинки на сайте показывались по центру? По идее можно к каждому изображению добавить <DIV ALIGN="CENTER"> Но это долго и нудно - страниц очень много. Что прописать в стилях для видео, чтобы оно тоже отображалось по центру?
0 votes4 answers -
Выровнять текст возле картинки
Подскажите, пожалуйста, что прописать в коде, чтобы текст выровнялся по центру. Он располагается возле картинки, но внизу. Сам код: <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>
0 votes11 answers -
html-теги
ещё не верстал ничего,пока учусь только,Хотел узнать,нужно ли использовать теги для разметки <caption> <article><footer> и т.д.,или всё делать divaми и задавать классы?
0 votes3 answers -
Помогите советом, как быть с сайтом?
Помогите советом, как быть с сайтом!? В одной конторе был сделан сайт. Выдали нам логин и пароль к ftp и админке. Со временем случилась какая-то беда с серверами, перестали подходить логины и пароли. Взяли новые пароли, в итоге админка с сайта слетела совсем, а фтп вроде работает. Движок сайта какой-то неизвестый был, информации в интернете по нему небыло и названия то не запомнили. Как поступить? Хочется заиметь полноценно рабочий сайт. Что имеем: -доступ к ftp -сайт без админки В той фирме отказываются восстанавливать админку и пр. Как я понимаю нужно писать всё заново? Использовать новый движок и шаблон? Вопрос решили, всем спасибо!
0 votes7 answers -
Не работает скрипт.Почему?
Не работает скрипт.Почему? $dir = "c:\2"; // Открыть известный каталог и начать считывать его содержимое if (is_dir($dir)) { if ($dh = opendir($dir)) { while (($file = readdir($dh)) !== false) { echo "файл: $file : тип: " . filetype($dir . $file) . "\n"; } closedir($dh); } }
0 votes3 answers -
Проблема с версткой
Добрый день. Столкнулся с проблемой верстки. Есть веб-форма (по сути диалоговое окно) следующего содержания - Заголовок - фиксирован по высоте и расположен сверху формы - Футтер - фиксирован по высоте и расположен снизу формы - Область дополнительных данных - располагается над футтером размер не фиксированный - при появлении нового элемента должна увеличиваться высота (полоса прокрутки не должна появляться). - Основной контент - внутри количество содержимого не определено заранее (динамически наполняется). Занимает оставшуюся площадь между заголовком и областью дополнительных даных. Должна появляться полоса прокрутки Как это выглядет графически - можно посмотреть …
0 votes2 answers -
Нельзя активировать плагин на локальной странице
-Есть расширения в хроме page ruler/color picker/perfect pixel -Я верстаю сайт, когда хочу активировать плагин пишет "Не разрешается использовать плагин на локальной странице" Нужно по идееи куда то сайт закинуть?Почему то на яндекс/гугл диске нельзя открыть папку. Как быть чтобы ето было быстро? Спасибо!
0 votes1 answer -
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…
0 votes3 answers -
Помогите разобраться с @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) { ...} , но ничего не получается (стили применяются туда, куда не надо) То есть, я хочу, чт…
0 votes3 answers -
Заголовок с горизонтальной линией по центру
Всем привет) Есть заголовок, по центру горизонтальная линия. Пока он помещается в одну строку - всё хорошо, проблемы с длинным заголовком: http://jsfiddle.net/d7u6Lcf8/ Согласно дизайна должно быть так: http://clip2net.com/s/3khqHjc Ребят, подскажите, реально ли так сверстать или это мечты дизайнера?
0 votes5 answers -
Как проще сверстать логотип (минимум кода)
Как проще сверстать логотип ( смотрите код: http://jsfiddle.net/0msb5jj8/ ) Что-то мне кажется, у меня много кода и классов для какого-то логотипа )))) Может, есть вариант проще сверстать?
0 votes22 answers -
Найти подходящий элемент
В общем хочу сделать вот такую штуку , но даже не знаю как подступиться .Подскажите пожалуйста.
0 votes2 answers -
Страница-заглушка "В разработке"
Вопрос следующего характера. При создании страницы-заглушки "в разработке" нужно посылать какие либо заголовки, как при создании страницы 404? или это просто страница и поисковиками она нормально обрабатывается?
0 votes13 answers -
Ошибка на сайте, не у меня
1 у меня на 19" и на 17" также 2 у проверяющего, почему у него слетает ,а у меня шаблон не по макету слишком большой отступ справа
0 votes11 answers -
Photoshop
Скажите пожалуйста материалы по нарезке макета PSD из фотошопа,Как ,что правильно делать.Заранее спасибо!
0 votes3 answers -
Оцените мою корявую верстку)
Всех приветствую, я новичок в это ремесле. Вот начал верстать этот простенький макет: Как видите макет простой. Вот код моего творения( 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="…
0 votes4 answers -
Условные комментарии для IE > 9
Столкнулся с тем, что вот такая конструкция не работает в Internet Explorer старше 9 версии: <!--[if IE]> <style> span{ background:red; } </style> <![endif]--> Как сделать стиль срабатывающий и для старших версий Internet Explorer?
0 votes12 answers -
submit с триугольником справа
Есть ли возможность с помощью css у submit сделать триугольную границу справа, как это было бы для ссылки? a::after{ content:''; position:absolute; right:-30px; bottom:0; border:15px solid transparent; border-left:15px solid #009944; }Дело в том, что after не работает для input. Можно просто сделат блок справа с триугольником, ну нужно при наведении мышки менялся цвет кнопки.
0 votes2 answers -
Самый глупый вопрос!
Всем привет! Никак не получается решить такую вот задачу: блок position:absolute внутри блока position:relative. Как сделать так, чтобы блок position:relative растягивался на всю высоту блока position:absolute? Сначала думал clearfix поможет, но он не помог(
0 votes6 answers -
Блочная верстка в 2 столбика
Есть записи,которые надо вывести в два столбика.Проблема в том,что они имеют разную высоту.Если использовать float или inline,они выводятся криво,между записями пустое место.Можно ли вывести так,чтобы по вертикали записи были впритык?
0 votes5 answers