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
-
Как сделать, чтобы изображения слайдшоу показывались полнстью вне зависимости от экрана?
Здравствуйте. Упрощённый вариант слайд-шоу: http://codepen.io/Kristinita/pen/dMygQj . Хочу сделать так, чтобы изображения показывались на различных экранах только полностью, а не обрезками, как на скрине ниже . Т. е. если картинка не достигнет на экране определённой высоты, то пусть отображается только при вертикальном скроллинге. Эксперименты с min-height ни к чему не привели. Не могли бы подсказать, что не так? Спасибо.
0 votes0 answers -
Позиционирование и z-index пунктов верхнего меню
Привет всем специалистам в HTML и CSS! Проблема такая: В CMS ShopScript (Webasyst), пункты верхнего горизонтального меню скрываются ниже расположенными элементами сайта. Все попытки назначить элементам верхнего меню позиционирование и z-index (от 1000 до 100000) не помогли. Буду благодарен за консультацию, как вывести пункты раскрывающегося горизонтального меню над нижерасположенными элементами сайта. См. здесь: http://warmray.org/
0 votes0 answers -
this.style.? - помогите разобраться
Здравствуйте. Возник такой вопрос. Имеется, скажем, конструкция: this.style.border = '#ff0000 2pt solid' или this.style.background = '#fff'. Такие конструкции позволяют присвоить некоторые стили элементу, а есть ли нечто, вроде: this.style.??? = '<имя_класса>'. Т.е. можно как-то повлият не на одно какое-то свойство, а сразу присвоить ранее определенный стиль? Спасибо.
0 votes2 answers -
floating DIVs
давно не дает покоя эта проблема, когда родитель плавающего блока не растягивается под плавающие в нем объекты иными словами хочу сделать так но если делать только DIV-ами получается вот так вот в HTML http://bolotnikoff.com/pub/qwer.html вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>floating DIVs</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> </head> <style type="text/css"> .div1, .div2 { width: 150px; margin: 30px; padding: 10px; back…
0 votes8 answers -
Господа, ай нид хелп
ввв sinclairshop ру логин/пароль: andrey прямую открытую ссылку дать не имею права, извините. Суть в следующем - добиваюсь нормальной работы от выпадающего меню. В FF и Хроме работает нормально, в любом IE - вложенных пунктов не видно, они перекрываются нижележащим слоем "с мужиком". Почему так? Я так и не смог добиться нормальной работы. Если вытянуть менюшку и её стили в отдельный файл, то видно, что отрабатывает нормально. Помогите а?, не так часто прошу Вот сто пудов, какую-то мелочь упустил. Голова уже устала просто
0 votes4 answers -
Подскажите в центрировании UL
Добрый день, не совсем пойму как сделать UL список по центру внутри div. text-align помогает, но когда я делаю элемент LI - float:left; весь список сдвигается. т.е: .c_circle { margin: 0 auto; overflow: hidden; text-align:center; } .tab_circle ul{ list-style-type: none; } .tab_circle ul li{ float:left; height:17px; width:17px; background:url(circle.gif) 0 0 no-repeat; } <div class="c_circle" > <div class="tab_circle" > <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> </div>
0 votes6 answers -
При удалении текста, блок смещается
Добрый день! Подскажите пожалуйста в чем дело. Вот ссылка на блок с текстом http://s43.radikal.ru/i099/1109/8e/4bb66c3a0cd5.png тут все нормально Блок без текста http://s002.radikal.ru/i200/1109/9a/335fd5832508.jpg а здесь если текст убрать весь блок смещается в левый угол Вот коды http://jsfiddle.net/MJ2Ac/ не пойму что не так.
0 votes2 answers -
Проблема с картинками в ссылках
Вот такая проблема : Причём в хроме и в опере такой рамки вокруг выделенного элемента нету. Код: <p><table> <tr><td> <a class="tourlink" href="http://www.pegast.ru/samo5/search_tour" target="_blank"> <img class="tourimg" src="images/pegast.jpg" border="0" alt="" /> </a> </td> <td><a class="tourlink" href="http://search.teztour.com/?country=1104&city=345" target="_blank"> <img class="tourimg" src="images/tez.jpg" border="0" alt="" /> </a></td> <td><a class="tourlink" href="http://online3.anextour.ru/search_tour?DOLOAD=1&TOWNFROMINC=23&STATEINC=3&TOURINC=24&CHECK…
0 votes5 answers -
Почему мой div так странно позиционируется?
У меня есть страница с дивами, скриншот ниже. Также см. ссылку http://dsamoylov.ru/test/index.html У меня 5 основных блоков (AAA, BBB, CCC, Community, News), которые в лежиме float: left; вполне аккуратно заполняли страницу. Мне надо добавить шестой блок "quick links" так, чтобы он встал справа от news. Почему-то этот div позиционируется очень странно, из левого верхнего угла всей этой конструкции. На скриншоте это видно, у этого дива border: 1px solid red. Как сделать так, чтобы div встал на нужное место и размером был равен его содержимому, тексту "quick links"? Буду благодарен за подсказки :-)
0 votes1 answer -
Не учитывается высота картинки-слоя при использовании float
Здравствуйте! Задача: сделать блок для новости, на всю ширину. Сначала идет заголовок, потом описание, в описании - изображение, прижатое вправо и обтекаемое. Решение: http://medicus-kohler.ru/categories/25 <div id="short_article_8" class="short_article"><h3 class="title"> <h3><a href="/articles/8">DT-9445 Воротник Нельсона</a></h3> <div class="thumbnail"><img src="/attachments/16/original/DT-9445.jpg?1332360761" alt="Dt-9445"></div> <div class="description"> <p>Воротник Нельсона - это корсет для жесткой фиксации шейных позвонков, имеет вентиляционные отверстия, ширина регулируется с помощью ремешка-липуч…
0 votes1 answer -
Обрамление слайдер или слайдер под слоем
Добрый день. Вот адрес snobstore.ru, там есть рамка с цветами и есть внутри слайдер, подскажите как лучше сверстать и сделать так, что бы сдайдер был под этой рамкой с цветами, что бы листья и цветы которые свисают внутрь рамки были на слайдере, сейчас сделал рамку как фон, а слайдер поверх, выглядит не красиво, а нужно что бы слайдер был виден сквозь листья и цветы (именно внутри рамки, как будто картинки внутри, а не поверх)..Надеюсь Вы поняли что я хотел объяснить.
0 votes3 answers -
Отображение страницы у другого пользователя по-другому.
Здравствуйте, уважаемые коллеги! Есть страница: http://alfamramor.ru/ На своем компьютере и ноутбуке я вижу все нормально. А у нашего другого пользователя отображается не совсем так: например, замочек регистрации и текст имеет разный размер. Вот так у него: Уточню,что шрифт нестандартный, подключается с Google. Помогите, пожалуйста, разобраться с этой проблемой.
0 votes8 answers -
0 votes5 answers
-
Хочу обучиться web-технологиям
Здравствуйте. Меня зовут Иван Лозинский. Я работаю администратором в спортивном клубе, параллельно заканчиваю школу.. У меня возникло большое желание обучиться web-технологиям "без отрыва от производства", так сказать.. Друг дал мне видео курс по html и css от компании "Специалист". Я прошёл курс и он мне понравился, но хотелось бы идти дальше.. Что вы можете посоветовать мне? Хотелось бы пообщаться со знатоками этого дела!..
0 votes4 answers -
css-спрайты (можно ли сделать?)
Существует такая вещь как css спрайты. Я задался вопросом, можно ли с помощью одного изображения-спрайта сделать двойной фон для элемента неизвестной ширины и высоты, так чтобы одна часть изображения была вверху слева, а другая внизу справа. Условный пример того, что я хочу сделать, можно увидеть здесь. здесь две кавычки сделаны двумя отдельными фоновыми изображениями. Можно ли их совместить в одно изображение? Учитывайте, что ширина и высота элемента для фона может быть любой и изменяться от ресайза. Я рассмотрел этот вопрос и мне кажется, что это невозможно. Решил спросить у профессионалов, можно кто знает CSS-хитрость?
0 votes2 answers -
transform
img:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 1s ease-out 0s; cursor: pointer; } Как сделать чтобы работало ?
0 votes3 answers -
z-index внутри блока с переопределенным контекстом наложения
Есть пример-задача: http://jsfiddle.net/realovich/r4wdA/ В ней блок с классом "red" с помощью трансформации создает новый контекст наложения. Если присвоить любую трансформацию к блоку с классом "green" - этот блок попадает в тот же контекст, что и red, а вот img даже с трансформацией не хочет попадать в этот же контекст. Помогите, CSS-гуру.
0 votes2 answers -
Внешний шрифт не отображается в подпунктах меню
Добрый день всем! Возникла проблемка на джумла-сайте одна, подключил внешний шрифт на сайте для определённых элементов, а точнее для всех <h2>, беда в том, что шрифт заменяется корректно только на страницах первого уровня(т.е. если пункт меню к примеру "Материал" или "Блог категории"), а глубже к материалу который висит в категории шрифт не меняется. Такая же беда и с дочерними пунктами меню. Вот ссылка на сайт где это реализовано http://baza-anastasiya.ru/ . На странице с новостями(в левом меню) если нажать на кнопку подробнее это видно. Может быть кто сталкивался с такой проблемой или знает в чём дело, подскажите пожалуйста!
0 votes2 answers -
Валидатор ругается
Добрый день. Подскажите пожалуйста кто-нибудь мне ответ. Проверяю свой сайт http://www.smplast.com/ на сервисе http://validator.w3.org/, вижу что есть ошибки, но не знаю куда мне теперь нужно зайти чтобы их исправить. Я делала сайт с использованием шаблона, поэтому плохо знаю структуру + я только учусь.
0 votes5 answers -
Проблемы с всплывающей формой в разных браузерах
Доброго времени суток. Имеется сайт на тестовом домене На главной странице есть кнопки, по наведению на них появляется (-ются) форма (-ы). Так вот, с этими формами обнаруживаются несколько проблем в разных браузерах: 1) в IE 11 этой формой невозможно пользоваться - она просто не реагирует ни на какие действия. Плюс, в исходном коде обнаруживаются какие-то закрывающие теги для всех <input type="text"> 2) в FF ввод данных в формы просто осложнен: начинаешь вводить одну букву, две и инпут тут же теряет фокус, я не понимаю, с чем это связано. В хроме все работает. Хотя и там есть нюанс: почему инпут держит фокус только тогда, когда на нем стоит указатель мыши? …
0 votes2 answers -
Проблема с background-image в IE
Здравствуйте. Почему в IE так показывает линейный градиент : .line-top:before { content: ""; position: absolute; bottom: -1px; left: -1px; top: 0px; width: 1px; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#01a4a4), to(#104387)); background-image: -webkit-linear-gradient(#104387, #01a4a4); background-image: -moz-linear-gradient(#104387, #01a4a4); background-image: -o-linear-gradient(#104387, #01a4a4); background-image: linear-gradient(#104387, #01a4a4); }А если нужно его сделать влево или вправо , то не показывает : .line-right:after { content: ""; position: absolute; bottom: -1px; left: -1px; right: 0px; height: 1px; backg…
0 votes2 answers -
Расстояние между строками
Всем привет. Как сделать расстояние между строками? в span margin добавить нельзя же. Код (wp): <?php $terms = get_field('actor');if( $terms ): ?> <span style="background:#c3512f;color:#fff; padding:4px 5px;">В главных ролях</span><?php foreach( $terms as $term ): ?><a href="<?php echo get_term_link( $term ); ?>"><span style="background: #b2b2b2;color:#fff; padding:4px 5px; text-decoration: underline;"><?php echo $term->name; ?></a></span><?php endforeach; ?> <?php endif; ?>
0 votes1 answer -
Можно ли сайдбары убрать под контент?
Есть сайт с такой структурой: сайдбар1 сайдбар2 контент http://cssdeck.com/labs/3r2rkid7 Можно ли как-то визуально переместить контент наверх?
0 votes4 answers -
Кроссбраузерная НЕсовместимость
Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется bootstrap4 Далее на картинке: 1. В хроме все норм. Единственное, как сделать, чтобы линия прогресса в блке "our process" анимировалсь только один раз после перезагрузки страницу? 2. Лого в firefox и edge отображаются одинаково. Буквы D (маска) не видно. В IE11 видно верхушку. 3. Блок "our process" в edge не анимируется progress в виде контура красным цветом, а в IE11 вообще бардак. Анимируется только появление текста. 4. На iphone5 не анимируются hexы в блоке "WHAT CAN YOU RECEIVE" Проверял на виртуальной машине. На маке не тестил, нет возможно…
0 votes0 answers -
Вывод данных
Пишу на java. Есть массив String[] objects с именами объектов классов. Размер массива может быть любым. По имени объекта можно определить, к какому классу он принадлежит obj.getSXClass() Необходимо определить, сколько есть объектов каждого класса. Затем вывести имена классов и число их объектов. Для это перебираю массив objects и записываю данные в Map<object,int> for( String str : checkedid ) { object=str.getObj(); //получаем объект for(Object key : countObj.keySet()) { //Кладем в Мар if (key.equals(Object ) countObj.put(key, countObj.get(key)+1); } } ТЕПЕРЬ ВОЗНИК ВОПРОС: Как выводить Map в jsp? Можно ли использовать forEach или есть что-то …
0 votes2 answers