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
-
как задать ширину фона в % через CSS
Подскажите возможно ли задать ширину фона div блока в % через CSS? Прописано через CSS вот так: background:url(i/right.jpg) repeat-y; Интересует как прописать так чтобы этот загружаемый фоновый рисунок растягивался по ширине на всю ширину div блока!:write: Т.е мне надо чтобы фоновый рисунок растягивался по ширине на всю ширину блока и повторялся по вертикали! Ширина естественно в % (под разные разрешения!)
0 votes9 answers -
overflow-x
Я может чего то не понимаю? Я всегда думал что можно прописать overflow-y:visible; overflow-x: hidden; и все выходящие за пределы блока по горизонтали скроется а по вертикали будет видно, оказалось не так, может кто объяснит? <style> .head { height: 300px; width: 700px; margin: 0 auto; border: 1px solid red; overflow-x:hidden; overflow-y:visible; } .in { height: 500px; width: 40px; border: 1px solid red; } </style> <div class="head"> <div class="in">123</div> </div> это выглядит вот так а должно вот так help!?
0 votes9 answers -
transition
Смотрите в чём проблемка. На сайте стоит transition. Он срабатывает для всех браузеров, кроме Firefox ниже 4 версии (беты). Можно ли это как-то обойти? Есть ли какой-то хак, может быть? Желательно сделать это посредством CSS. Мне говорили, что можно это сделать и при помощи JS, но опять же, я не силён в нём.
0 votes9 answers -
Ссылка для проверки отображения сайт в браузерах
Подскажите ссылку, где можно проверить как отображается сайт в разных браузерах и разных версия браузеров. Там вводишь ссылку и потом показываюся скриншоты отображения в разных браузерах. А то я потеряла ссылку, а мне очень надо.
0 votes9 answers -
jCarouselLite интересный вариант и установка
Наткнулся на интересный плагин jQ. Называется jCarouselLite. Решил реализовать такой вариант: При нажатие на картинку из списка, не перезагружая страницы, она открывается там, где на макете расположена основная картинка. Стрелочки ниже реализуют переключение следующей картинки, опять-таки не перезагружая страницы. Плагин jCarouselLite позволяет всё это, но проблема в том, что я вообще не понимаю..даже примерно как реализовать подобное, но очень хотел бы разобраться. Думаю эта тема поможет многим, если её развить!
0 votes9 answers -
Карта ссылок на изображении - помогите
<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 -
Проблема с jQ!
Всем привет! Продолжаю разбираться с jCarouselLite и появился вопросик не большой. Вот ссылка на источник: http://www.gmarwaha.com/jquery/jcarousellite/?#install В самом конце дан код: $(function() { $(".anyClass").jCarouselLite({ btnNext: ".next", btnPrev: ".prev" }); }); а куда его пихать не написано. подскажите куда его пихнуть плз.
0 votes9 answers -
Верстка блока
Добрый день форумчане, сразу говорю что в html и css я чайник, собственно и создал тут тему дабы получить ответ, а не "иди юзай гугл" и "учи учебники". А вот и проблема: Создал я в PS фон блока, разделил его на 3 части и сохранил, создал DIV с классом: <div class="box"></div> затем описал класс: .box{ border:1px solid #000; width: auto; height: auto; margin:10px auto; background:url('../image/Верхняя часть фона.png') no-repeat center top; background:url('../image/Средняя.png') repeat-y center; background:url('../image/Нижняя.png') no-repeat center bottom; } и как я думал у меня получится фон блока соединённый из 3 частей...но к сожалению ничего не вышло...ка…
0 votes9 answers -
Задать стили для скроллинга?
Возможно кто то знает как задать стили для скроллинга в опере и мозиле? Те стили что стоят щас работают только в ие. html, body, #comments_div{ scrollbar-3dlight-color:none; scrollbar-arrow-color:#10090a; scrollbar-highlight-color: none; scrollbar-face-color:#ac9a91; scrollbar-shadow-color:none; scrollbar-darkshadow-color:none; scrollbar-track-color: #20100f; }
0 votes9 answers -
тэг <input>
Всем привет, в чем может быть проблема, в разных браузерах тэг <input> отображается поразному, например для IE.8 size="80" хорошо вписывается в нужное место, но в браузерах Firefox или safari поле становится намного длиннее, если size уменьшить т.е вписать это поле для оперы то в IE оно становится коротким. Что такое может быть и как с этим бороться? Спасибо Код поля: <input type="text" size="80" name="searchstring" id="mod_search_searchword" value="{if $searchstring ne ""}{$searchstring|replace:'"':'"'|replace:"\'":"'"|default:""}{else}{$smarty.const.STRING_SEARCH}{/if}" onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='{$smarty.cons…
0 votes9 answers -
Как правильно делать фавиконки?
Да, вот такой вопрос. До сих пор мне либо доставались готовые фавиконки от дизайнеров, либо же своими силами отправлялась картинка на какой-нибудь сервис вроде favicon.ru. Но правильно ли это? Может есть более прямые способы?
0 votes9 answers -
background-color для a href
<span class="menu-link active" id="ketubot"> <a href="index.php?page=ketubot">KETUBOT | ??????</a> </span> .active a { background-color: #E9D7B3; } Между словами разного направления (rtl и ltr) пробел, только в IE7. Попытка сделать background-color на отцовский блок не увенчалась успехом. Вот ссылка на страничку, меню на верху справа. Есть какие нибудь идеи? Заранее спасибо.
0 votes9 answers -
ширина картинки
подскажите,почему у меня не работает "width=100%" в опере? в мозилле работает,а в опере нет <img src="slog.png" "width=100%" "height=148px"> что неправильно?
0 votes9 answers -
как сделать
Добрый день всем.. нужно сделать чтоб когда открываешь страницу, она автоматически передвигается вниз. ну например к какой то новости, вот видео.. как видите там я сам передвигаю скроллер вниз, а надо чтоб он автоматически.. возможно ли такое? может надо как то верстку монтировать, используя параметр GET ? если да, то как это осуществить? Либо используя какие то java скрипты
0 votes9 answers -
Горизонтальное меню картинками при помощи CSS
Задача сделать горизонтальное меню средствами css, при этом картинки должны менять при наведении курсора. Как сделать ролловер, я нашел: http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Подскажите как при этом сделать горизонтальное меню например из 5-ти пунктов.
0 votes9 answers -
Chrome: проблема с временным отображением hidden слоев
Есть одно выпадающее меню CSS+jQuery. (И сразу: в остальных браузерах различных версий все ок.) Позиционирование смешанное (релатив, абсолют), z-index'ы везде верные (и думаю, причина даже не в этом). В Хроме, после очередного обновления, возникли проблемы в отображением этих слоев: при наведении курсора на пункт, появляется слой, а если курсор убрать, часть слоя остается видимой (но не активной, есс-но). Письмо в саппорт Хрома как в Лету кануло. Картинка релейд: Как лечиться?
0 votes9 answers -
кроссбраузерность
Добрый день друзья! У меня, В общем как и у многих новичков в этой области возник вопрос. Как разрешить проблему кроссбраузерности. Нашёл один сайт http://webering.ru/blog/html_css/crossbrowsers/ здесь написаны хаки. Их надо в head html вставлять? И вообще как разрешить эту проблему. Не показывает сайт в опера и IE. т.к. на сайте своеобразный язык другого государства пришлось в голову вставить таг <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> а вот старый код <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> я стёр ибо тогда буквы в тексте не писались бы моей страны.
0 votes9 answers -
Обёртка с тенью и футер
Доброй ночи. Вчера по совету одного форумчанина я сделал тень у сайта с помощью css стиля box-shadow. Я обернул весь свой сайт в div и дал этому диву стиль. Но сейчас я заметил, что теперь футер не прижимается к низу браузера, что впринципе и логично, но вчера я об этом не подумал. Сейчас я пробовал делать 2 обёртки. Отдельно для wrapper и отдельно для футер, но получается тоже не совсем то, что нужно. Да и видимо это совсем уж искусственный способ. В общем посоветуйте как это можно реализовать. Мне надо, чтобы тень у сайта была и футер прижимался. Вот ссылка для наглядности: http://deluxe-okna.ru/production/index.php
0 votes9 answers -
Вопрос касательно списка
Здравствуйте. В ходе работы над маркерованым списоком возникла следующая ситуация: Есть маркерованный список у которого всего 4 строки, с помощью css я заменил стандартные маркеры на картинки и у каждой строки они одинаковые, а мне нужно, что бы у первой строки списка был маркер одного вида, для второй строки - второго вида и так далее, возможно ли такое усуществить с помощью css? Если возможно, подскажите плиз как.
0 votes9 answers -
проблема с таблицей
Господа подскажите как сделать так чтобы в левой колонке верхний блок и нижний всегда прижисались соответсвенно к низу и верху в независимости от размера контента. Пока получается так но чего то не хватает. <table width="422" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td><table height="100%" width="211" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td height="300"> </td> </tr> <tr> <td height="auto"> </td> </tr> <tr valign="bottom"> <td height="300"> </td> </tr> </table> </td> <td>Text<…
0 votes9 answers -
как передать $_POST[] через select
Что имеем: index.php <form method="post"> <select name="newcat" onchange="self.location.href=this.form.newcat.options[this.form.newcat.selectedIndex].value;"> <option value="">Быберите действие</option> <option value="show.php">показать</option> <option value="hide.php">скрыть</option> <option value="delete.php">удалить</option> </select> <input type="checkbox" name="Del[]" value="1" /> 1 <br /> <input type="checkbox" name="Del[]" value="2" /> 2 <br /> <input type="checkbox" name="Del[]" value="3" /> 3 <br /> <input type="checkbox" name="Del[]" value="4" /> 4 &l…
0 votes9 answers -
Смена изображения при наведении на кнопку формы <input>
Добрый день! Подскажите пожалуйста, каким образом можно сделать смену изображения при наведении (hover) на кнопку формы - input. <input name="search" type="image" src="images/search.gif" class="button" />
0 votes9 answers -
загадочное поведение @media screen (max/min width/height)
Дамы и господа, добрый, последний мартовский день! Столкнулся с следующей траблемой: в <meta /> HTML index: <link rel="stylesheet" type="text/css" media="screen and (max-width: 800px) and (max-height: 600px)" href="css/800x600.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width: 1024px) and (max-height: 768px)" href="css/1024x768.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1152px) and (max-height: 864px)" href="css/1152x864.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width: 1280px) and (max-height: 600px)" href="css/1280x600.css" /> <link rel="stylesheet" t…
0 votes9 answers -
Двойной фон в разные стороны
Здравствуйте! Помогите пожалуйста сделать такое: Может быть, можно сделать 1 фон первые 50%, второй фон - след 50% и будет нормально вроде
0 votes9 answers -
Вопрос по выравниванию
Всем привет. Не могу придумать как так сделать http://s006.radikal.ru/i215/1104/cf/27543fb9d14b.png Сами блоки смог выровнить с помощью margin:0 0 -9999px;padding:0 0 9999px; Картинки то же на одном уровне А вот на скрине видно, что кнопки Купить и цена, расположены всегда внизу. Как такое сделать? Это пример на сайте МТС, в каталоге товаров. Верстка там таблицами+ такая структура, что картинки идут сначала, потом описание и т.д... Т.е. чтобы кнопки Купить всегда располагались внизу. Или тут только через JS высчитывать высоту самого большого блока и делать такую же остальным? Может можно как-то через CSS? Не охота JS пихать. Может кто сталкивался уже с таким? Заранее спас…
0 votes9 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/
-