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
-
Создание шаблонов под сайт и форум
Всех категорически приветствую)) Я далек от сайтостроений и дизайна, но вот захотелось сделать для себя. Просто есть идея создать портальчик, для себя, и выкладывать там стать свои мысли, которые кому то могут пригодится (как например моя разработка для проигрывателя Dune BD которую уже куча народу оценила) Для этого я скачал халявные движки портала и форума MKPortal + SMF конечно там уже все сделанно, все работает, но естественно хочется внести что то свое))) уже сделал и оттестил новые функции (курс доллара, погоды, красивые смайлики и т.д.) но все же есть пара вопросов) так как я ярый поклонник Apple, хочу сделать дизайн в сите Mac OS. на примере уже имеющийся темы для…
0 votes7 answers -
FancyBox переопределяет вертикальный скролл
Есть такая проблема в последней версии всем известного плагина FancyBox когда модальное-iFrame окно всплывает то оно затрагивает вертикальный скролл страницы, на странице много контента и соответственно вертикальный скролл длинный, при всплытии плагин берет и убирает существующий скролл и заместо него просто резервирует скролл без ползунка, у меня на сайте некоторые блоки с position:fixed дергаются изза этого переопределения скролла. Вот привожу ссылку на страницу где можете сами лицезреть мною описанное(нажмите на iFrame). Перепробовал все что знаю в итоге не получается сделать так чтобы скролл страницы вообще не затрагивался и не переопределялся Есть старая версия плаги…
0 votes3 answers -
Как сделать квадратный блок
Помогите сделать квадратный блок с картинками внутри. Проблема в том, что размеры блока должны быть в процентах. Вот пример - http://jsfiddle.net/4cxgzp8t/7/ Вот так должно быть -
0 votes8 answers -
DIV-ка с изображением внутри
Здравствуйте, такой вопрос: Сайт сверстан слоями. На сайте три колонки. Верстка резиновая. В центральной колонке нужно разместить блок (дивку), в которой размешено большое (2000px по ширине) изображение. При этом это изображение должно быть отцентровано в этой дивке. Т.е., если к примеру центральная колонка сайта получилась шириной 800px, то от изображения должно обрезаться справа 600px и слева столько же, а центральная часть отобразится. Это было бы просто сделать, если положить изображение бэкграундом, но вся беда в том, что изображение связано с картой (MAP)? т.е. на изображение есть ссылки. Я попробовал применить к дивке вот такие стили overflow: hidden; text-align: …
0 votes3 answers -
Вопросы про примитивы
В чем сходство синтаксиса заголовков и горизонтальных линий? Для чего служат символьные примитивы?
0 votes1 answer -
Лишние пиксели
Добрый день. У меня проблема с лишними пикселями. Вот пример: Есть блок (строка поиска + кнопка, все это в блоке): <div class="search"> <input name="searchword" id="mod_search_searchword" maxlength="100" alt="search" class="inputbox" type="text" size="15" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" /> <input type="submit" value="Поиск" class="button"/> </div> Задаю стили: (для блока) div.search { height: 21px; } (для строки) .inputbox { border: 1px solid #ccc; font-family: Arial; font-size: 13px; margin: 0px; } (для кнопки) input.button { background: url(../images/search.g…
0 votes4 answers -
Backgrounds
Мне нужна ваша помощь! Мой background задан так: <style type="text/css"> BODY { background: url('22225.gif') /* Путь к файлу с изображением */ link: red; vlik: pink; justify bottom /* В правом нижнем углу окна */ no-repeat; !IMPORTANT/* Нет повторения фона */ margin-right: 200px; /* Отступ справа */ } …
0 votes6 answers -
DIV без фона над другим DIV
<!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" xml:lang="ru" lang="ru"> <head> <title></title> <style type="text/css"> .d1 { position: absolute; z-index: 100; width: 100%; height: 100%; background: none; } .d2 { position: relative; z-index: 50; width: 100%; height: 100%; } </style> </head> <body> <div class="d1"></div> <div class="d2"><a href="">Некликабильно в FF</a></div> </body> </html> В остальных браузерах все нормально работает. в FF же верхний элеме…
0 votes3 answers -
Как всегда ИЕ6 и три колонки..
Есть три колонок Везде все отлично кроме ИЕ6, на 1280 нормально,но стоит свернуть до 1024 и блок navigation наезжает на content Хотя не другом сайте моем же точно так же устроено и нормально все В чем ошибка? html <div id="wrapper"> <div id="wrapper_r"> <div id="content"> <div class="block_proiz"><img src="i/big_img.jpg" height="273px" width="401px"/></div> <p>Жестокая. Красный волк и Серая шапочка.</p> <p>-Ну что, - сказала Красная шапочка волку, - Может, не будем разводить эту канитель про большие уши, большой нос и большие зубы, а быстро с этим закончим?</p> <p>…
0 votes9 answers -
Убрать часть url
http://site.ru/ru/example.html Для смены языка на сайте нужно в адресе например /ru/ заменить на /us/ текущий адрес узнаю так <a id="demo"></a> <script> document.getElementById("demo").href= "http://site.ru/us/" + window.location.pathname; </script> Как получить только последнюю часть url?
0 votes2 answers -
IE 8 не видит ссылок
Я вообще то не фанат кроссбраузерной верстки, и не заморачиваюсь насчет IE6-7 но вот в IE 8 стараюсь проверять. Но с такой проблемой столкнулся впервые. Дело в том, что этот браузер в упор не видит ссылки слева, пока не прокрутишь страницы до конца! Кто нибудь сталкивался с подобным? Если да, то как решить? _http://test.kabushikigaisha.ru/webster/ Вот CSS который к этому относится
0 votes7 answers -
Не растягивается родительский блок
Добрый день. Помогите решить следующую проблему: имеется резиновый шаблон (3 колонки), когда в среднюю колонку помещаю блок который шире её, шаблон не тянется, а этот блок просто выходит за пределы родительского. Как сделать чтобы родительский блок растягивался? Вариант задать min-width не подходит, т.к. на разных страницах может быть разный контент, и он будет или вмещаться в текущую ширину родителя, или тянуть его. <!DOCTYPE html> <html> <head> <title>Layout 1</title> <meta content="text/html; charset=iso-8859-1" http-equiv="content-type"> <meta content="HAPedit 3.1" name="generator"> <style type="text/css"&…
0 votes0 answers -
Сбивается чередование цветов в таблице при удалении некоторых строк
Добрый день! К сути: Есть таблица, в которой применено чередование цветов в четных/нечетных строках: tr:nth-child(2n) td{ background-color: #def;}tr:nth-child(2n+1) td{ background-color: #ddf;}Чекбоксом скрываю часть строк: #check-in:checked ~ * .up{ display: none;}После этого чередовании цветов в строках сбивается. Есть ли какая-либо возможность применить чередование только к тем строкам, которые отображены (т.е. display: table-row) или может есть более простые способы удалить строки с сохранением чередования цветов? Заранее спасибо за советы! html: <input type="checkbox" id="check-up"><input type="checkbox" id="check-in"> <table> <thead&…
0 votes4 answers -
Выравнивание перевернутого текста
Имеется таблица где в шапке из-за длины название необходимо текст перевернуть. Текст перевернул, но он не рационально расположен в ячейке. Как можно сузить ячейку таблицы, текст сделать в одну строку? table { border-collapse: collapse; margin: 0px auto;} td { padding: 3px; text-align: center; vertical-align: middle; } tr > td:nth-child(1), tr > td:nth-child(2) {text-align: left;} tr:nth-child(1) {background: #4682B4 !important; color: #fff; height:200px;} tr:nth-child(1) td {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} tr:nth-child(1) td:nth-child(1), t…
0 votes5 answers -
ПОДСКАЖИТЕ КАК ТАКОЕ СДЕЛАТЬ.
Вот мне надо както внедрить в сайт прокрутку с дальнейшей ссылкой на фотографию.Как это сделать??!!
0 votes5 answers -
Фоновая картинка, 2 способа
Одну и ту же по весу картинку ставим фоном двумя спос: через стили и через тег. В каком сл быстрее загрузка веб страницы? В каких случаях предпочтение нужно отдать одному конкретному спос?
0 votes1 answer -
Фиксированная высота колонки!
Здравствуйте! По объективным причинам (44 ФЗ) у бюджетной организации нет возможности нанять профессионала для поддержки сайта. Все приходится теперь изучать самому (я штатный сотрудник, раньше только тексты писал). Т.е. теперь весь сайт на мне. Поставили задачу по сайту, которую я не знаю как решить, помогите советом, буду крайне благодарен. Суть вопроса: Есть сайт, выглядит сейчас он примерно так: Вот ссылка, если что: http://www.ophmao.tmweb.ru Это "сайт-франкенштейн", я на нем свой скилл рощу =), чтобы не поломать настоящий. Так квот, там есть колонки (?) нас интересуют две - Main News и Col2. Задача в том, чтобы сотворить с ними вот такое: т.е. Main News растяну…
0 votes10 answers -
Как сделать лучше ?
http://pixs.ru/showimage/notifypsdt_9728036_16130652.jpg Как сделать лучше этот блок ? Просто в html изображение вставить ? или может спрайтами через css
0 votes9 answers -
Расположение пунктов выпадающего меню в IE
Доброго времени суток Проблема забавна. Вот так меню должно выглядеть. Во всех браузерах, не считая белого фона у блока по высоте немного выше желтого, но содержимое выглядит нормально. http://prntscr.com/auhg0r А вот в IE11 и Safari выглядит вот так. http://prntscr.com/auhgv5 - IE11 http://prntscr.com/auhh9f - Safari Если я в убираю дисплей, то в IE11 глюк уходит, но тогда во всех остальных браузерах, в том числе и IE11, меню отображается, как в Safari .menu_dop ul li .menu_dop_wrap { display: inline-flex; } Вот коды меню. html <nav class="menu_dop"> <span class="vertical-text">Ремонт и обс…
0 votes16 answers -
Разное расположение в опере и в ие
Почему-то при использовании карты-изображения в ие рисунок на самом верху (как и надо), а в опере на 20 пикселей ниже нужного. Может это всегда так, не знаю, это моя первая работа... Помогите, пожалуйста, не знаю, как это исправить.
0 votes3 answers -
резина
есть три дива нжно, что бы див по середине(контент) растягивался, а дивы по бокам оставались на месте. но получается левый див стоит контент по середине а правый див уходит вниз. html: <div class="menu"> MENU </div> <div class="content"> CONTENT </div> <div class="banner"> BANNER </div> css: .menu { float:left; width:130px; } .content { margin-left:140px; margin-right:140px; } .banner { float:right; width:130px; }
0 votes5 answers -
Помогите с позиционированием
Сделал в?рстку, в IE работает, в FF нет Намудрил с позиционированием. В FF при наведении на кнопочки ничего не происходит (я имею в виду, что ссылки перекраваюся слоем и на них нельзя нажать), т.е. кнопки под слоем. Можно их "поднять"? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> body { padding: 0; margin: 0; } #menu img { margin: 0; padding: 0; border: 0; } #menu { padding: 1px 0 0 0; position: relative; } #menu #img_spac…
0 votes6 answers -
Не раскрывается список в IE
http://www.tophouse.ru/products/roof-eleme...lux/complex.php Подскажите, почему не раскрывается второй и третий список в IE, а только 1-й? В FF все 3 успешно раскрываются.
0 votes2 answers -
Помогите с шириной!
Так вот, у меня изменяется вроде как ширина центрального блока(основной контент) Помогите пожалуйста! Уже как пол месяца не могу понять в чём дело! Огромное спасибо! Вот код CSS body { scrollbar-3d-light-color: black; scrollbar-arrow-color: 333333; scrollbar-base-color: 333333; scrollbar-dark-shadow-color:black; scrollbar-face-color: #ccffcc; scrollbar-highlight-color: white; scrollbar-shadow-color: black; scrollbar-track-color: #77bbff; background-color : #77bbff; } .textg{ font-family: 'Verdana', 'Tahoma Verdana '; font-size:9pt; font-style:italic; font-weight: 100; font-variant:small-caps; } .textm{ font-family: 'Arial', 'Tahoma Verdana '; font-size:11pt;…
0 votes10 answers -
бордер вокруг input в опере
как с этим бороться? не удается ни избавиться от него, ни перекрасить его под цвет фона. Такое только в опере.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-