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
-
Менюшка работает только в firefox и Safari ((
Ребята помогите, ибо уже завязался с этой темой а решить вопрос не могу. Есть сайт, там менюшка состоит из 4 кубов при навидении они вращаются. но это работает только в Firefox и Safari.Помогите. Пример брал отсюда http://pcvector.net/scripts/layout_and_interface/338-effekt-vraschayuschegosya-kuba.html
0 votes11 answers -
Снова рендеринг шрифтов
Вот я не пойму - то ли я дурачок то ли глаза меня обманывают. Два компьютера. Одинаковая операционная система (Windows 7, с одного носителя установленная) обновленная. Одинаковые браузеры и дополнения (Firefox 26 к примеру). ClearType включен и там и там. Однако в одном (№1) я вижу шрифт вот так (обратите внимание на "e"): А в другом (№2) - вот так: Это в общем, во всех браузерах. Ан нет, IE10 на №1 показывает "e" с горизонтальной полкой.. Почему так? Можно ли этого избежать? Если у меня есть такой эффект (отсутствие горизонтальной полки у "е"), то есть вроятность появления у других - процент вероятности мне не известен. но думаю, он большой. P.S. И да, у себя…
0 votes3 answers -
Правильное оформление HTML и CSS
Уважаемые форумчане! Подскажите ОФФЛАЙН инструмент для красивого оформления документов(и правильного!). Html в первую очередь,но еще бы CSS с PHP желательно,да и Java
0 votes5 answers -
Не работает кнопка
Здравствуйте! Я учусь в 8 классе. В 9 классе у нас будет по ИВТ пару тем связанных с html. Меня это заинтересовало и я решил изучить html. Мне понравилось) Я начал делать страницы и пока обходился без кнопок. Но вот решил сделать "Анкета гостя сайта". Сделал всё по учебнику 9-го класса 2004 года автор: Угринович. Сделал АБСОЛЮТНО всё так, как там показано, но вместо кнопки поле, в котором написано "отправить". Вот можете сами попробовать "нажать" на эту кнопку http://normylik.cf/faq/anketa.html (все ссылки указанные на сайт не действительны, так как вместо домена .ru купил другой для сайта, который я создал месяц назад с помошью движка на пхп). Спасибо.
0 votes20 answers -
Проблема с CSS
Как сузить фон у анонсов. Здесь все в порядке - http://mordovia-sutochno.ru/poisk2 Здесь - нет нижней тени у ячейки - http://mordovia-sutochno.ru/article/kinoteatri Она обрезается. Тень должна быть сверху и снизу.
0 votes4 answers -
Внешний вид input type=text
Здравствуйте. Посоветуйте начинающему программисту. Не подскажите как в FireFox'е (наверное через CSS) сделать так, чтобы внешний вид текстового поле input type=text и поля ввода пароля type=passw был такой же как Google Chrome?
0 votes1 answer -
Отменить skew
http://jsfiddle.net/Zverushka/ZS3Y4/1/ Как видите отмененные трансормации для внутреннего слоя все равно его искажают - текст стал уже (как и сам слой видимо). Как отменить вот эти 2 трансформации для ребенка нормально? Как мне удалось сейчас понять - нужно отменять трасформации в порядке назначения (обратном). Вот такая конструкция уже прекрасно работает: http://jsfiddle.net/Zverushka/ZS3Y4/3/ Но как вы можете заметить skew(20deg, 0) skew (0, 20deg) - не тоже самое, что и skew(20deg, 20deg); (ромб не идеальной формы получился). Как же мне оставить ромб нужной формы и в то же время провести обратную трансорфмацию?... Я попробовала сгенирировать матрицу - но результат…
0 votes1 answer -
Изображение по текущемему размеру экрана
Привет друзья. Использую модуль jquery.cross-slide.js для плавной замены фона но изображения скачут по размеру, вызывая скролл и отступ от верха и левого края на 30 px В чем может быть дело вот html <head> <meta charset="windows-1251"> <title>ghjghj</title> <meta name="description" content="567567"> <!-- <link rel="stylesheet" href="demo.css"> --> <link rel="stylesheet" href="cross.css"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="js/jquery.cross-slide.js"></script></head><body><div class="bg_sli…
0 votes2 answers -
Обрезается фон
Добрый день. Имеется следующая структура: <header class="header"> <div class="header-inner">.....</div></header>.header { background-color: #727171;}.header-inner { width: 1470px; margin: 0 auto;}Пример в песочнице http://jsfiddle.net/xDyfP/, в фулскрине почему-то воспроизвести не удалось, смотрите в окне результата, прокрутите горизонтальный скрол. Вопрос. Почему при масштабировании фон родительского блока не растягивается? Ведь у родителя не указанна ширина, т.е. по факту он должен растягиваться на всю ширину, так и происходит в нормальном виде, но стоит изменить масштаб, как родительский блок обрезается по изначальной ширине области просм…
0 votes1 answer -
Проблема с выравниванием текста
Всем привет. http://test.premier96.ru/main.html Кто-нибудь может объяснить, почему в верхнем меню странно отображается текст, если он в несколько строк ?
0 votes6 answers -
Оцените верстку HTML5 и CSS3
Мир вам форумчане, просьба оцените верстку ваша мнение особенно о коде http://versttestter.eu5.org/
0 votes6 answers -
Наложение цвета на фон
Приветствую ребята. Подскажите как мне поверх картинки наложить цвет с прозрачностью. html { background: url(../img/bgimg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}Хочу поверх этого фона положить цвет с прозрачностью 95% rgba (44, 62, 70, 0.95)Перепробовал разные варианты и ничего не получается. Подскажите как проще сделать ? Спасибо.
0 votes2 answers -
Ширина и высота страницста!
Здравствуйте! Сайт http://apriori-chic.ru/ Пытаюсь сделать, чтоб страница была не выше размера фона (там градиент), но в меньших по высоте метериалах была по их высоте. Прописываю блоку pole height: 100%, max-height: высота фона - не получается. Подскажите, пожалуйста!
0 votes9 answers -
Помогите разобраться с примером всплывающего окна
Пример реализован вот так: http://jsfiddle.net/vend3tta/SE4tS/ по ссылке всё работает, пробую реализовать сам - не работает Вот код html файла: <!DOCTYPE html><head><title>CSS3 Javascript</title><link rel="stylesheet" href="css/style.css"><script type="text/javascript">p = $('.popup__overlay')$('#popup__toggle').click(function() { p.css('display', 'block')})p.click(function(event) { e = event || window.event if (e.target == this) { $(p).css('display', 'none') }})$('.popup__close').click(function() { p.css('display', 'none')})</script></head><body><p><input type="button" value="Popup!" i…
0 votes7 answers -
Шапка не на всю ширину окна.
Шапка сайта не растягивается. Ни в каком браузере. Код шапки: <img src="images/head.gif" alt="Header" width="100%" height="100%"/> Пробовал выставлять в пикселях - слева отступ остаеться, справа уходит за окно браузера. Помогите, обьясните новичку в чём дело
0 votes9 answers -
Межстрочный интервал
Нужно сделать веб страницу по образцу: У меня же получается следующее: Нужно уменьшить межстрочный интервал, в соответствии с образцом. Попробовал задать его через тег line-height во внутреннем листе стилей, но он воздействует на текст не так, как надо: при его использовании меняется межстрочный интервал, но строки, на которых содержатся подстрочные и надстрочные индексы (3я и 4я строка абзаца) продолжают отстоять друг от друга на расстояние большее, чем их соседи без индексов (1я и 2я строка), что не соответствует образцу. Как еще можно исправить этот недочет? И да, не знаю важно это или нет, но образец - это вордовский документ, а не веб-страница.
0 votes6 answers -
Вертикальный текст в таблицах
Здравствуйте, как вы знаете, в таблицах всегда текст записывается горизонтально. Но как его записать вертикально? Нельзя использовать ничего кроме css. Разумеется, текст может быть любой длины. Можно ведь повернуть на 90° текст? Спасибо огромное тому гению, что подскажет отгадку.
0 votes5 answers -
Как разместить фон с отступами и с repeat
Здравствуйте! Помогите пожалуйста разместить фон top_menu.png для кнопки background-image: url(top_menu-l.png), url(top_menu-r.png), url(top_menu.png); background-position: top left, top right, left 5px right 5px; background-repeat: no-repeat, no-repeat, repeat;
0 votes4 answers -
Как можно сделать клик по фону?
Есть блок с текстом и фоновым изображением. Вот пример http://jsfiddle.net/mGW6E/ Как можно отследить клик именно по фоновому изображению? Не по тексту и не по пустому месту, а именно по фоновой картинке?
0 votes11 answers -
Странная анимация цвета
http://jsfiddle.net/Zverushka/D2x4y/ Вы можете заметить, что при анимации цвет сначала становится темнее, а в конце анимации светлее - почему?
0 votes11 answers -
Подскажите как реализовать такую форму
Вот как выглядит эта форма http://i.imgur.com/PdC14Rk.png Необходимо чтобы при нажатии на в корзину выбранное значение передавалось другой странице. Как это можно реализовать?
0 votes5 answers -
Про background и спрайты
Всем привет, что-то туплю, скажите, правильно ли понимаю, что спрайты получится использовать только если мы задаем ширину и высоту объекта на странице и фоном на весь этот размер накладываем часть спрайта, равную этому размеру, позиционируя его с помощью background-position ? Т.е. в случае, если мы просто накладываем на кнопку файл с картинкой (не спрайт, а именно отдельный файл), позиционируем его 0% 50% к примеру (с левой стороны посередине), а для свойства :hover подкладываем уже другой файл по такому же принципу - в этом случае каким-то образом эти два файла в спрайт собрать получится ? Надеюсь понятно объяснил
0 votes1 answer -
Помощь по форме поиска
Помогите разобраться с формой поиска на сайте vesti.bg. Подскажите чем реализован эффект увеличения поля. Если за счет скрипта, то укажите где он находится в исходном коде и как правильно подключается. Спасибо!
0 votes1 answer -
Помогите справиться с центрированием в диве, ну никак...
Ребят, испробовал уже кучу методов, не пойму что мешает... Вот сайт: http://testwp.sysrtfm.ru/ на розовом фоне меню, хочу его элементы разместить по центру, по горизонтали... Если не сложно посмотрите плз. Буду признателен
0 votes2 answers -
CSS изображение накладываться на другое
изображение накладываться на другое, но мне нужно наоборот! перепробовал все что можно было, помогите.. файлы <a href="#"> <div class="b_send"> <span class="b_send2">Отправить заявку</span> </div></a><div class="red"></div> .b_send{ padding-top: 6px; overflow: hidden; background: url(../images/button_send.png) no-repeat; width: 132px; height: 31px; font-size: 12px; font-style: italic; color: #000; text-align: center;}.b_send2{ border-bottom: 1px dashed #000000;}.red{ background: url(../images/red.png) no-repeat; height: 80px; width: 80px; margin-top: -52px; margin-left: 16px;}
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-