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
29542 questions in this forum
-
Есть ли у кого такой рецепт?
Друзья, не обращался бы к Вам по вопросу легко разрешаемому(хотя кому как). Дело вот в чем. Кликая по ссылке вы попадаете на другую страницу и эта страница начинает просматриватся с верху. Вопрос. Можно ли сделать так чтобы просмотр страницы после ее открытия начался с определенного места?
0 votes9 answers -
Фон страницы по центру
Добрый день! Верстаю страницу из PDS файла, размер тела задал жестко. На некоторых сайтах (к сожалению не помню на каких, помнил бы - сам бы посмотрел) видел, на больших мониторах фон продлевается за границу тела страницы (по ширине). Это нужно делать фоном, а содержимое ставить по центру (нужно, чтобы при изменении разрешения цент фона не двигался относительно центра страницы (в горизонтальной плоскости)), или же добавлять элементы с картинками по боках, которые будут равномерно отсекаться (и слева и справа) при изменении разрешения.
0 votes2 answers -
Можно ли убрать гламурный скроллинг в iPad?
Делаю страничку для iPad-а, не простую, а для спецприложения (будет открываться в спецокне браузера без элементов управления). Гарантированно вписывается, скроллинг не нужен и при обычных условиях не появляется. Но если "качнуть" страничку пальцем вверх или вниз, она "оттягивается" в фирменной айфоно-айпадской манере (край будто "отрывается" от края окна, обнажая "подложку холста", потом плавно подъезжает к ней обратно). Можно ли это как-нибудь задизейблить? Прямого способа (а-ля <meta name="viewport"> для фиксации масштаба и размера) не нашел. Пока единственная идея — попробовать добавить что-то типа ontouchmove="return false" на <body>, но боязно, не убьет л…
0 votes2 answers -
Рамка блока
помогите разобраться с рамками для блоков, интересует вариант как на главной странице сайта как выглядит код в css и Html? может где есть готовые подобные примеры, подскажите.
0 votes10 answers -
Обучение html, css, js.
Здравствуйте! Есть цель стать неплохим верстальщиком. =) На сколько я понимаю для этого необходимо овладеть как минимум html, css и js. (если я не прав - поправьте пожалуйста) Суть вопроса в том: какие источники вы посоветуете чтобы достичь определённого уровня в вёрстке и оформлении web-страниц? Заранее благодарен. p.s. как мне показалось, раздел вполне подходит для такого вопроса. p.p.s. начальные знания в html есть. =) (могу сверстать простенький сайт) Спасибо за уделённое время!
0 votes11 answers -
IE 7-8 PIE border-radius и first-child
Доброго всем времени суток. Помогите пожалуйста решить такую проблему. Итак есть меню , у меню есть заголовок, этот заголовок сделан при помощи first-child первому li в ul , там же используется css 3 PIE для border-radius в IE. Chrome , Opera , FF как всегда нормально, но в IE7-8 заголовок просто пропадает. Дать заголовку zoom:1; position:relative; пробовал ul тоже . Всем его родителям тоже. Не помогает. Блок появляется в обоих IE если убрать border-radius. Сделать заголовок png или просто убрать его в div конечно можно. Но хотелось бы найти решение проблемы. Код: <ul class="left_menu"> <li>Наши услуги</li> <li><a …
0 votes4 answers -
Адаптивный дизайн
Доброго времени суток, знатоки! Создаю сайт с адаптивным дизайном с использованием @media. Подключаю стили для разных разрешений экрана. Стили, в принципе, одни и те же, меняются лишь значение у width, height, font-size, margin и padding. Подключаю так: <link rel="stylesheet" type="text/css" href="styles/style.css" /> <link media="only screen and (max-width:1650px)" rel="stylesheet" href="styles/style_1650.css" /><link media="only screen and (max-width:1560px)" rel="stylesheet" href="styles/style_1550.css" /><link media="only screen and (max-width:1450px)" rel="stylesheet" href="styles/style_1450.css" /><link media="only screen and (max-width:13…
0 votes4 answers -
Короткая запись свойства font
Добрый день Уважаемый саппорт. Моя проблема заключается в следующем: когда я пишу свойство font короткой записью, и в ней указываю значение свойства line-height: множитель указываю, в пикселях или в др. величинах, браузер все правила сбрасывает в ноль, т.е как будто я не прописывал никаких css-свойств. Но когда расписываешь полностью все свойства текста, без короткой записи - line-height срабатывает. Если одновременно, между { } скобками прописываешь отдельно line-height: со значением и следующей строкой пишешь короткую запись font, не указывая при этом значения этого свойства, т.к это свойство было указано выше, то браузер применяет все правила указанные в короткой запис…
0 votes4 answers -
Изменить размер и перенести на правую сторону
Не могу изменить размер и перенести меню на правую сторону. Сейчас это выглядит вот так а хочется вот так (сделано в фш) с цветами я и сама разберусь, а как поставить правильно не понимаю. (Типо код) <html> <head> <meta charset="utf-8"> <title>Цветочный салон: Мираж</title> <style> hr { border: none; background-color: #CD5C5C; color: red; height: 3px; } </style> <style> #navbar { margin: 0; padding: 0; list-style-type: none; border: 2px solid #FF00FF; border-radius: 20px 5px; width: 5…
0 votes4 answers -
Перенос в титлах
Рад приветствовать общество, после недолгой вынужденной паузы! Вот подскажите пожалуйста, возможно ли как нибудь организовать перевод каретки в титле: <span title=Тег или тэг: от английского Tag (бирка): специальный набор символов, описывающий характеристики текстовых и других объектов. style='color:#3300CC; cursor:help'> тег</span> nr не работают. А у Гугла как то получается. Или нужно отдельный скрипт сочинять? PS. Как же все таки правильно, тег или тэг? Спасибо.
0 votes6 answers -
Postition absolute IE6 для em
Есть такая конструкция <div class="ml-div"> <a href="http://joos_rc1.ru/" title="Главная" class="mainlevel-1" > <em>Главная</em> </a></div> Для нее CSS a.mainlevel-1 { display:block; width:81px; height:22px; margin:0 auto; padding-top:89px; text-align:center; color:#9f1200; position:relative; background:url(../images/topmenu_1.png) center top no-repeat;} a.mainlevel-1 em { font-style:normal; position:absolute; display:block; width:140px; height:18px; left:-30px; text-decoration: none; } a.mainlevel-1:hover em { font-style:normal; background:url(../images/topmenu_hover.png) center top no-repeat;} Во всех браузерах н…
0 votes4 answers -
Верстка слоями. Ошибка.
Помогите, пожалуйста, разобраться где ошибка и как исправить. При верстке появляется отступ показанный на скриншоте стрелкой... не могу понять как его убрать... Скриншот: HTML: <div class="main"> <div class="col_left"> <div class="blocknews"> <div class="top"><b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b></div> <div class="cont"> <h1>24 сентября 2009</h1> <span>Добавлено <a href="#">ссылка</a>. <br /> Здесь будет обзор последних ново…
0 votes5 answers -
JW Player
Подскажите, пожалуйста, никак не могу установить данный плеер. Делаю все по инструкции http://www.longtailvideo.com/support/tutor...on-Instructions , все необходимые файлы точно находятся в нужной папке и пути к ним прописаны верно. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <p id='preview'>The player will show in this paragraph</p> <script type='text/javascript' src='swfobject.js'></script> <script type='text/javascript'> var s1 = ne…
0 votes3 answers -
Использую фильтр для png и перестают работать кнопки
Использую в CSS фильтр для IE для отображения прозрачного png: #cont .fon{width:800px; height:675px; background:url(/img/cont.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none;} Также на этот фон помещаю кнопки: <div id="cont"> <div class="fon"> <a href="/">Декоративные краски</a> </div> </div> В мазиле все Ок, а в IE эти кнопки перестают работать. Убираю из стилей: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none; все работает, но прозрачности нет. Подскажите советом как обойти баг?
0 votes5 answers -
Фон на всю ширину
Доброго времени суток, товарищи. Есть вопрос: как растянуть фоновое изображение на всю ширину экрана? Как это сделано, например, на lostfilm.tv? Направьте, пожалуйста, хотя бы в какую сторону копать.
0 votes4 answers -
Абсолютное позиционирование лишь по вертикали
Здравствуйте, форумчане. Нужна Ваша помощь в одном вопросе. Буду очень благодарен за совет... Мне необходимо создать меню, чтобы оно было вроде как абсолютно позиционированно, но не совсем... Дело в том, что если абсолютно позиционировать меню относительно левого края, на маленьких мониторах оно будет залазить на контент, который расположен по центру, а на больших - будет далеко от контента, то есть близко к левому краю окна браузера. Нужно чтобы меню находилось в пределах колонки таблицы (по горизонтали). А по вертикали - бегало при скролинге... Вот здесь это хорошо реализовано http://www.samsung.com/ua/consumer/tv-av/t...&returnurl= Там меню размещено не относительн…
0 votes7 answers -
рейтинги +1/-1
На многих сайтах для статей, комментариев и даже на форумах есть кнопки +1/-1 или нравится/не нравится. Это влияет как-то допустим на ту же выдачу поиска по сайту, если будет найдено две подходящие темы, но в одном случае будет +300, а во втором +2, то значит первая тема будет стоять первой в выдаче? Или это просто делается для красоты, чтобы было видно активность пользователей которым лениво писать коммент и проще поставить +1/-1?
0 votes8 answers -
проблемы с валидацией css в адаптивной верстке.
Имеются встроенные в основной css файл media queries: @media screen and (min-width:200px) and (max-width:1024px) @media screen and (min-width:200px) and (max-width:980px) @media screen and (min-width:200px) and (max-width:768px) @media screen and (min-width:200px) and (max-width:600px) @media screen and (min-width:200px) and (max-width:480px) При валидации сss нет ни одной ошибки!Кроме этих двух: 1.Ошибка разбора @media screen and (min-width:200px) and (max-width:875px) { #header{ font-size:10pt; } .gallery{ position:absolute; top:120px; right:70px; } } 2.Ошибка разбора @media screen and (min-width:200px) and (max-width:620px){ #navig ul{ margin:0; } ul.nav li{ float:…
0 votes8 answers -
Адаптировать картинку на background
Здравствуйте! Прошу помочь, если кто-то знает: Есть элемент section, хочу поставить картинку на фон. Картинка большая и получается, что на фон помещается её часть. Можно ли сделать так, чтобы она ужималась в размеры блока? height:900px; background-image:url("wowmop.jpg"); background-size:100%; background-repeat:no-repeat; background-position:center center; схематично изобразил примерно):
0 votes3 answers -
Проблема с ИЕ 6 и 7 в Дивах
Не знаю как сделать так, чтобы в ие 6 и 7 нормально тянулся див, который отвечает за показ заколки. В опере и фф нормально отображается и тянется именно так, как надо. Вот тут архив с хтмл ксс и картинками http://xs2000.narod.ru/123.rar Может кто сможет помочь. Или вот код, если и так будет понятно: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Магазин</title> <link href="copy Untitled-2.css" rel="stylesheet" type="text/css" /> </head> <body> <…
0 votes3 answers -
Меню выбора select
Подскажите пожалуйста как полностью скрыть меню выбора select
0 votes6 answers -
Конфликт float и блоков
Попыталась искать похожую тему что-то не получилось Есть такой html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lagn="ru"> <head> <title></title> <META http-equiv=Content-Type content="text/html; charset=windows-1251" /> <META name="keywords" content="" /> <META name="description" content="" /> <LINK REL="stylesheet" TYPE="text/css" HREF="_css/style.css" /> <LINK REL="SHORTCUT ICON" HREF="http://site.ru/favicon.ico" /> <script type="text/javascript" src="_css/jquery-1.js"></script> <…
0 votes5 answers -
Оцените верстку sportereestr
Всем привет не могу создать тему в ветке обсуждение работ поэтому напишу здесь оцените пожалуйста верстку, ткните на ошибки что бы нужно подправить. http://www.temp.sportreestr.ru/temp/ - это пока верстка, ссылки работают. Пока идет встройка сайта на движек.
0 votes7 answers -
Не могу справиться с IE6
Вот как выглядит страница в IE8 Так выглядит в IE6 Помогите, плиз, разобраться с этой кроссбраузерностью. +В opera при увеличении страницы появляются не желательные просветы. Разобраться бы из-за чего такое происходит? HTML <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style…
0 votes7 answers -
Как мне растянуть среднюю таблицу?
Только учусь верстать. Взялся сверстать учебный макет... Помогите правильно растянуть среднюю таблицу...не знаю что делать...она не тянется...все мозги вынес...прописать жестко height по условию задания нельзя...надо, чтобы все эффективно тянулось как в ширину, так и в высоту... Люди добрые, если кому не тяжело...подскажите начинающему... <!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" lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Премия "Серебряное копытце". Рога и копыта…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-