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
-
вертикальное выравнивание в input
Всем привет. Такой вопрос как в ие выровнять по вертикали текст в инпуте. Код такой: <div class="searchResort"> <div style="width:158px; margin:0 auto;"> <form method="GET" action=""> <input type="text" id="searchResort" class="formSearchResort" value="Название курорта" onfocus="this.value = '';" onblur="if (this.value == '' || this.value == ' ') this.value='Название курорта' ; "> </form> </div> </div> ЦСС: .searchResort { background:#e5e5e5; height:33px; margin: 0 auto; } .formSearchResort { width: 138px; height: 33px; background:#e5e5e5 url('../img/formSearchResort.png') no-repeat; padding:0 10px 0 10px; border: none…
0 votes4 answers -
Кнопки, меняющие фон сайта
Здавствуйте.. Помогите плиз: на каком-то сайте видел следующее: есть 3 кнопки( серая, зеленая и синяя). При нажатии на серую фон сайта становится серым; на зеленую - зеленым и.т.д. как это сделать?
0 votes18 answers -
проблема с масштабирование swf
Делаю "резиновую" страницу на которой есть флеш. Масштабирование флеша должно происходить с уменьшением размера окна браузера. НО с масштабированием есть проблема - появляются чёрные полосы сверху и с низу, хотя само изображение масштабируется нормально. Как сделать нормальное масштабирование, т.е. что бы с уменьшением изображения уменьшалась и область отображение, а не заполнялась чёрным? Код HTML: <head> <link href="style.css" rel="stylesheet" type="text/css"> <link href="media-queries.css" rel="stylesheet" type="text/css"> </head> <body> <div id="pagewrap"> <header id="header"> <div class="top_flash"> …
0 votes12 answers -
Див, залазиющий на див
Здравствуйте! Подскажите пожалуйста как сделать слой, который будет поверх первого слоя и на всю ширину первого слоя? У меня имеется первый слой - - он включает в себя все слои. А мне нужно сделать еще один слой, который бы был поверх этого слоя и не влиял бы на первый (я хочу сделать эффект затемнения по правому краю страницы)..page-container { width:99%; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em; }
0 votes14 answers -
Странный баг в ие 6 и ие7
Народ всем привет, еще с одной проблемой столкнулся, взгляните http://shinoda.ru/verstka/default.htm, у блока #left_menu_block есть отступ сверху в 40 пикселей, все браузеры кроме седьмого и шестого ие показывают этот отступ (ие8 показывает нормально). Что за странный баг обьясните плз???
0 votes31 answers -
Вёрстка
Доброго времени суток! Подскажите пожалуйста новичку,какой нибудь простой psd макет для того,что бы с него сверстать страницу, нужен именно простой что бы научиться ну и разумеется советы какие нибудь,если таковые имеются,заранее благодарен!
0 votes22 answers -
Значение отступов взависимости от разрешения.
Подскажите, можно ли как нибудь так прописать в css чтобы значение отступов для браузера различалось при разных разрешениях монитора, Например: чтобы для 800х600 равнялось нулю, а для 1024х768 и выше = 3%. Или без скриптика тут не обойтись?
0 votes10 answers -
Прозрачный iFrame
Прозрачность iFrame реализована через CSS: body {background: url(bg.jpg) no-repeat center center fixed; background-size: cover;} iFrame {width: 79%; height: 87%; background-color: #000000; color: #ffffff; margin-top: 1%; opacity: 0.6;} Проблема в том, что кроме фона прозрачным становится всё содержимое. Возможно ли сделать прозрачный фон, с непрозрачным содержимым, но самое важное, чтобы background-color оставался чёрным? Пытался решить проблему с помощью js (динамическое изменение свойств), но слабые познания не дают продвинуться. Заранее спасибо.
0 votes3 answers -
Как перевести посетителей с одного сайта на другой?
У меня на яндекс народе есть сайт. Недавно я перенесла этот сайт на платный хостинг. Скажите, пожалуйста, можно ли посетителей сайта, который размещен на народе, перенести на сайт на платном хостинге? Если да, то как?
0 votes19 answers -
Помогите подправить вёрстку.
Помогите подправить вёрстку. Проблемы следующие: 1) IE - появляются белые полосы между блоками, как их убрать? 2) Opera - надпись "Главная страница" съезжает куда-то вверх, как можно исправить? В Firefox всё работает нормально, как видно, из представленных ниже скриншотов. Хотелось бы знать, что не так. Спасибо за советы. Скриншот 1 (IE) – http://s47.radikal.ru/i115/0910/96/3c9ce071ae30.jpg Скриншот 2 (Opera) – http://i035.radikal.ru/0910/04/f28d7326135f.jpg Скриншот 3 (Firefox) – http://i042.radikal.ru/0910/54/7b98114dede9.jpg P. S. Вёрстку делал не я. Это бесплатный шаблон для Joomla, который потом будет исправляться, но пока возникли описанные выше проблемы.
0 votes15 answers -
Проблема с изменением цвета кнопок и фона в wordpress
Добрый день! У меня возникла проблема с изменением цвета кнопок главного меню на сайте http://aoe9map6.beget.tech/ Ссылка на скрин - http://rgho.st/8n7Mb7F4c Скрин 2 - http://rgho.st/6ltWqhXKD Сайт сделан на движке wordpress. Главная проблема - не могу через встроенный в вордпресс редактор "style.css" найти эти параметры color (именно для цвета меню и кнопки поиск), которые нужно поменять на свои. ( К примеру color: #626668; просто заменить на color: #4c66a4; ) Цвет кнопок нужно сделать красные (вместо черных), и кнопочку поиск тоже красную.. цвет шрифта кнопок синий (вместо белого). Чтобы было понятней на скрине все показано. Тема word…
0 votes5 answers -
Как прибить слой по горизонтали? (+++)
Добрый день. Cайт отрисован и отцентрован по середине. Пробую пихнуть флэш-менюшку в слой, что-бы она нормально залезала на другие элементы сайта - получается. Но! По вертикале я задаю абсолютное значение (top:40px;) и оно попадает, но по горизонтале такой фокус не получается, т.к. сайт отцентрован и в разных разрешениях экрана меню появляется в разных местах (ползает по горизонтале). Собственно вопрос в том, можно ли решить эту проблему - например как-то привязать горизонтальное значение к какой-то табличке или т.п.? Можно в живую посмотреть тут - http://www.mcmotors.ru/cars_chevrolet.php Thx.
0 votes4 answers -
проблема со слоями в IE6+
Буду очень признателен в оказании мне помощи, т.к. я только начинаю осваивать азы верстки... Пробую настроить шаблон VM на Jooml`e. Увеличил шаблон мини изображения, картинка увеличилась но текст справа наезжает на нее. Поправил красные поля, в Firefox все выглидит так как надо, а в эксплорере текст поверх картинки и в высоту длина не увеличивается. float: left пробовал добавлять к картинке... #product_list>div { /*Оформление "квадрата" с информацией о товаре */ border-right:1px #E5E5E5 solid; background-image:url("../images/t1_bottom.gif"); background-repeat:no-repeat; background-position:0 100%; margin-top:1em; margin-bottom:2em; margin-left:10px; margin-r…
0 votes6 answers -
Вертикальное выравнивание
Всем доброй ночи, а ситуация следующая: Есть вот такое вот меню: http://psywalker.ru/Forum/vert.png Сделано оно таким образом: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none;} ul { text-align: center;} ul li { width: 110px;} ul li { display: inline-table; vertical-align: middle;} </style> </head> <body> <ul> <…
0 votes9 answers -
Макет для верстки начинающим
Приветик всем, решил поделится с форумчанами макетом для верстки. Начинал верстать сам с макета райра, искал по инету еще макеты но там их очень мало, вот макет более сложный чем райра на радость новичкам Особенности верстки. Резиновая верстка, Минимальная ширина 1024px, Три блока с картинками должны быть полупрозрачными и тянущимися Вот ссылка на psd http://www.rehabsensory.ru/maket/roza.psd
0 votes9 answers -
Div в таблице.
Добрый день. Есть таблица (русунок1). надо сделать вот так: Что имеется ввиду: Ячейка 1 это 2 объедененных строки в одну, позиционирование центр центр, 2 отдельная строка, позиционирование лево центр, 3 так же как 1. Хочу сделать градиентную границу между двумя одинаковыми вертикальными блоками, как на рисунке 2. Для этого создал стиль: .s_gft { padding:7px 0 0; background: url(../images/gradient_for_table.png) repeat-x;} } При этом в таблице вставляю его после TD, например <tr height="20"> <td height="20" style="text-align: center;"><div class="s5_gft"></div>1</td> <td width="658px" colspan="2"> <div class="s5_gft"></div&…
0 votes3 answers -
Резиновый сайт
Есть шапка размером 1024Х180px Хочу сделать чтоб шапка при больших разрещениях увеличивалась ,а при уменьшении экрана на 700-800 пикселей ,чтоб появлялась во всех браузерах полоса прокрутки, чтоб нормально показывалось на всю ширину на экранах 15,17,19,22 дюйма. Подскажите как, код пробный. Проблема в том, что у меня не появляеться полоса прокрутки при уменьшении окна браузера на меньше 800 пикселей в браузере ИЕ, там и 900 и 1000 пикселей, полоса появляеться. А в др. браузерах аообще не появляеться при уменьшении на меньше 800 пикселей. Хочу чтоб на всю шрину было в экранах размером 15,17,19,22 дюйма. Подскажите как в моём коде правильно написать. Заранее благодарю за …
0 votes26 answers -
Элементы форму в одну строчку
Прошу помочь. Делаю форму подписки на сайт, взял стандартную фидберневскую, но хочу подкорректировать - чтобы и подпись, и поле для текста, и кнопка были в одну строчку и сидели ровно по горизонту. Но никак не получается. Может быть такое, что дело в стилях сайта? Вот код без ненужных атрибутов: <form style="border:1px solid #ccc;padding:3px;text-align:center;"> <p>Enter your email address:</p> <p><input type="text" style="width:140px" name="email"/></p> <input type="hidden" value="odnivputi" name="uri"/> <input type="hidden" name="loc" value="ru_RU"/> <input type="submit" value="Subscribe" /> </form> Заранее бо…
0 votes13 answers -
Как размножить элементы в js?
Нужно сделать "Летающие кружочки" которые заполнят страницу на указанную высоту. В настройках скрипта нужно иметь возможность указать высоту и ширину распределения объектов, количество копий. Пример распределения объектов во вложении Элементы сделаны с помощью css Должно быть 4 цвета Заготовка: http://codepen.io/seetvael/pen/GjBmbm Пример сделанный с помощью canvas http://codepen.io/seetvael/pen/eBrgVj Он не подходит, так как нужно чтобы элементы могли быть выше одних элементов страницы (инфо блок) и ниже других (меню). Кроме того в примере элементы движутся только при наведении мыши, а не постоянно. Canvas сильно тормозит. Цвет, размер и а…
0 votes3 answers -
frD-Как сделать, чтоб таблица тянулась по высоте на 100 %
сверстал шаблон для joomla сначало в html, чтоб таблица тянуласть по высоте на 100% и не было отступов от границ броузера. <html> <head> </head> <body> <table width="780" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="539" height="151"><img src="images/1.jpg" width="539" height="151" /></td> <td width="241" height="151"><img src="images/4.jpg" width="241" height="151" /></td> </tr> <tr> <td width="539" height="46"><img src="images/2.jpg" width="539" height="46" /></td> <td width="241" height="46" align="center" background="images…
0 votes1 answer -
ССЫЛКИ МНОГО ССЫЛОК!!!!
у меня на сайте есть похожие ссылки,как мне избежать тупого контрл+це контрл+в
0 votes21 answers -
Анимация градиента
Всем привет. Подскажите, как сделать плавное изменение градиента? Есть код: #change { border-top: 1px solid silver; background-color: #555; color: #ccc; width: 300px; height: 200px; background: -webkit-linear-gradient(top, white, black); -webkit-animation: 'grad' 3s infinite ease; } @-webkit-keyframes 'grad' { from {background: linear-gradient(top, white, black);} to {background: linear-gradient(top, black, white);} } Но он не работает. Пробовал указывать ключевые кадры - работает, но слишком громоздко получается. Может быть есть вариант по лучше? А то раздувать код не хочется, ведь слишком толсто будет..
0 votes6 answers -
Обтекание fixed-блока
Здравствуйте! Подскажите, пожалуйста, можно ли сделать обтекание fixed-блока ( {position: fixed} ), чтобы под него не подлазил текст? И если да, то как?
0 votes15 answers -
Верхний регистр
Здравствуйте! У меня возникла проблема: в одном столбце таблицы необходимо указать площадь в квадратных километрах (км 2). Как мне цифру "2" перевести в верхний регистр? Таблицу делаю в dreamweaver 8.
0 votes14 answers -
сползают блоки при уменьшении окна браузера
я только начинаю учить програмирование, и возникла проблема... http://dropmefiles.com/061578 1 фото когда окно браузера га весь екран 2 фото когда я делаю его меньше... блоки просто сскользают, что делать? или код надо кинуть?
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-