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 sprites)
Вот образец меню. Вроде как всё работает, но в нем используется 12 изображений: и т.д под каждый пункт и выпадающую менюшку, т.е. ради меню посылается 12 запросов на сервер для загрузки картинки, по одному на каждую кнопку(учитывая выпадающие). Я захотел чуток усовершенствовать его и переделать его под один спрайт, чтобы на меню был 1 запрос. Вот сам спрайт: И наконец результат полученный после 5 часового мучения...что происходит: всё выскакивает под нужным пунктом но с лихвой))) например если при наведении на ABOUT должен был выпадать пункт DISTINCTIVE, то сейчас выпадает HOME, DISTINCTIVE. При наведении на WHAT WE DO должно выпадать 3 подменю: STRATEGY, LOGISTICS, GLO…
0 votes6 answers -
Flash меню и jQuery
Здравствуйте! Такая у меня проблема. Есть меню сделано во Flash, как мне сделать что бы при нажатии на кнопку меню выполнялся скрипт в html а именно
0 votes5 answers -
Помогите по CSS - теория.
1. Это пример из книжки, хоть это вроде и русский, но написанно так, что я не очень то понимаю принцип, хотя конечный результат ясен. Хочется попросить тех, кому это хорошо понятный теоретический момент, перефразировать это как-нибудь. Что именно просходит и почему? 2. В примере используется свойство height со значением auto (это значение мне понятно), но его наличие здесь ни на что не влияет. ? цитата Если у блочного элемента с высотой auto в нормальном потоке есть толко блочные потомки, тогда по умолчанию высота будет расстоянием от верха внешнего края рамки самого верхнего дочернего блочного элемента до низа внешнего края нижней рамки самого нижнего дочернего блочн…
0 votes4 answers -
input type
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег INPUT</title> </head> <body> <form name="test" method="post" action="input1.php"> <p><b>Ваше имя:</b><br> <input name="nick" type="text" size="40"> </p> <p><b>Каким браузером в основном пользуетесь:</b><Br> <input type="radio" name="browser" value="ie"> Internet Explorer<Br> <input type="radio" name="browser" value="opera"> Opera<Br>…
0 votes7 answers -
Стрелочки - прошу совета по оптимизации
Сделал вот такую стрелочку (первая работа). Прошу критики, есть ли ошибки, можно ли уменьшить размер кода? Код 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>Стрелочки — CSS 2.1 + XHTML 1.0</title> <link rel="stylesheet" type="text/css" href="strelka.css"/> </head> <body> <div class="rectangle"><a href="">Вперед!</a><div class="arrow-right"></div></div> </body> </html> Код CSS: .arrow-right { border-color: white white white transparent; b…
0 votes13 answers -
Какая по Вашему оптимальная комбинация
количества цветов, которые могут быть применены при оформлении сайта, чтобы он не выглядел аляповато цвет фона - цвет доп.элементов - цвет шрифта. т.е. например 1 цвет фона, 2 цвета (или 2 ярких детали) в элементах, 2 цвета в шрифтах или два цвета в фоне, 1 цвет для элементов, 2 в шрифтах предел цветовой нагрузки
0 votes10 answers -
Проблема с воспроизведением дизайна в вёрстке
Приветствую всех. Я сам не так давно занялся вёрсткой и тут мне знакомы попросил помочь с созданием сайта и я в макете столкнулся с элементом, который я не представляю как реализовать в коде. Вот собственно этот элемент: Суть вот в чём - основная часть сайта содержится в главном блоке, который выделяется border'ом, а логотип должен "разрывать" border. Как это можно реализовать? Буду рад Вашей помощи
0 votes12 answers -
Как убрать кнопку и надпись "Выбрать файл" Файл не выбран
https://jsfiddle.net/gs5fqxL5/46/ Подскажите как убрать эту кнопку и надпись, оставить только картинку.
0 votes0 answers -
"Обрамление" iFrame картинками.
Всем здрасти! Помогите, плз, кто знает: Нужно сделать рамку из рисунков вокруг айФрейма, а так же убрать рамку у самого фрейма. Есессно, за основу взял таблицу: <table> <tr> <td colspan="3"> <img src="img/code-top.png"> </td> </tr> <tr> <td> <img src="img/code-left.png"> </td> <td> <iframe src="banner.html" width="620" height="245" hspace="0" vspace="0" align="center"> Ваш браузер не поддерживает плавающие фреймы! </iframe> </td> <td> <img src="img/code-right.png" align="right"> </td> </tr> <tr> <td colspan="3"> <img src="img/code-bottom.png"> <…
0 votes2 answers -
выпадающее меню на CSS - проблемы в IE
Здравствуйте. Нужно реализовать выпадающее меню на стилях. CSS: <div class="menu"> <div class="subMenu"> <div class="mEl"><a href="#">О компании</a> <div class="hider" id="hider"> <div><a href="#">О нас</a></div> <div><a href="#">Продукция</a></div> <div><a href="#">Партнеры</a></div> </div> </div> </div> HTML: .menu { display:block; font-size:14px; padding: 29px 0 32px 30px; } .menu A { text-decoration:none; color:#000; } .subMenu .mEl { display:inline; line-height:1.2em; margin: 2px 30px 0 10px; position:relative; width:200…
0 votes2 answers -
Горизонтальное меню
Ребят может кто-нибудь подсказать как сделать меню как на этом сайте? http://cisco.com/
0 votes3 answers -
Не пойму в чем Не валидность кода
На сайте _validator.w3.org проверил свой сайт mobine.ru Не пойму в чем не валидность кода. Вот для примера: В чём там ошибки? Для примера я взял только 2 первые ошибки, всего их 215!
0 votes8 answers -
Сохранить динамическую страницу
Я сделал файл на своем ПК,с ява скриптом, который создает новые строки в таблице, в которую я забиваю значения. Но нет возможности сохранить готовую таблицу ( только принскрином) <table id="myTable" border="1" cellpadding="2"> <tr> <td>Дата </td><td>Модель принтера</td><td>Модель картриджа</td><td>Ответственный</td><td>Фирма</td><td colspan ="4">Выполненые работы</td><td>Стоймость</td><td>Заправщик</td> </tr> </table> <script LANGUAGE="JavaScript"> function addRow(id){ var tbody = document.getElementById (id).getElementsByTagN…
0 votes6 answers -
Активная ссылка
Как мне сделать так чтобы помечалась та ссылка(в навигации) в зависимости от страницы на которой я нахожусь.
0 votes6 answers -
Почти адаптивная таблица
Здравствуйте. Посоветуйте, как сверстать такое расписание http://joxi.ru/Q2KxaXpsNKGyAj Пока верстала таблицей. Но в мобильной версии таблица превращается в шорты - http://joxi.ru/p27LXw5SOaj6A7 Сайт верстаю под WP. Как лучше реализовать?
0 votes5 answers -
Адаптивная верстка
Доброго времени суток, перейду ближе к делу. Проблема с адаптивом, верстаю под разрешение 320x480. В общем не знаю, как сделать, чтобы не видно было текста, в блоке при разрешении 320x480. И еще один вопрос, как сделать, чтобы при допустим разрешении 320x480, при переходе по ссылке, открывался другой блок, а не тот, который прописан для статической странички. Вот код: HTML:div id="popup"> <span class="win"><p>Вы можете выиграть:</p></span> <div id="what-win1"><p>Аккаунты с ресурсами на серверах MineCraft:</p></div> <div class="version1"><p>1.5.2 |…
0 votes2 answers -
Изчезает background-image после обновления страници
Приписал body{ background-image: url(img/fon.png) } Сразу фон есть , а после обновления изчезает. И так с любой картинкой Подробней в скриншотах
0 votes2 answers -
Как сделать так,чтобы два всплывающих окна перекрывали друг друга при активности?
Есть адаптивное меню .mobmenu и кнопка обратной связи .feedback.openform. Как сделать так,чтобы при нажатии на гамбургер, меню с темным задним фоном перекрывало кнопку обратной связи,чтобы ее нельзя было нажать? И наоборот,при нажатии на форму обратной связи,нельзя было вызвать адаптивное меню. С меню вроде как я справился,но вот как полностью вывести фидбэк на передний план и чтобы при этом чтобы header с гамбургером отошли назад? https://codepen.io/tempest2708/pen/dyMVoOp pornohub-google-chrome-2020-09-04-00-56-15_AYQgL2jv.compressed.mp4
0 votes1 answer -
ресайз дивов и скроллбары
Добрый день. какие свойства надо задать диву, что бы он игнорировал свое содержимое, сжимался при ресайзе, пряча содержимое за скроллбарами? админка сверстана таблицей 2х2 ячейки. верхний ряд - шапка, нижний ряд - информационные поля. левое поле фиксированно по ширине, занимает все место в окне браузера по высоте. правое занимает оставшуюся часть: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html style='height:100%'> <head> <style> table{ width:100%; height:100%;} td{ vertical-align:top; } div{ height:100%; overflow:auto; } </style> </head> <body style='height:100%; padding:0px; margin…
0 votes4 answers -
Значение кода: height : 2px;
Буду очень признателен, если кто-нибудь подскажет, что это за запись такая после 2px [ height : 2px; ] и [ padding-bottom : 1px; ] ???
0 votes3 answers -
открытие фото на полупрозрачном фоне
Есть задача сделать галерею своих фото. Простой сайт - однотонный фон, несколько кнопок меню и фотографии, фотографии... нравится как многие стали сейчас делать: кликаешь на фото и оно появляется в полный размер на чуть затуманенном фоне поверх текущей страницы. Как вот тут: http://www.fishup.ru/albums/p/oid/12625001/lid/40. Помогите разобраться, как такое в html сотворить.. Я посмотрела код указанной страницы, там сделано с помощью скрипта jquery, который не смогла установить.. Буду признательна за помощь.
0 votes5 answers -
Zend Coding for Notepad++ v0.6.1
Подскажите как настроить этот плагин под notepad++ что б наберая какоето сокращение вызывались кусочки кода полные????
0 votes1 answer -
Почему они бегают?
Вот хочу написать модявую гостевуху в ООП. Вот ща сделал такую штуку http://deluxe-okna.ru/guest/ Вот в браузере опера и firefox при отдалении, приближении то текстареа больше становится, то кнопка смешается, то ещё чё нить растягивается/сужается. В гугле хроме всё нормально. Я неправильно что-то делаю или всё так и должно быть?
0 votes11 answers -
Помогите правильно разместить обьекты
Здрасьте! Не могу правильно разместить обьекты в div. Помогите пожалуйста имеются обьекты: 1 div (контейнер) 2 h2 (заголовок) 3 img (картинка слева) 4 p (описание картинки) Делаю так: <div style="border:1px solid #bbb;"> <h2>Заголовок</h2> <img src="" style="float:left;width:100px;height:100px;" /> <p>теkст описание картинки</p> </div> Все бы хорошо, но как только текст не превышает высоты картинки, то нижний бордюр перекрывает картинку. Подскажите как правильно решить эту проблему? Спасибо.
0 votes8 answers -
неужели глюк в FF?
имеем меню навигации на CSS (для IE используется JavaScript, естественно). CSS #nav { list-style-type: none; position: relative; width: 100%; float: right; font-weight: bold; } #nav a { color: #FFF; text-decoration: none; } #nav li { float: left; padding: 12px 5px; position: relative; } #nav li.frst { margin-left: 15px; } #nav li:hover { background: #3060AA; } #nav ul { display: none; list-style-type: none; background: #3060AA; position: absolute; top: 100%; left: 0; min-width: 100%; } #nav li:hover ul { display: block; } #nav ul li { float: none; clear: both; padding: 5px; } #nav ul li a { font-weight: normal; display: block; } HTML …
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-