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
-
Проигрывание mp3 в фоновом режиме
Всем привет! Нужна срочная помощь. Есть некоторая страница с большим кол-вом текстового материала. Нужно сделать так чтобы при нажатии на какую-нибудь ссылку (одно из слов текста) на странице начинал воспроизводится в фоновом режиме mp3 файл. При этом мы видим тот же самый текст. Как это сделать. Естественно <a href="1.mp3">слово</a> не помогает, открывает новую страницу.
0 votes11 answers -
Форма и 3 кнопки, Как реализовать переход?
Есть форма - Однострочное текстовое поле. И есть три кнопки. Подскажите пожалуйста как реализовать, чтоб после ввода инфы в форму, при нажатии одной кнопки был переход по одному УРЛ'у, при нажатии другой - переход на другой УРЛ, и т.д для всех трех кнопок? И если можно, возможностями php. Php еще учу, но больше понимаю его, чем js. Спасибо
0 votes8 answers -
Верстка горизонтального меню с вертикальными полосками по краям
В общем есть вот такое меню. По задумке дизайнера при на ведении и при активном состоянии пункт меню должен становится желтым при этом под ним прячутся декоративные полоски по бокам. Но как не режь, все равно при точном разделении будут видны по бокам половинки этих злосчастных полосок. Как быть? Может кто-нибудь уже сталкивался с подобным?
0 votes18 answers -
text-shadow
Привет! Мне запотешилось сделать тень для букв внутри них. Т.е. получить эффект вдавленности. Как правило, такой эффект достигается добавлением белого text-shadow со сдвигом по y на 1пк вниз. При этом буквы должны быть темнее фона, в котором они находятся. Примерно как здесь: http://clip2net.com/s/17vZh Однако у меня сложность в том, что буквы белые и на неоднородном фоне. Т.е. мне надо что-то подобное inset для box-shadow. Или может есть мысли как это сделать другим образом, т.е. поиграться с тенями и получить визуальный эффект того, что мне надо? У меня не хватило фантазии, какие цвета надо для этого использовать Чтобы было понятнее, какой фон, сделал прототип http:/…
0 votes24 answers -
CSS и формы
Вопрос касается применения css в формах. Интерисует такой общий вопрос: как сделать формы на сайте красивее? Тоесть рамки текстовых полей(input,textarea) не стандартного цвета, расстояние между ними тоже другое, и кнопку поставить свою, но чтобы тип ее был стандартный(Submit или Reset)
0 votes7 answers -
Выравнивание элемента по центру страницы
Добрый день! Подскажите, пожалуйста, как выравнивать элементы полностью по центру страницы??? т.е. и по горизонтали и по вертикали! для всех браузеров! Заранее спасибо!
0 votes11 answers -
Как убрать смещение фона нажатой кнопки в ИЕ?
Есть кнопочка <input type="button" id="up"> Есть соответствующий стиль: input#up { width: 30px; height: 20px; background: url(++resource++images/arrow_up.png) no-repeat scroll center center transparent; border: none; } input#up:active { background: url(++resource++images/arrow_up_pushed.png) no-repeat scroll center center transparent; } Везде кроме IE работает нормально. В IE же фон кнопки при нажатии смещается. Как это убрать?
0 votes12 answers -
окошко после нажатия на ссылку
нажимаю на ссылку ввиде картинки, после чего вокруг нее образуется окошко, типа рамочка с тонкой линией. кто вкурсе, как эту рамочку убрать?
0 votes8 answers -
<iframe> использовать нельзя как быть?
Надо подгружать локальные страницы в окно броузера... тут вот все кричат что нииизя использовать iframe...не по феншую это чем же его заменить ????
0 votes4 answers -
[LESS] Разные правила для блоков с разными родителей
Всем привет. Есть верстка: <div class="sharing-new position-left"> <div class="sharing-new-title">Заголовок 1</div> </div> <div class="sharing-new position-bottom"> <div class="sharing-new-title">Заголовок 2</div> </div> Для блока sharing-new-title с модификатором родителя position-left нужно применить один стиль, а для него же, но с модификатором position-bottom - другой. Пытался сделать по аналогии с вариантом https://jsfiddle.net/3qsfcep7/, но так НЕ работает: .sharing-new { &.position-left { &-title & { color: red; } } &.…
0 votes3 answers -
Помогите удалить мусор со стронице!
Добрый день! У меня такая проблема: Наш сайт раскручивала одна фирма "Продвиж...е" из г. Санкт-Петербурга (очень плохая организация). Сейчас договор расторгнут и они оставили ссылку на свой сайт. Эту ссылку мы хотим удалить, но не можем. Облазил все, но не нашел. Помогите удалить этот мусор, который находиться на сайте http://www.tehnomodul.ru/ слева внизу: Новости для всех «Продвижение» - раскрутка сайта Сайт на "Битриксе" Жду советов! Спасибо!
0 votes15 answers -
Reset (прислал верстальщик)
reset.css - прислал верстальщик. Я обычно просто, чтобы не париться, прописываю * {margin:0; padding:0;} Будет ли удобнее и правильнее с таким reset? /* ========== Reset list ========= */ body {margin:0;padding:0;} img {border:0;} :focus {outline: 0;} a {outline:none;} /* ————————-- */ /* Headers all reset */ h1, h2, h3, h4, h5, h6 {margin:0;padding:0;} /* ————————-- */ /* List reset */ ul, ol, li {margin:0;padding:0;list-style: none;} /* ————————— */ /* Definition list (if use) */ dl, dt, dd {margin:0;padding:0;} /* ————————— */ /* Tables (if use) */ table {border-collapse:collapse;border-spacing: 0;} /* ======= End of main list reset ========= */ …
0 votes27 answers -
Фиксированное минимальное расстояние между элементами
<a href="index.html" style="position:absolute; left: 3%; top:35px; z-index:2;">Главная</a> <a href="404.html" style="position:absolute; left: 16%; top:35px; z-index:2">Портфолио.</a> <a href="404.html" style="position:absolute; left: 30%; top:35px; z-index:2">Книга стилей.</a> <a href="contacts.html" style="position:absolute; left: 45%; top:35px; z-index:2">Контакты.</a> <a href="404.html" style="position:absolute; left: 57%; top:35px; z-index:2">Слоны.</a> <a href="404.html" style="position:absolute; left: 69%; top:35px; z-index:2">FAQ.</a> <a href="404.html" style="position:absolute; left: …
0 votes11 answers -
<a title= (как обрезать картинку)?
Подскажите, пожалуйста.. Вот код (реализовывается с помощью скрипта тултипа): <a title="<img src='ССЫЛКА' width='100' height='100'>" style="text-decoration:none;" href="ССЫЛКА"> Как сделать, чтобы изображение, превышающее эти значения ещё обрезалось? А то НЕ квадратные картинки получаются сжатыми... Вот так НЕ работает: <a title="<img src='ССЫЛКА' width='100' height='100'>" style="overflow: hidden; text-decoration:none;" href="ССЫЛКА"> <a title="<img src='ССЫЛКА' width='100' height='100' style='overflow: hidden;'>" style="text-decoration:none;" href="ССЫЛКА">
0 votes14 answers -
как отобразить картинки одинакового размера?
страница выводит превьюшки, они изначального разного размера, а как сделать (для эстетики), чтоб он отображал их одинакового размера, без искажений? т.е. отображал строками в каждой из них по 3 картинки, ширина блока 240px, выравнивание по верху и середине блока, а что не помещается не отображается.
0 votes25 answers -
CSS::Соседние селекторы.
Добрый день. Решил выучить HTML и CSS. Учу по этому сайту. Очень нравится. Не могу разобраться со статьей "Соседние селекторы". Пример 11.1. В тексте и на картинке слово consectetuer должно отличаться в первой и второй строке. У меня же они и там и там красные http://bullvinkle.pp.ua/html.html Что это значит?
0 votes12 answers -
Позицирование в DIV
есть такая конструкция <div class="qwerty">текст</div> и есть стиль .qwerty{ font-family: "Courier New", Courier, monospace; font-size: 14pt; font-weight: bold; color: #660000; margin: 0; padding-left: 90px; height: 80px; background-image: url(../images/fon_zag.png); background-repeat: no-repeat; background-position: left; } в общем есть картинка 80х80 которая является фоном и которая должна быть слева. А справа текст. Но сейчас текст сверху. а мне нужно чтобы выравнивание по вертикали было на низу. Это реально?
0 votes17 answers -
Как лучше порезать картинку
Нарисовал шапку сайта, теперь не могу найти рациональное решение верстки. Подскажите пожалуйста, как лучше порезать: Сам пока вижу нарезку в таком виде: сделать общий div, задний фон - прижатый к верху коричневый фон... внутри этого div'a - картинка с проводами поверх него - div меню
0 votes12 answers -
программы для обработки данных
подскажите, пожалуйста, какую cgi-программу лучше использовать для обработки данных, которые приходят из формы на сервер... спасибо))
0 votes9 answers -
Способ измерения элементов страницы
Скажите, плиз, есть ли какой нибудь способ измерения размеров готовых web-страниц и отдельных элементов? Что-то вроде линейки в пикселях, например, - приложил к экрану монитора и вот он, точный размер! Не все же страницы создаются в относительных размерах, у меня многие в 17 дюймов не влезают, а ведь у кого-то есть 14 дюймовые мониторы? И какой параметр берется за точку отсчета всех размеров при верстке? Спасибо!
0 votes10 answers -
Пара скругленных углов
Уважаемые, подскажите как сделать выборочное скругление углов у блока? А именно верхний левый угол и нижний правый. Я решения пока не нашел. Буду крайне признателен за информацию. Блок должен быть фиксированным по ширине и тянуться по высоте.
0 votes8 answers -
Помогите советом
Здравствуйте, начал учиться верстать. Скачал макет, там есть такой блок. Как лучше всего реализовать?
0 votes26 answers -
верстка в виде iphone
Как можно сверстать страницу в виде iphone, ну то есть в середине страницы iphone естесственных размеров и там внутри скролл и текст
0 votes8 answers -
ссылка во флеш
Здравствуйте! Прошу вас о помощи! Создал шапку для сайта со спецэффектами во флеш. В этой шапке есть 4 кнопки. Прописал для них в Action Script код, чтобы работали ссылки: but1.onRelease = function() { getURL("../prod.html") } but2.onRelease = function() { getURL("../part.html") } but3.onRelease = function() { getURL("../akc.html") } but4.onRelease = function() { getURL("../nov.html") } Проверяю. Открываю во флеш публикацию для веб - и всё работает. Вставляю в свою страничку и вот незадача...не может найти путь. Вставляю с помощью следующего кода: <div id="header"> <embed src="img/header.swf" align="absmiddle" width="751" height="145"> </div> Собствен…
0 votes12 answers -
Обрезается сайт при уменьшении окна (но не весь)
Добрый день! Подскажите пожалуйста,почему мой сайт обрезается с правой стороны когда уменьшаешь окно браузера?Но самое интересное что обрезается не весь,один из блоков тянется на всю ширину и можно скролить по всей его длине (по оси Х). Как можно избавить от обрезания? http://www.anhiora.esy.es/ Заранее спасибо!
0 votes3 answers