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 votes5 answers -
Отступ в FireFox
* { margin: 0px; padding: 0px; } #header { height: 80px; background: #00161f url('images/header_bg.png') no-repeat; } <div id="header"></div> Даже не знаю как быть?????
0 votes4 answers -
Скролбар в Div'e
Здравствуйте! Уперся в необходимость скроллбара в Div'e, да причем не простого, а чтоб можно было его как угодно оформлять и использовать в любых комерческих проэктах! На JavaScript есть интересный скрол - зовется FleXcroll! Вобщем он полностью соответствует требованиям - но в рид ми прописана строчка о то ,что не стоит использовать его в комерческих проэктах не согласовав с авторами. Как это реализовать ? Какой скрипт лучше использовать ? PS: У меня получилось осуществить стандартный скроллбар в Div'e - посредством overflow-y:scroll и заданием фиксированного размера для DIV. Хотелось бы узнать как его можно "разукрасить" ?
0 votes3 answers -
Сьезжает шапка, картинки как ссылки
http://ufa.ufalavka.ru/ имеется сайт, проблемы в ие и мозиле в опере норм. В мозиле шапка уезжает, и сбоку картинки сделаны под меню, они почему то обведены синим, в опере такого не наблюдается. что посоветуете?
0 votes7 answers -
Не Могу Указать Стиль Для Простой Html Структуры
Здравствуйте. Честно говоря я в ступоре) html: <body> <p> <h3> 3 15 10 2 </h3> </p> </body> css: body p h3 {color:#FF0;} /* не работает */ body > h3 {color:#0F0;} /* работает */ как так? видимо я не знаю какгото великого секрета.
0 votes6 answers -
Отображение скрытого слоя
Привет народ. Как сделать, чтобы при наведении сразу не исчезал блок (можно было просмотреть, по-клацать там), т. е. я сделал только открытие.сокрытие блока по наведению мыши. <script type="text/javascript"> sid = ''; function ishow(id) { if(sid != '') { document.getElementById(sid).style.display = "none"; } else { document.getElementById(id).style.display = "block"; } } function ihide(id) { if(id != '') { document.getElementById(id).style.display = "none"; } } </script> <a href="#" onmouseover="ishow('lodka_1');" onmouseout="ihide('lodka_1');"><img src="images/lodka_1.png" width="292" height="107" /></a> <div …
0 votes23 answers -
как уместить текст в размер экрана opera mini?
есть большой текст, берется из базы и с помощью в js с помощью sustr режется и запихивается в див. мне нужно что бы на мобильном браузере, сейчас тестирую на opera mini, не появлялось вертикальной прокрутки. Но я никак не могу рассчитать сколько именно текста поместится в див. Шрифт не моноширинный и тд. Получается только примерно определить. И мне вот интересно есть ли какой-то способ подгонять размер шрифта так чтобы текст умещался в див не растягивая его. И еще проблема, я ставлю диву height: 100%; ,но если в нем нет текста то он не растягивается по вертикали.
0 votes3 answers -
Как лучше обрезать текст
Всем привет, Коллеги подскажите, как по грамотней сделать обрезание текста в блоке Макет: http://azharova.ru/test/img/promo.jpg Верстка: http://azharova.ru/test/promo.html Задача: 1. для вот такого блока http://prntscr.com/5wtpc1 выровнять белые кнопки так что бы они всегда были на одном уровне 2. Обрезать текст анонса как в макете
0 votes16 answers -
Как сделать transform:scale поверх соседних элементов?
Привет! http://apriori.leveler.ru/в нижней части страницы есть три баннера, при трансформации они увеличиваются за соседями, что в принципе логично. Но в Firefox например с такой версткой z-index работает и картинка всплывает над соседями. Посоветуйте пожалуйста, как правильно сверстать такое? Чтобы и bootstrap остался (при изменении размеров окна картинки должны выстраиваться вертикально) и над соседями подняться?
0 votes7 answers -
Иконки анимация
Привет всем.Не могу поменять размер иконок с сайта https://fontawesome.com/icons/key?style=solid и не получается сделать такие разделы как на картинке, может кто-то занет как это сделать? вот ссылка на код http://jsfiddle.net/kcd86y01/1/ и они еще должны выезжать анимацией
0 votes2 answers -
Проблемы с IE iframe style
<iframe frameborder="0" width='100%' height=800 src="pages/okompanii.htm" align="left" style=" border: 0px solid #000000; background-position:center; background-repeat:no-repeat;background-image:url(images/framefon.jpg)"> Ваш браузер не поддерживает плавающие фреймы! </iframe> В опере все корректно отображается, а вот продукт Майкрософта отнял у меня вчера час времени и результата все равно нет! Так и не отображается фоновое изображение! Может кто-то знает что делать!
0 votes2 answers -
Граница элемента рисунком.
Здравствуйте, есть определённый блок, к примеру: <div id="css"><div>, я хочу сделать, что бы у левой, првой и нижней границы фоном был рисунок, например градиент, иле ещё что нить. (Нашёл на вашем сайте, очень полезную статью, но там для таблиц ) Пытался сделать таким образом (это для левой и нижней границы): <div style="background-image: url('/img/list1.jpg'); background-position: left; background-repeat: repeat-y; background-image: url('/img/list2.jpg'); background-position: bottom; background-repeat: repeat-x;" id="content"> Но показывает только только одну, пытался несколько стилей присвоить одному блоку, но тоже не вариант. Может я всё и глупо д…
0 votes14 answers -
Подскажите, как правильно сделать.
Добрый вечер. Нарисовал первый свой дизайн для личной странички, нарезал в фотошопе, вёрстка делалась автоматом при сохранении картинок. Получилось, что дизайн фиксированый, надо переделать под резиновый. Попробовал сделать, но возникли вопросы, прошу подсказать правильное решение. Вот начальный вариант, а вот это то, что я пытаюсь сделать(переделать). Первый вопрос связан с фоном сайта. Фоновый рисунок у меня разделён на две части, вторая часть находится в отдельном диве(обозначен синей полосой, верхняя граница). Возможно ли сделать так, что бы фоновый рисунок был одним целым, но при этом, при увеличении текстовой области по высоте, тянулся вместе с ней, есть ли вариант …
0 votes7 answers -
Нестандартное меню - как верстать ?
Всем добрый день. Дизайнер надизайнил такое вот интересное меню (см. картинку) с наклонными разделителями...такого делать еще не приходилось. Гугл ничего толкового не подсказал. Кто может подсказать оптимальное решение ? Заранее спасибо
0 votes6 answers -
Прижатый подвал
Привет, помогите решить загадку. Как мне прижать footer, что бы он был всегда и при любом разрешении экрана внизу.
0 votes5 answers -
Как быть? (div)
На сайте используется div. есть левое меню, правое и по середине. Слева меню(карта) сайта. Хочу, чтобы при нажатии на подменю обновлялось только меню по середине с контентом. как быть?
0 votes11 answers -
шрифт с google web fonts не проходит валидацию
в head подключены 2 шрифта: <link href='http://fonts.googleapis.com/css?family=Jura&subset=cyrillic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic' rel='stylesheet' type='text/css'> А валидатор html5 говорит: Валидатору не нравится знак амперсанд?Как исправить проблему?кто-то сталкивался?
0 votes3 answers -
Как правильно подбирать цвета и шрифты?
Подскажите пожалуйста где можно найти полезные статьи или может посоветуйте хорошую книгу про то как научиться удачно подбирать цвета, шрифты и т. п. при создании макета для сайта.
0 votes9 answers -
Диагональное зачёркивание
Необходимо при наведении на блок с предложением цены перечеркивать ценник. Сейчас реализовано через горизонтальное зачеркивание при помощи картинки. .hoverClass{ background:url('redline.png') repeat-x 0 50%; }Какие есть идеи? Возможно ли повернуть картинку и расположить ее диагонально? Может нужно использовать text-decoration: line-through, при этом направив из левого нижнего угла в правый верхний?
0 votes1 answer -
Несколько tooltip на одной странице. Как реализовать на чистом JavaScript
Здравствуйте! Имеется несколько дивов на одной странице. Внутри каждого дива скрытый tooltip в виде текста в span. Подскажите, пожалуйста, как на чистом JavaScript реализовать следующее - при клике на div.retailer-item должен открыться скрытый В НЕМ span.tooltip-content. https://jsfiddle.net/ak1jbt5x/1/ Заранее благодарен за помощь!
0 votes6 answers -
textarea
Всем привет, подскажите как выполнить такой маневр, я хотел было взять звездочку в span и через него придать ей красный цвет, но он отображается в поле как текст!
0 votes3 answers -
Личный планировщик со статистикой. Нужна ли база данных?
Добрый день. Я не программист, но люблю программировать. Родилась в голове идея: сделать в порядке саморазвития в web, а также для самоконтроля - такую штуку. Будет находиться у меня на сайте, я смогу вбивать туда все траты по категориям. Например, купил в Ашане шоколад, огурцы и хлеб. Нажал кнопку - вылезло окно, выбрал "сладости, овощи, хлеб" (или как-то так, категории придумаю). Вбил цены. Зарплату тоже буду вносить, неофициальные всякие деньги в отдельную категорию. В итоге цель: к примеру, показать список потраченных средств за год на сладости. Или за месяц на "Прочее". Чтобы по дате можно было посмотреть что и как. И заработанное. Потом прикручу в тел…
0 votes3 answers -
Вопрос о вводной форме
Вопрос о вводной форме. Your message... Где мне взять адрес CGI-программы(что вставить в кавычки action"???")???
0 votes4 answers -
В Opera пропал звук на страницах
Искал по всему инету, не нашёл - может, тут кто знает... Слетела винда XP. Поставил всё заново. Всё заработало как обычно, кроме одной неприятности: в Опере пропал звук. T.е. SWF/FLV играют со звуком, и MIDI тоже играет - не играют только фоновые mp3, внедрённые на страницы через EMBED. Все нужные галочки в настройках Оперы включены. А в IE всё играет.
0 votes1 answer -
Нужны шаблоны.psd
Если у кого нить завалялись шаблончики старенькие!! Попрактиковаться прошу скинуть их на xepb@rambler.ru! А то нигде найти нормальных шаблонов psdшных!! Выкладываешь сверстанный шаблон а тебе говорят нашел на чем практиковаться! Оченб обидно и грустно на душе становится!! А так хочется совершеннствоваться!! Заранее благодарен!
0 votes7 answers