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
29,542 questions in this forum
-
Карта ссылок на изображении - помогите
<body> <div class="center"><img src="img/1.jpg" width="454" height="204" alt=""/></div> <MAP name="somemap"> <AREA shape="rect" coords="2, 2, 140, 196" href="test.ru"> </MAP> </body> </html> сделал такой код для примера... ничего не работает .... жму на картинку никуда не переходит ... в чем проблема ?
0 votes9 answers -
Карта-изображение
Здравствуйте! В создании сайтов я новичок, самостоятельно изучала htmlbook.ru и искала решения в интернете, но, все-таки нужна помощь. Задача - создать карту-изображение из нескольких частей (3-5) идущих вертикально одна за другой. Каким образом задавать позиционирование этих, фактически, фоновых изображений служащих еще и картой? Была мысль склеить их в одно, но... Кажется, если большое изображение нарезать на несколько меньших, то загрузка идет быстрее? Есть ли вариант объединить их в "подложку" для одной карты или нужно делать несколько отдельных карт? И как их тогда размещать одна над другой?
0 votes4 answers -
Карта-изображение в новом окне
Добрый день. Известно, что имеется способ "увеличить" мелкий рисунок из текста,выводя его в новое окно: <a href="images/stories/karta-maxi.png" target="_blank"> <img src="images/stories/karta-mini.png" /> </a> В связи с этим вопрос: Можно ли сделать так, чтобы на одной странице среди текста стояла маленькая картинка-ссылка для открытия ее большого карты-изображения в НОВОМ окне? При этом это увеличенное изображение в новом окне должно быть КАРТОЙ ссылок! Все найденные мной указания, в том числе и здесь http://htmlbook.ru/content/karty-izobrazheniya, сводятся к созданию карты прямо на текущей странице, без "переброса" на другую.
0 votes0 answers -
картинка
как сделать картинку чтобы она хорошо отображалась при разных разрешениях экрана ?
0 votes3 answers -
Картинка
Приветствую, начал изучать CSS. Вопрос в следующем: Имеется картинка, на которую хочу наложить меню. Так вот, как сделать чтобы картинка подстраивалась под разрешения экрана?
0 votes3 answers -
Картинка
Приветствую, как вставить картинку в li? чтобы в каждом li была своя картинка.
0 votes10 answers -
Картинка - кнопка
Уважаемые форумчане! Заранее прошу меня извинить, почему-то сама сообразить не могу. Есть две картинки к одной кнопке (синего и серого цвета). В "спокойном" не нажатом состоянии кнопки серые, как сделать так, чтобы кнопка становилась синей при нажатии на нее, т.е. когда она становится активной. Именно при нажатии, а не при наведении. Причем глубоко в душе понимаю, что здесь работает .active{} и иже ему подобное, но как реально прописать такое - увы совсем туплю. Буду благодарна за пинок в правильном направлении. P.s. Можно еще конечно (я так думаю) обратиться к onmouseover, onclick, onmouseout - но с ними я как-то общего языка пока не нахожу). Заранее спасибо.
0 votes6 answers -
картинка "NEW" для определнного элемента меню
Здраствуйте, нужно пририсовать "new" как на картинке, к определенному элементу меню. Меню вида <ul> <li id="4">новинки</li> </ul> Проблема в том что new как бы "наезжает" на другие слои. Вопросы следующие: 1. можно ли это реализовать не меняя код внутри <ul> т.к. меню генерируется при помощи cms 2. если п.1 невыполним тогда как лучше реализовать это изменив меню? Спасибо код тут: http://weblad.ru/c/jshop/
0 votes1 answer -
Картинка (при уменьшении броузера)
Здравствуйте Помогите пожалуйста решить следующую проблему. Есть попытка сделать картинку в хедере так, чтобы при уменьшении броузера она адаптировалась под размеры. Что то идёт не так, и когда уменьшаешь броузер - часть картинки задвигается налево и становится видно только правую часть картинки. Если есть время, то помогите пожалуйста. .logoheader { background: url(../img/pics/headerpic.png) no-repeat right; bottom #0C1A3E; color: #FFFFFF; min-height: 250px; } #header { display: block !important; position: relative; padding: 1em 0 0 0; /* 8em 0 0 0 */ overflow: hidden; }
0 votes0 answers -
Картинка absolute должна занимать весь слой без учета padding
http://jsfiddle.net/Zverushka/q9Vmk/ Как сделать, чтобы картинка была равна по ширине и высоте своему родителю, но без учета padding? картинка должна быть absolute. ie8+
0 votes13 answers -
Картинка img.
img как зделать так чтобы эта img имела главный верхний слой иле задний слой,я в headr поместил img теперь мне нодо положить logo cверху img?
0 votes2 answers -
Картинка бэкграундом в стилях: как сделать сдвиг
В верстке есть параграфы, в начали части из них для имитации списков вставляется тэг картинки со стилями <p class="className"><img src="http://site.ru/img/list.gif" width="13" height="13" alt="" align="top" style="position:relative;top:1px;">Текст бла-бла-бла</p> я хочу сделать иначе: убрать тэг картинки, заключить такие параграфы в див (сами параграфы уже без классов), прописать в стилях картинку, все удается, но она получается на 1 пиксель выше, чем в исходном коде (в стилях выше это решается top:1px;) div.classNameImg p { margin: 0; padding-left: 17px; background-image: url(http://site.ru/img/list.gif); background-repeat: no-repeat; } добавление…
0 votes20 answers -
Картинка в div'e и текст рядом
Здравствуйте! Что нужно добавить в css, что бы текст был рядом с картинкой которая вызывается из div'a, а не переносился на другую строку? Код CSS: #ct1 { background: url(images/write.png) repeat 0 0; width: 27px; height: 27px;} HTML: <div id="ct1"></div><font size="5" color="#6699FF"><b>Оставить отзыв</b></font> Скриншот: (нужно сделать чтоб было на одной строчке) Вариант просто использовать img src не годится, т.к. хочется чтоб картинка была "вшита" в дизайн и не выделялась. Спасибо!
0 votes2 answers -
Картинка в dive
Создал рамку из дивов с помощью такого кода <div class='ram'><div class='ram1'><div class='ram2'><div class='ram3'><div class='ram4'> содержимое рамки </div></div></div></div></div> и соответственно css, в котором прописаны пути к картинкам, составляющим эту рамку, и способ заливки. .ram{background: url('../images/borderleft.gif') top left repeat-y;} .ram1{background: url('../images/borderright.gif') top right repeat-y;} .ram2{background: url('../images/downleftangle.gif') bottom left no-repeat;} .ram3{background: url('../images/downrightangle.gif') bottom right no-repeat;} .ram4{background: url('../images/d…
0 votes3 answers -
Картинка в IE
Здравствуйте, пожалуйста, помогите решить проблему. Вставляю картинку, Опера, Гугл, FF ее видят, а IE нет. Если убираю слеш перед адресом картинки, все наоборот. Спасибо заранее
0 votes7 answers -
картинка в input
Как сделать так, что бы текст начинал печататься внутри рамки, а не впритык? http://jsfiddle.net/Su5Pa/
0 votes5 answers -
Картинка в Всплывающей подсказке
Прошу помощи! У меня такая проблема - необходимо что-бы всплывающая подсказка содержала картинку но проблема в том что необходимо это сделать в html в самом блоке где идет текст (блок прикручен как чистая страничка) посоветуйте код для воплощения этой задачи желательно не сильно громоздкий код потому как на страничке много картинок к которым нужно прикрутить всплывающую подсказку с изображением Или подскажите как к стандартной всплывающей подсказке title прикрутить изображение
0 votes7 answers -
Картинка в закругленной рамке!
Имеется рамка: Как поместить в такую рамку изображение, чтобы углы картинки были срезаны а рамка масштабировалась под размеры картинки Примерно так:
0 votes7 answers -
Картинка в конце ссылки
Может кто подскажет. Необходимо реализовать следующее: Стрелка должна быть частью ссылки. Важно чтоб если ссылка не влазит в одну строку, переносилось последнее слово со стрелкой, а не только стрелка. Пробовал через ::after, но тогда подчеркивание тянется до картинки.
0 votes3 answers -
Картинка в правом нижнем углу блока
Помогите, никак не могу придумать как сверстать. Есть блок (неважно какой, див или таблица) произвольной высоты (100%), заполненный текстом. Необходимо поместить в правый нижний угол картинку таким образом, чтобы текст е? обтекал.. фоном никак, позиционирование не да?т обтекания.. не знаю как ещ?...
0 votes4 answers -
Картинка в резиновой верстке
Помогите советом новичку. При изменении окна браузера все растягивается и сужается как надо, а картинки нет. Что делать? Я уже каждой картинке прописывала width:%; и тд.
0 votes13 answers -
Картинка в середине строки таблицы
Требуется поместить картинку в середину строки таблицы, между ячейками. Выглядеть должно, как на первом верхнем примере. Сделал так: <html> <head> <style type="text/css"> <!-- tr.im { background-image: url(img.gif); background-repeat: no-repeat; background-position: center center; } --> </style> </head> <body> <table cellpadding="0" cellspacing="0" border="1"> <tr> <td></td> <td></td> </tr> <tr class="im"> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> &…
0 votes11 answers -
Картинка в скрытом DIVе
Осмелюсь задать еще один вопрос. Вот такая задачка <script type="text/javascript"> <!-- function Function_1(div){ for (i=0; i<99; i++){ document.all.tags("div").item(i).style.display="none"; } document.all.tags("div").item(div).style.display="block"; } --> </script> <a href="#" onClick="Function_1(0), document.pic1.src='pic1.gif'">1-я ссылка</a> * * * <a href="#" onClick="Function_1(99), document.pic100.src='pic100.gif'">100-я ссылка</a> <div style="display:none">Текст 1 <img src="" name="pic1"/></div> * * * <div style="display:none">Текст 100 <img src="" name="pic100"/></div> Вобщем мне ну…
0 votes0 answers -
Картинка в слайдере при первой загрузке в IE8 выходит за границу элемента.
Картинка в слайдере при первой загрузке в IE выходит за границу элемента. Через секунду возвращается в "нормальное состояние". CMS JOOMLA 2.5 Слайдер Vinaora Nivo Slider. Подскажите как исправить.
0 votes5 answers -
Картинка в таблице
Добрый день, уважаемые форумчане! Нужна ваша помощь. Имеется таблица на всю ширину окна, в ней изображение, причем размер может быть различный. Нужно чтобы при ресайзе окна и соответственно таблицы изображения тоже ужимались. Как это реализовать? Окно на весь экран - все ок: http://i024.radikal.ru/1310/3f/cba8b85bf489.jpg А вот так сейчас при сжатии окна - не ок: http://s51.radikal.ru/i131/1310/8a/35287f46f99d.jpg Заранее спасибо!
0 votes1 answer
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-