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
-
Обтекание картинок текстом
Всем доброго вечера. Подскажите как правильно сделать обтекание. Вот для примера код для обтекания слева img.alignleft { clear:left; float: left; display: inline; margin-right: 10px; margin-bottom: 2px; } но появляется проблема - если нужно сделать обтекание нескольким пикчам и текст, расположенный справа от первой не заполняет все пространство рядом с ней, то почему-то текст, который должен быть расположенный уже справа от второй картинки лезет вверх и встает еще рядом с первой. Вот так примерно: а надо чтобы текст, который в посте идет после второй картинки и стоял после второй картинки, вот так
0 votes4 answers -
Диагональные пункты меню
Вечер добрый! На работе подкинули задание - сделать меню по типу того что на картинке, при этом нужно поддержать ослов 7,8,9... т.е. CSS3 и HTML5 отпадают сами собой =( можно ли сделать без использования флэша? P.S. Я новичок, осиной не бейте, мягкие пинки в нужную сторону приветствуются)
0 votes4 answers -
jquery добавляет к body zoom: 1;
Почему? Зачем? Нужно ли это? В Хроме: <body style="zoom: 1;"> В Опере: <body style="">
0 votes4 answers -
Как поменять высоту блока?
Всем привет! Я никак не могу поменять высоту одного из блоков в шаблоне. Предполагаемое меню 50рх, а высота блока 90рх. Инструменты разработчика не показывают, в каком из множества файлов шаблона это меняется... Помогите, пожалуйста, уже глаза на лоб лезут. Вот скриншот Спасибо!
0 votes4 answers -
Бесплатный скрипт поиска по сайту
Нужен скрипт поиска по сайту, поиск по названиям заболеваний. При вводе чтобы показывались варианты болезней(пример на картинке).
0 votes4 answers -
Версии браузеров
Добрый день! Поискала по форуму — ответа не нашла. Ситуация такая. Одна компания разрабатывает для знакомых сайт. В ТЗ, составленном и присланном этой компанией,указаны последние версии большинства браузеров под которыми предполагается корректное отображение сайта. Понятно, что далеко не у всех свежие версии. Собственно интересует, под какие более ранние версии Оперы, ИЕ, Мазилы, Сафари и Хрома нужно адаптировать вёрстку, чтобы охватить большое количество пользователей (совсем динозавров,конечно,не берём=)?
0 votes4 answers -
помогите начинающему
Здраствуйте уважаемые помогите плиз советом, как собрать нечто подобное????7 Сам что то ни как не додумаюсь..... у меня получилось вот что .block_award{ text-align:left; box-shadow: 0 0 5px 2px; margin:40px} <div class="block_award"><img style="margin: 20px;" src="images/awards/001.jpg" width="200px " /> </div> <div class="block_award"><img style="margin: 20px;" src="images/awards/002.jpg" width="200px " /> </div> <div class="block_award"><img style="margin: 20px;" src="images/awards/003.jpg" width="200px" /> </div> Как бы еще текст добавить????
0 votes4 answers -
Проблема с :hover
Нужно сделать так, чтобы при наведении на элемент с id "а" изменялся стиль у элемента с class'ом "b". Пишу так: #a:hover .b { /* новый стиль */ } Но что-то ничего не получается. Подскажите как задать :hover правильно?
0 votes4 answers -
Разные размеры шрифта в одном элементе списка
Доброго времени суток! Вот, что нужно сверстать: Размер шрифта для самих элементов меню (Account Sign In, Register...) - 13 пикселей. Для точек-разделителей - 25 пикселей. Интерлиньяж одинаковый - 30 пикселей. Между элементом меню и точкой-разделителем расстояния в 3 пробела размером шрифта 13 пикселей. Базовая линия элементов меню и базовая линия точек-разделителей совпадают. Вот мой код, использую unordered list, сначала устанавливаю размер шрифта для элементов меню и точек одинаковый - 13 пикселей. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> </he…
0 votes4 answers -
Трапеция с закругленными углами
просто трапеция, пожалуйста! .trapezoid { border-bottom: 100px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent; height: 0; width: 100px; } но вот закруглить углы (как во вкладках в Хроме) никак не получается.. может у кого есть идеи как это можно реализовать на CSS?
0 votes4 answers -
Height:100% не срабатывает
Добрый день, товарищи. Помогите доверстать... есть пимерно такая страничка <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> <div id="content"> <header> <div id="logo"> </div> <div id="account"> </div> <ul id="top_nav"> <li>menu</li> <li>menu</li> <li>menu</li> </ul> <ul id="nav"> <li>menu</li> <li>menu </li> <li>menu </li> <li>menu </li> </ul> </header> <nav></nav> <as…
0 votes4 answers -
Bootstrap и WYSIWYG редактор
Здравствуйте, форумчане! Недавно начал заниматься написанием сайта (в верстке я относительно новичок). В своем проекте я использую Twitter Bootstrap и редактор elRTE. И между двумя этими инструментами произошел конфликт, в редакторе стали криво отображаться элементы в jQuery окнах (стили от Bootstrap применились). Вот ссылка на оригинальный редактор (для сравнения), а вот на мой пример с объединением с Bootstrap. Чтоб увидеть разницу, надо кликнуть в тулбаре например на "Изображение" и откроется окно. В моем примере поля текстовые (и не только) будут разъезжаться. Вот меня интересует, как побороть это? И да варианты "взять другой редактор", "отказаться от Bootstrap", "пе…
0 votes4 answers -
проблемы с версткой
Здравствуйте. помогите решить проблему в верстке с скроллом. Нужно что-бы скрол всегда был на черном фоне, и скролился прокруткой мышки(в хроме скролится, в опере фф и ие - нет). буду благодарен за любую помощь. верстка - http://us.ua/945967/
0 votes4 answers -
Overflow и горизонтальный споллер
Добрый день! Есть блок <div>, в нем есть список выстроенный горизонтально. Если у <div> выставить размеры, так, чтобы горизонтальный список не умещался в блок и показать скролы то список сбивается в вертикальный, т.е. появляется только вертикальный скрол, а требуется, чтобы был горизонтальный скрол... В чем может быть проблема? Как можно поправить? <div style="overflow: scroll ; height: 150px; width: 150px; border: 1px solid black"> <ul "list-style: disc outside; padding: 0px 0px 0px 0px"> <li style = "list-style-type: none; display: inline; float: left"> <div style = "border: 1px solid black"><img src="ссылка на картинку 1"&…
0 votes4 answers -
Помогите!
Здравствуйте форумчани! Делал я отзывы на php + mysql... все нормально работает, все отзывы добавляет... Но выводит неправильно. Сайт: http://mmdio.com -- тут все понятно, комментарий выводит не правильно... но на второй странице http://mmdio.com/?showpage=6 нормально ПОМОГИТЕ ИСПРАВИТЬ! заранее спавибо..
0 votes4 answers -
HTML, ссылки, навигация, меню.
Господа, товарищи, друзья! Всех приветствую Сайт простенький создаю, и то не не совсем по своей инициативе, по учёбе. Проблема с ссылками, меню, навигацией, В общем называйте как угодно Имеется вот такое меню, допустим: Как сделать ссылки, с одной на другоую страницу чтобы переход осуществлялся. В корневой папке у меня: index - Главная index1 - Понятие браузера ...и т.д. до index6 Прописал я следующее в каждом из index'ов: <img src=<a href="index.htm">Главная</a><br><br> <img src=<a href="index1.htm">Понятие браузера</a><br><br> <img src=<a href="index2.htm">История браузера</a><br><br> <…
0 votes4 answers -
Разное отображение СSS в браузерах
Доброго времени всем! Переделывал расположение блоков-модулей в шаблоне одном под джумлу... Сделал чего планировал. Но когда проверил отображение в Firefox, то пришёл к разочарованию и удивлению. Данный Браузер вообще не такой как все - по-своему всё отображает. Вот скриншоты: и Не пойму, в чём проблема. Может кто подскажет, какими свойствами CSS надо правильно подвинуть содержимое контейнера, содержащегося между тэгами <fieldset>? Вот ссылка на проектируемый сайт: _http://ideya.spb.ru/ Его нужно открыть в разных браузерах, чтобы увидеть различное отображение блока. Пользуюсь для редактирования позицирования элементов следующими инструментами браузеров: правая кн…
0 votes4 answers -
Ширина DIVa лесенкой
Переделываю дизайн для Wordpress. И появилась проблема. Первая картинка, скриншот того, как есть в ленте сообщение: После перехода на страинцу, что бы прочитать статью полностью выходит это. Проблемный сайт:
0 votes4 answers -
CSS - подключение стилей
Доброго времени суток, Не знаю подходит ли данный вопрос в этот раздел, прошу сильно не ругаться если промахнулся. Верстая шаблон столкнулся с такой проблемой, если можно так назвать, фаил стилей имеет большой размер (большое количество строк), конкретное число назвать не буду, так как все отностительно. Хотелось бы знать, как большой размер файла стилей отражается на работу шаблона/сайта в целом? Имеет ли смысл бить фаил стилей на несколько, и подключать уже их, или это не самая удачная идея? В каких случая такой вариант возможен? И последниий вопрос, нет ли сервисов или прогамм для оптимизации СSS файла?
0 votes4 answers -
Время
Здравствуйте! Подскажите, как сделать часы как на этом сайте, только без двоеточий но с такими же расстояниями? Я уже долго ищу ответ в интернете но ничего похожего найти не могу, то часы в поле для формы, то вообще вершина уродства, а мне нужны именно вот такие. Спасибо за внимание.
0 votes4 answers -
Div Кнопка - ссылка, как быть?
Здравствуйте еще раз.=) Столкнулся с такой проблемой как кнопка - ссылка Div. Вот код: <a href="#"> <div class="button_uznai1"> <p class="button_uznai1_text">Узнай больше!</p> </div> </a> Вот файл css для этого дела: div.button_uznai1 { width:172px; height:41px; background-image:url(uznai2.gif); margin-left:50px; margin-top:30px; display:block; } div.button_uznai1:hover { background-position:0 -41px; } p.button_uznai1_text { font-size:16px; font-family:"Arial Black", Gadget, sans-serif; padding-top:7px; } Вот так кнопка выглядит в браузере: (Нажмите для увеличения) Проблема в том, что мне надо сделать так, что…
0 votes4 answers -
Подлый СSS не потдается
Помогите разобраться плз почему при следующем коде: HTML: <body> <p class="footer_one"> </p> <div class="menu"> <ul> <li ><a href="#">All Clients</a></li> <li ><a href="#">Regions</a></li> <li ><a href="#">Board</a></li> <li ><a href="#">Working</a></li> <li ><a href="#">New Client</a></li> <li ><a href="#">Search</a></li> </ul> </div> </body> СSS body { margin:0; padding:0; } .footer_one { display: table; width: 809px; line-…
0 votes4 answers -
Не работают стили во всех браузерах кроме Chrome
Здравствуйте. Столкнулся со странной проблемой: ни в одном браузере кроме Chrome не работают стили. Проверял в IE8, IE9, Opera, Firefox. Версии браузеров - последние стабильные на сегодняшний день. Пути пробовал указывать и абсолютные и относительные: "css/changeGoods.css", "http://192.168.204.83/pos/css/changeGoods.css" и даже так "Z:\home\192.168.204.83\www\POS\css\changeGoods.css" (но так даже в Хроме не работают). html-страничка лежит в каталоге http://192.168.204.83/pos/, css в http://192.168.204.83/pos/css/. Помогите разобраться с данной проблемой. Прилагаю код странички и код css. html: css: PS: На кривой код и несоответствие стандартам не смотрите если это напря…
0 votes4 answers -
Отсутствует скролл на сайте в IE8
В IE8 отсутствует скролл на стринице, хотя при уменьшении масштаба видно оставшуюся часть страницы. В средствах разработчика показывается, что код загружен полностью. http://savepic.su/2857811.htm http://savepic.su/2849619.htm В IE7 и IE9 скролл присутствует, но страница не подгружается полностью. http://savepic.su/2841427.htm сайт www.vodoley.pro
0 votes4 answers -
Проблемы с IE 8
Всем доброе время суток. Я набрал следующий код: HTML <body> <div class="header"> <a href="#"> <img src="images/logo.png" alt="internationa"</a> <ul class="menu"> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Patners</a></li> <li ><a href="#">About us</a></li> <li ><a href="#">Contacts</a></li> </ul> </div> CSS body { margin:0; paddi…
0 votes4 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-