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
-
CSS, псевдокласс :hover
Возник вопрос относительно css псевдокласса :hover нужно, чтобы при наведении мыши на один элемент менялся стиль другого элемента, причём последний не является дочерним и располагается в другом месте html - кода пример: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> #a { color:#0F0; } #a:hover { color: #000; } #p { color: #C00; display:none; } #a:hover #p { color: #C0F; display:block; } …
0 votes7 answers -
увеличить ширину
Есть такой вот код одного форума, нужно увеличить кол-во выводимого текста в графе последняя тема. То есть сейчас тема называется 111222333444555666777888999000 В графе её показывает как 111222333... Нужно задать больший параметр ширины, а где - немогу понять. Прикрепил код. .cat_list .cl_item .cl_last {float:right; width:31%; min-width:165px; max-width:400px; border-left:1px solid #dedede; height:100%; margin-bottom:-10000px; padding-bottom:10000px;} .cat_list .cl_item .cl_last dl {border-left:1px solid #fff; padding:14px 5px 0 19px; margin-bottom:-10000px; padding-bottom:10000px;} .cat_list .cl_item .cl_last dl dt {float:left; clear:left; padding-right:0.3em;} .cat_lis…
0 votes7 answers -
склеить div слои по вертикали, чтобы при масштабировании они не меняли положения
Имеется слой shapka(на нем сверху еще три слоя): .shapka{ HEIGHT:176px; width: 940px; top: 30px; position: relative; margin:0 auto; background-color:#224179; } .risunka{position:relative; z-index:1; background-color:#224179; padding: 3px; float: left; height: 170px; } .zagolovok{ position:relative; top:-150; left:25; z-index:2; color:#FFFFFF; text-shadow: black 1px 1px 6px, red 0 0 50px; font-size:50px; float: left; /* Обтекание по правому краю */ width: 600px; text-align: right; } .registration{ padding: 5px; /* Поля вокруг текста */ width: 220px; float: right; position:relative; top:-150; z-index:3; right: 25; vertic…
0 votes1 answer -
Логотип с помощью CSS
Такой логотип, как мне кажется, невозможно сделать средствами CSS. http://savepic.su/2325834.htm Его проще вырезать с прозрачным фоном и сохраненной тенью. Я правильно думаю?
0 votes3 answers -
Фон по высоте уменьшается при недостаточном контенте
Всем привет! У меня двухколоночный макет, только вот при недостаточном контенте уменьшается высота фона, а нужно, чтобы высота фона постоянно оставалась от header'a до footer'a? Подскажите, что можно сделать? Вот ссылка на скриншот http://s59.radikal.ru/i163/1308/f7/8494a81e4d2c.png Вот код: <div id="container_layout"> <div id="main_layout"> <div id="all_layout"> <div id="header_layout"> Header_Layout </div> <div id="left_block_menu_layout"> left_block_menu_layout </div> <div id="content_layout"> content_layout </div> <div id=…
0 votes9 answers -
Защита блога на WordPress
Здраствуйте! Я начинающий веб-мастер. Сейчас я занимаюсь созданием собственного блога на WordPress. И вот что меня заинтересовало: В сети есть множество плагинов на WP для повышения уровня защиты блога. И я хотел бы спросить насколько остро стоит эта проблема и какими способами можно обезопасить свой сайт и одновременно не захламлять его всеми подряд плагинами. Посоветуйте какими плагинами или методами пользуетесь вы. )
0 votes10 answers -
Доработка формы оформления заказа
Здравствуйте! Есть сайт на Wordpress c купленой темой http://new.mega-topas.ru/. Обнаружилась некоторая недоработка при оформлении заказа: на шаге "Детали оплаты" есть форма с данными покупателя. Если какое-то обязательное поле не заполнено, то только на последнем шаге, после нажатия "Оформить заказ", пользователь об этом узнает. Ему выдается окно с незаполненными полями. А самой формы нет. И не понятно, что покупателю делать дальше. Я бы хотела исправить эту ситуацию так, надеюсь, это правильно: показать это окно с предупреждением и одновременно сделать активной форму. Нужно написать небольшой скрипт на jQuery, но я не сильна в программировании. Буду очень благодарна …
0 votes13 answers -
Анимированая кривая полоса
Добрый день, подскажите пожалуйста, как лучше сделать такую штуку? Зеленая линия должна вырисовываться на экране в течении заданного промежутка времени. url картинки Думал о варианте с трансформациями и анимацией на css с контролем на js. Но подумал вдруг есть способ о котором я не знаю. Если есть поделитесь пожалуйста.
0 votes7 answers -
В хроме глючит fixed блок.
Сразу покажу что есть https://jsfiddle.net/rm29u4ps/1/ НА jsfiddle всё работает как нужно, а на отдельной страничке nav залипает при скролинге, а если навожу на то место, где должна быть ссылка то он появляется. Так как картинки большие кидаю ссылками 1)Залипло 2)Навёл мышкой Может конечно глюки хрома, но это пугает.(
0 votes12 answers -
Неправильно работает Math.random()
Как и любой новичок, шарясь по сайтам с ответами на всевозможные мои вопросы я нашёл код, который должен выводить две картинки в рандомном местоположении(написан здешним Sensei вроде), но он почему-то не работает. Подскажите ошибку. <html> <head> <style type="text/css"> html, body { height: 100%; } img { position: absolute; } </style> </head> <body> <script> var img = document.querySelectorAll('img'), i = 0, max = img.length, left, top; for (; i < max; i += 1) { left = Math.round(Math.random() * (document.body.o…
0 votes2 answers -
При наведении на ссылка подсвечивается по содержимому
Здравствуйте! Имеется вот такая вот структура - https://jsfiddle.net/oxuefw63/ При наведении ссылка подсвечивается на всю ширину блока. Подскажите, пожалуйста, как сделать, что бы подсвечивалось только слово (содержимое ссылки)?
0 votes6 answers -
Не работает background-size:cover
привет. геометрия.онлайн на главной странице слайдер с наложенным фоном на псевдоэлемент почему-то не тянется фон при масштабировании страницы. почему?
0 votes3 answers -
Пустое место когда убираю рекламный блок Adsense
Здравствуйте! На сайте, когда убираю рекламный код Adsense появляется пустое место. Когда рекламный блок на месте, то разрыва между футером и контентным блоком нет. Рекламный блок подключается через функцию include <!--таблица комментарии--> <?php include("blocks/komments2.php");?> <!--таблица комментарии--> Код CSS: Скрытый текст /* Timeweb test comment */ /* Timeweb test comment new*/ /* Vadim comment new2*/ /* Vadim comment new3*/ /* new */ /* Vadim comment new4*/ body{ margin: 0px; padding: 0px; max-width: 1000px; background: url(./bg3.jpg) repeat center top fixed; } html, body, #wrapp…
0 votes4 answers -
Вирус
Не нашел подобной темы, пишу сюда. При работе с сайтом через OptiWeb вылазиет такая фигня. Блин как картинки сюда вставлять? Касперский: "Фишинг атака: бла-бла-бла. Адрес страницы:http://xanjan.cn/in.cgi?666" Эта дрян на сервере или у меня на компе, как её изжить?
0 votes2 answers -
Проблема отображения содержимого слоя в IE7 и ниже
Всем пирвет. Нужна помощь. Вот htm: <div id="top_position"> <div id="top">Первый слой</div> <div id="search">Второй слой</div> </div> Вот css: div#top_position { overflow:hidden; width:990px; height:70px; text-align:left; } div#top { float:left; width:700px; margin-top:15px; padding-left:15px; } div#search { width:290px; margin-left:700px; margin-top:25px; padding-left:75px; }
0 votes8 answers -
Атрибут alt в <img> "на практике"
Здравствуйте. Не дает покоя вопрос практической оправданности использования атрибута alt в теге <img>. Прочитал одну статью, другую... Еще несколько. Никак не пойму. Что этот атрибут делает и когда используется - понятно. Подпись изображения (а точнее места под него) при недоступном файле или отключенной графике. НО. Первое. Кто-то в наше время отключает в браузере графику? Ну, разве что в "аварийных" ситуациях, когда нужно срочно выйти в Инет, а тариф дико дорог или канал неприлично мал (с мобильника в "лесах/горах" с дорогой Инет-услугой в пакете, например). Даже если и так, то, обычно вполне понятно по тексту, где "нужные" изображения. И с этой позиции атрибуты в…
0 votes9 answers -
Резиновый сайт
Друзья, буду краток: в принципе, по долгу службы вчстречался с фиксированными шаблонами/макетами Но было все хорошо, пока не увидил сайты на широкоформате 21,5 дюйма, все выглядело хорошо, в плане верстки, но сайт был печальным Теперь вопрос по разрешениям экрана. На какой делать упор основной? (в принципе можно посмотреть по статистике) Я вот подумываю о таком действии: .class { width:75%(90% ?); max-width:1200px; min-width:768px; } для меньше 768px идет адаптивная верстка и т.д. У какого какие мысли? может ссылки на литературку по этому вопросу? Заранее спасибо з.ы. напримере, портального типа.
0 votes6 answers -
Помогите как сделать
Всем привет. Есть проблема, нижний самый блок на сайте http://verstka-primer.esy.es/Bio/там где категории и так далее. Градиент поставил блоку нижнему но изображение не ставиться прописываю ничего не получается не пойму почему. Как мне сделать так чтобы было как на картинке http://pixs.ru/showimage/biov503jpg_5673359_16681178.jpg И еще почему то к placeholder не применяются стили. Помогите пожалуйста.
0 votes6 answers -
Как сделать высоту "a" по высоте родителя ul
Здравствуйте. padding подгоняется не четко, при изменении масштаба видно изъяны (подсветка кнопки не на всю высоту или на оборот больше чем нужно) Код: https://jsfiddle.net/aemjkhp9/
0 votes1 answer -
Блоки
Всем привет. Такая проблема. Верстаю сайт блоками и хочу сделать сайт в три ряда, но с третимя рядом проблемы, смотрите: Код сайта: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="hb.css" type="text/css"> <link rel="stylesheet" href="fp.css" type="text/css"> </head> <body> <div id="title">Шапка</div> <div id="bread">Реклама</div> <div id="col1"> <div class="panel">Навигация</div> <div…
0 votes2 answers -
IE 6 неправильно устанавливает параметр height div-a, почему?
Макет в процессе - http://brianna-cat.narod.ru/ Проблема - при явно заданной высоте объекта s_t в 4пх (этот объект - верхняя граница градиентного блока левой колонки), в шестом ие высота этого объекта ни с того, ни с сего выставляется в 18-19 пх (установлено опытным путем). При выставлении параметра height больше 19 - отображает верно, при height меньше 19 - зависает на них же.. Бьюсь несколько суток, подскажите, пожалуйста, в чем может быть дело? выглядит вот так-
0 votes2 answers -
не отображаются все елементы страницы в IE
opera- IE- <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ Без Имени</title> <link href="index.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#f6f6f5" > <div id="bg" align="center"> <div id="head"></div> <div id="content"> <div id="left"> <div class="vv">Содержимое для class "vv" здесь</div> <div class="ss"> …
0 votes6 answers -
Присвоить height значение переменной из JS
Помогите разобарться, пожалуйста. Нужно автоматизировать процесс создания стиля. Чтобы высота была равна разрешению экрана. .style { width:100%; height: <РАЗРЕШЕНИЕ ЭКРАНА>; } JS код для определения ширины и высоты экрана нашёл здесь: http://www.perkoka.ru/article/40/793.html <script type="text/javascript"> if (self.screen) { width = screen.width height = screen.height } else if (self.java) { var jkit = java.awt.Toolkit.getDefaultToolkit(); var scrsize = jkit.getScreenSize(); width = scrsize.width; height = scrsize.height; } if (width && height) var str = width + " x " + height; else var str = "неизвестно"; d…
0 votes2 answers -
сОХРАНЕНИЕ РАБОТЫ
Привет всем!Нужна помощь Хочю сделать 2 кнопки в таблицы Как на рисунки (да/нет). При на жатие на кнопку нет вместо 2 кнопок появлялся текст (НЕТ) как на картинки (а если нажать кнопку да значит появлялся текст (ДА) Как это сделать?Заранее благодарю
0 votes10 answers -
цвета в HTML
Я нашел в википедии Х 11 статью с названиями цветов. Пробовал использовать их у себя на сайте - все работает. Но не знаю можно использовать названия цветов или нужно вводить код. Как правильнее?
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-