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
-
Кроссбраузерная НЕсовместимость
Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется 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 -
Не влезает текст
Есть некий текст неопределенного размера, взятый внутри ячейки таблицы фиксированной высоты. Как принято делать в тех случаях, если я хочу сохранить размер ячейки, при любой длине текста, сделать полосу прокрутки либо просто обрезать, в любом из случаем подскажите пожалуйста как это реализовать.
0 votes2 answers -
Что изменить в описании стиля?
Есть такое описание стиля: .hl.line{ color:#888888; border-right: 1px solid white; padding:1px; margin-right:5px; } Нужен он для форматирования номеров строк на этой странице Мне нужна сплошная линия, которая отделяет номера от кода, а получается пунктирная. Что изменить, чтобы не было этого разрыва между строками. Весь код помещен в div
0 votes3 answers -
Что почитать по созданию макетов?
Сначала использовал готовые макеты и на них верстал элементы. Потом читал моменты по верстке, например отрицательные поля. Сейчас с определенных пор решил сам делать макеты и верстку с нуля. Но постоянно что-то не состыкуется... Что-то не так... Наверняка должна быть какая-то мини справка, шпаргалка для создания макетов для сайта. Выделил для себя верстку в 2 этапа: 1) макет – подсвечиваю куски страницы. 2) верстка элементов. Правильно ли я определился? Все таки что почитать чтобы наконец уверенно делать макеты, в том числе всякие сложные, многоуровневые? Заранее спасибо!!!
0 votes1 answer -
Смесить блок в IE
Вот тут http://mmcpajero.ru/new/2.htm если открыть в FF или Opera - то белый блок нормально прилеплен к левой стороне родительского блока. Если же эту ссылку открыть в IE, то белый блок будет посередине, несмотря на left: 0; Как в IE его сделать так же, как и в FF, т.е. прилепить к левому краю?
0 votes2 answers -
Помогите, пожалуйста, написать стиль по описанию.
Здравствуйте. Наткнулся на досадный баг в iBooks 1.1 связанный с тем, что текст, которому указано "left" в text-align, форматируется по ширине. Стал гуглить решение, нашёл, но довольно абстрактно описанное: Помогите, пожалуйста, восстановить стили для класса “center-both” по этому описанию.
0 votes4 answers -
какой способ загрузки выбрать?
Есть макет, и надо, чтобы при нажатии на ссылку в "Навигации" информация в "Content" загружалась, ео, желательно без перезагрузки страницы. Это можно сделать только фреймами? P.S. Я новичок в этом деле, так что попытайтесь обьяснить более ли менее доступным языком, пожалуйста. Вот макет: Моя ссылка
0 votes5 answers -
Фон в DIV
help please. не могу разобраться в чем дело: такой код не отображает нужного мне фона в div'е: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>SQpokerinfo</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="shortcut icon" href="favicon.ico"> </head> <body> <div id="container"> <div id="header"> <img id="logo" src="img/logo.jpg" alt="logo"> </div> </div> </body> </html> CSS body { margin: 0px; } #conta…
0 votes7 answers -
float:left — выталкивание нижестоящего контейнера
Приветствую, односельчане Прошу о небольшой помощи по верстке — буду очень признателен вам за советы. Поставил фотогалерею NextGEN на этот сайт. И заметил, что фотографии странно себя ведут: Привожу html-код левой верхней фотографии (см. скриншот выше) <div class="ngg-gallery-thumbnail-box" id="ngg-image-26"> <div class="ngg-gallery-thumbnail"> <a rel="lightbox[set_4]" title="Применение сигнализаторов загазованности RGD" href="http://seitron.ru/wp-content/gallery/objects/obj1.jpg" class="cboxElement"> <img width="250" height="188" src="http://seitron.ru/wp-content/gallery/objects/thumbs/thumbs_obj1.jpg" alt=" " title=" "> </a> &l…
0 votes9 answers -
броблема с <div> css inline-table в разных броузерах.
Привет, ребят я тут новенький так что не кидайте помидорами)) Есть блог. работаю в гугл хром. есть некая конструкция кнопок Like в дивах. В css написано display: inline-table; в хроме все ок, 5 дивов располагаются в строчку. Открываю мозиллу или ИЕ, так там последний див сползает ниже, т.е. не на сл строку а просто ниже располагается. различные комбинации перепробовал, ни чего не помогает... подскажите что не так плз.. вот хром вот мозилла вот сама структура: <div class="socialbutton"> <div class="likebutt"> <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?49">…
0 votes3 answers -
Криво работает margin для внутреннего div'ва?
Код полностью: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Untitled 1</title> </head> <body style="margin:0px; padding:0px;"> <div style="background: blue; height: 50px;"> <div style="background: green; height: 30px; margin-top: 30px;"> </div> </div> </body> </html> Для удобства обозначу первый div - 'A', вложенный div - 'B'. У 'B' задан margin-top: 30px, и я ожидаю, что он получит отступ в 30 пикселей от верхней границы 'A'. Слой 'A' при…
0 votes2 answers -
Помогите решить задачку
Привет всем, начал постигать азы веб-программирования (пока что с html/css), вот застрял на такой задачке: Блок слева состоит из 5 блоков: 1 большой и 4 поменьше в нем, со свойством position: relative. В html ес-но написал div в котором еще 4 div'a. Проблема в том что у меня правый серый блок сдвигается вниз, хотя я применяю к большому левому блоку свойство float, еще пытался менять свойство display у блоков - не получается. Помогите плиз.
0 votes4 answers -
Помогите переделать содержание темы
Здраствуйте. Установил тему на wordpress. http://pravvo.org.ua/ В контенте сайта, под слайдерами, идут записи, они идут квадратиками, блочными или как сказать я не знаю. Т.е. 2 записи в строку. Мне нужно сделать что бы ОДНА запись была в строке. Как на скриншоте, что бы Статься была в строке: http://s018.radikal.ru/i516/1312/75/3c27234d7aed.png ВОТ эта тема: http://wp-templates.ru/hueman/
0 votes2 answers -
Проблема с наведением мышки на линк
Здравствуйте, возникла следующая проблема, может кто сможет подсказать, в чем же дело, сделал сайт (изначально на Muse - landing page? потом дорабатывал html код, стили и т.д.), при наведении на логотип (название шапки в ссылке) стоит линк #top - для перемещения на верх страницы соответственно, но почему то ссылка получается активна не на все области, т.е. если посмотрите - http://arhis77.esy.es/ - получается что где то курсор обнаруживает ссылку, а в каких то местах нет.. никак не могу понять, в чем же именно дело... ссылка стоит для дива прописана в котором картинка (пробовал прописать для самой картинки, делал map - тоже самое)... если кто-нибудь сможет мне подсказа…
0 votes3 answers -
Проблема с рендерингом картинок в мозиле на background-size
Здравствуйте, Уважаемые. Еще раз пишу по своей проблеме, так как на прошлый пост никто не ответил, решил озаглавить тему поумнее. Итак есть страничка на которой в мозиле присутствует занятное явление произвольной дрожи на картинках. Есть ли какие мысли как сие убрать, сохранив масштабируемость картинок? http://batka.esy.es/gc2/yellow-launch.html
0 votes2 answers -
как в css при наведении на картинку плавно менять размер
подскажите пожалуйста как же поменять размер при hover размер картинки. Код в html: <ul> <li><a href="#"><img src="images/facebook.png" alt="Фэйсбук"></a></li> <li><a href="#"><img src="images/twitter.png" alt="Твиттер"></a></li> <li><a href="#"><img src="images/vk.png" alt="Вконтакте"></a></li> <li><a href="#"><img src="images/mail.png" alt="Майл"></a></li> <li><a href="#"><img src="images/drug.png" alt="Другвокруг"></a></li> </ul> код в css: #social ul li{ …
0 votes4 answers -
Загадочные отступы между инлайн эллементами
Есть 2 блока (display:inline-block;margin:0px;padding:0px;) в стилях прописанные отступы по 0 пикселей, но между блоками всеравно есть отступ, как его убрать, искал в интернете, там убирают его с помощью такого: margin:-.36em; но это для определенных размеров шрифтов, как убрать отступ или как с этим бороться?
0 votes3 answers -
Bootsrap psd нету
Не могу найти psd макета для bootstrap, кто то может скинуть с уже простенький выставленной сеткой ?
0 votes1 answer -
Резиновый отступ
Нужно чтобы меню сохраняло целостность когда окно браузера сжимают т.е. чтобы ссылки из меню максимально сжимались прежде чем переносились на другую строку. http://plitka20x20-ru.1gb.ru/site/ Вот как обстоят дела, при сжатии как видно всё разрушается <nav> <ul> <li><a href="uslugi.html">Услуги</a></li> <li><a href="klienti.html">Клиенты</a></li> <li><a href="projekt.html">Проекты</a></li> <li><a href="kontact.html">Контакт</a></li> </ul> </nav> header.top nav{ position: absolute; top: 361px; left: 476px; height: 5…
0 votes5 answers -
Расширение блока под контент
Делаю лендинг страницу. Нашел на jQuerry фотогалерею, поставил все работает. Проблема в том что в ней используются блоки с position absolute внутри которых img, соотвественно блок div в котором находится фотогалерея имеет нулевую высоту и идущий за ним блок перекрывает фотогалерею.Поставить position: relative не выход т.к галеряю начинает работать коряво. Можно ли как-то сделать чтобы блок расширился под контент?
0 votes1 answer -
Как обстоят дела с Ie8 сейчас ?
Поддерживают ли сейчас ie8 или начинают с 9 ?
0 votes0 answers -
Не работающий слайдер
Ребят, подскажите, в чем может быть ошибка. На странице два слайдера от splide. Один с классом splide (работающий), другой c классом splid (не работает). Выглядит так, будто не работают стили. Отображается как не маркированный список текста и картинок. Стили добавила единожды: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@2.4.21/dist/css/splide.min.css" integrity="sha256-EqzwzekQXKNbB5EE4nNBQT+2gWQIWRZQXAd89YdIq8M=" crossorigin="anonymous"> Который не работает: Заранее спасибо!! <div class="foo_columns"> <div class="splid"> <div class="splid__track"> <ul clas…
0 votes2 answers -
Помогите с DIVами. Разместить один DIV под двумя другими
Добрый день. В теме может немного криво описал задачу, постараюсь здесь подробнее... Вопрос собственно вот в чем: Есть у меня три блока: 1. content (центральная колонка) 2. r_block (правая колонка) 3. bottom (подвальчик) Проблема в том, что не могу разместить блок bottom под другими двумя блоками. #content {width:67%; height:100%; margin-left: 30px; float:left;} #r_block {float:right; margin-right: 15px;} #bottom {clear:both; padding-top:25px; padding-bottom:25px; margin-left: 30px; width:90%;} Что и где нужно исправить? В таком виде, получается, что bottom располагается не под двумя, а только под одним из блоков...
0 votes1 answer -
Проблемы с Share button
Добрый день, уважаемые форумчане. Возникла у меня проблема небольшая... Поставив небольшую галерею при помощи замечательного скрипта Fancybox я решил, что надо бы пихнуть к каждой картинке(а точнее в модальное окно с большой копией картинки) share buttons (вконтакте, фейсбук и т.п.) Кто-нибудь занимался подобным? Если да то подскажите пожалуйста как мне это сделать а то мои потуги ни к чему хорошему не привели( Заранее благодарю за ответы PS Извиняюсь, наверное я не в том разделе тему создал, если модератору не трудно перенесите пжлст в соответствующий раздел
0 votes5 answers