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
-
Проблема с банером
Добрый день. Проблема такая: я добавил рекламный блок на свой сайт, но он при изменении размера браузера он начинает наезжать на другие объекты. Банер заключён в тег <p> <p style="bottom: 100px; right: 1300px; top: 100px; left: 10px; position: absolute; padding: 10px; clear: both;"> Как исправить?
0 votes3 answers -
вопрос по шрифту
Всем добрый вечер! Использую шрифт Trebuchet MS, он входит в стандарт Windows, но я их вставила в @font-face для кроссбраузерности, но в IE9+ отображается по другому, как только я убрала @font-face, все стало на свои места Вопрос, с чем это связано и стоит ли использовать @font-face, если шрифт включен в стандарт windows?
0 votes6 answers -
Выравнивание по вертикали
Привет всем. Пятница, вечер, голова не соображает). Прошу помощи. Есть див 300 на 300 пикселов. Внутри него нужно выровнять по вертикали текстовый контент. Три вида текста в трёх спанах. Количество текста в спанах заранее неизвестно. А так как спанов три, то количество комбинаций может быть разным. Несколько вариантов для наглядности набросал. Какие стили нужно задать элементам?
0 votes3 answers -
Разное отображение шрифта в chrome и ie 11
Всем привет! У меня вот такая ситуация сложилась... Подключил не стандартный шрифт и захотел сделать его (100px) или больше. Получил такую картину в chrоme , а затем и ie 11. В ослике шрифт значительно поднимается вверх. Подскажите пожалуйста как его можно оцентрировать по вертикали.?
0 votes6 answers -
Простите за баян.Но не отображается картинка <img> на Mac OS.
Друзья, День Добрый! Прощу прощения, может быть за очередной стандартный вопрос, но я пока в тупике. Стоит локальный сервер XAMPP, есть папка mysite, в ней index.php и в той же директории папка с изображениями img/logo.png. При запуске в браузере не хочет отображать картинку.просто иконка изображения.я так понял косяк в адресе. Может я косякнул где-то.прошу по возможности помочь ) <body ><img src="img/logo.png"></body>
0 votes1 answer -
резиновый шаблон
Такой вопрос: есть 2 колонки: .fon {position:fixed; width:40%; text-align:right; min-width:200px; background-color:#000000; height:100%; float: right}.content {margin-left:60%; position:relative} Проблема возникает, когда экран сильно сжимается. левый слой доходит до 200 и останавливается, а правый-то продолжает сжиматься и текст заходит за левый столбец. Как это "победить"?
0 votes5 answers -
Помогите с верстой фиксированного меню
Друзья помогите сделать фиксированное меню как тут (там где скриншоты, сравнения и т.п.) Тоесть меню изначально закреплено допустим где то в центре экрана, выбирая нужный якорь оно перемешается в top и опускает к нужному разделу, листая обратно вверх, оно бы вставало на старое место. У меня просто что то тупка.
0 votes1 answer -
Проблема с блоками в IE
В FF все как надо а в IE блок right-block-name растягивается на всю ширину, а должен быть с размерами внутреннего блока. Уже всю голову сломал Посмотреть в действии можно тут(блок новости): http://indexone.ru/temp/19/ <div class="right-block-part"></div> <div class="right-block-name"><div class="right-div-block-name">Новости</div></div> <div class="right-block-content"></div> .right-block-part { background:url('images/block_part_right.jpg') no-repeat; width:25px; height:26px; border:1px solid #9b9b9b; border-bottom:none !important; text-align:right; float:right; } .right-block-name { …
0 votes2 answers -
Кнопка внизу td
Добрый вечер. Вновь обращаюсь за помощью. Есть примерно такая схема Есть некоторая таблица с 2 строками и 3 столбцами. В каждой ячейке текст разных и соответственно высота ячейки может быть различной. Внимание вопрос: как сделать чтобы кнопка в каждой ячейке была на одном уровне по высоте. Код примерно такой: <table> <tr> <td> Текст <a href="#"><span>Кнопка!</span></a> </td> <td> Tекст <a href="#"><span>Кнопка!</span></a> </td> <td> Опять текст <a href="#"><span>Кнопка!</span></a> </td> &…
0 votes6 answers -
Всплывающие элементы
NULL
0 votes2 answers -
Тормоза Оперы при фиксированном позиционирваннии
Доброго времени суток. Такой трабл: решил прикрутить на одной странице фиксированный блок с якорями и прочими побрякушками. Использовал position:fixed. Отображается всё нормально, но вот при прокрутке страницы через Оперу возникают тормоза. Отсюда собственно и вопрос: это распространённый баг Оперы или попросту я гдето запорол?
0 votes6 answers -
Как отцентровать блоки?
Проблема в том, что бы отцентровать последнее изображение, но и каждый ряд так же. Так как под изображением должна быть ссылка, то изображение со ссылкой приходится помещать в div. Изображения могут быть различной ширины, и помещаться в ряд столько, сколько влезет, остальные переносятся на следующую строку. Это делается просто через float: left; Но дело в том, что в каждой строке, изображения(блоки) должны быть отцентрованы, а как вы знаете, если задано float, то text-align:center уже не прокатит Собственно вопрос: Как отцентровать блоки в каждом ряде не странице? Код не обязательно, достаточно доступно изложить идею реализации. Заранее благодарен!
0 votes2 answers -
div - 100%-margins
есть шаблон: <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> <head> <title>template - width 1024 center</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"> <style> * {margin: 0; padding: 0} html, body {height: 100%} body { background: #CCFF33; } #content {height: auto !important; height: 100%; min-height: 100%; background: #FFFFCC} #content .menu {width: 1024px; margin: 0 auto; padding: 105px 20px 5px 20px; border: 1px solid red;} #content .container {width: 1024px; margin: 0 auto; padding: 30px 20px 60px 20px; border: 1px solid red;} #footer {height: 50px; margin-top: -50px; background: #CCF…
0 votes2 answers -
Не стандартый вет ссылок
Доброе время суток ! Не получается добиться ,что бы ссылка была черного цвета при наведении красного а посещенная была тоже черного a:link{color:#000000;font-family:Minior pro regular !important; font-size:14pt; } a:hover{color:#ff0000;} a:visited{color:#000000;} работает только в мазиле и IE в опере ссылки только черные и при навидение ничего не меняется Как с этим бороться ? Спасибо !
0 votes2 answers -
Растягивающийся по вертикали блок
Добрый день. Вот такой вопрос. Зеленый блок растягивается на высоту страницы. Два голубых блока - фиксированной высоты, между блок, в котором много элементов и вертикальная прокрутка (список). Необходимо, что бы красный блок растягивался и занимал все пространство между синими блоками. Как это сделать? Интересует решение задачи именно на CSS, т.к. делать это через JS - путь к ошибкам и трудностям в будущем. P.S. В идеале, высота голубых блоков неизвестна и может меняться.
0 votes6 answers -
не выравнивается в обьедененной ячейке
Не работает вертикальное выравнивание в обьедененной ячеке на странице http://shkafmos.ru/ugl-kat1.html (там где большая картинка) смотрел в файрфоксе, в IE вообще не демонстрируется большая картинка. коректно отображается только в Хроме. Пожалуйста помогите разобратся?
0 votes5 answers -
Что нужно сделать после регистрации домена?
Здравствуйте. Зарегистрировал доменное имя. Самого сайта пока нет. Ради интереса ввел адрес сайта в адресную строку браузера, зашел на сайт и увидел, что на месте моего будущего сайта находится рекламная страница моего сайта хостинга с тремя ссылками на свои ресурсы. Ну ладно все бы ничего но в теге <title> этой страницы прописана Ошибка 404.т.е. <title>Ошибка 404</title> Подскажите пожалуйста как к этому отнесутся поисковые системы Яндекс и Гугл с точки зрения SEO? Т.е. в будущем я планирую разместить на домене нормальный сайт, а сейчас там страница выдающая ошибку. Могут ли поисковики так сказать забанить домен, занести его в черный список?
0 votes9 answers -
И снова z-index - не получается спозиционировать выпадающее меню.
Доброго дня всем. Возникла проблема с выпадающим меню на сайте http://izodecor.md , а точнее никак не удается выдвинуть меню вперед. z-index не помогает или я что-то не так делаю (я новичок в этом) хотя сам DIV с меню располагается внутри "злого" DIV-а который и перекрывает меню . Устал биться - перечитал с полсотни постов и так ничего и не понял - прощу помощи. Не сплю уже вторые сутки и мозг просто не выдержит еще даже 10 страниц чтива. Подозреваю, что проблема кроется в "overflow: hidden" но самостоятельно не догоняю, где чего исправить. В общем - HELP!
0 votes2 answers -
Размытие img в IE11
Глюк только в IE11. Сложно заметить, но обратите внимание, что при наведении на ссылку картинка немного размывается и остается размытой в месте нахождения ссылки. Как только вы измените размер окна браузера, резкость снова восстановится. Если эффекта не наблюдается, измените размер окна браузера. Мой код: http://jsfiddle.net/kfdcL2t9/3/ Почему размывается? Какой механизм и как бороться?
0 votes0 answers -
событие change для select, когда нет изменения
Подскажите, как поймать событие, когда пользователь в элементе select выбирает option, который уже был выбран до этого. Вот если он option с каким-то другим value выбирает, то срабатывает событие change, а как поймать, если value то же самое?
0 votes4 answers -
Вопрос по использованию background-image
Всем добрый день! При добавлении div'у background-image возник вопрос: а как объяснить элементу, какую именно часть картинки нужно отобразить, если я, скажем, ставя фоновое изображение разрешением 1920x1080, задаю div'у высоту 500px (или любое другое значение меньше 1080px), и при этом хочу, чтобы изображение было обрезано не снизу, а сверху? Заранее спасибо
0 votes2 answers -
Адоптация размера шрифта -> VW
Вечер добрый, ребят, блин ну не как не освою этот css, сделал сейчас как смог, но работает плохо. Помогите пож. Что нужно? 1. Размер шрифта должен адоптироваться автоматом к размеру дисплея/окна. 2. Слева нужны переключатели языка Пример как должно быть: http://nicolasjaar.net С чем не могу справится? 1. На мобильнике (Андроид, бруазер хроме) текст не полностью видно с переключателями языка в режиме портрет 2. Размер шрифта на некоторых экранах не полностью заполняет окно Вот мой актуальный вариант: <!DOCTYPE html><html> <meta charset="utf-8"> <head> <link rel="stylesheet" href="https://fonts.googleapis.co…
0 votes0 answers -
Центрирование при разном размере изображений
Здравствуйте уважаемы знатоки. Заканчиваю верстку галереи, но возникла пара неприятных моментов. Первый. Это проблема вертикального позиционирования "плюса" на оверлее элемента галереи. На контейнере с плюсом у меня простые правила: position: absolute; top: 42%; left: 41%; , на скрине видно, что на верхнем элементе все выглядит как нужно, но у нижнего плюс расположен вертикально не по центру. У остальных элементов галереи такая же ситуация. Конечно есть вариант создать для каждого размера изображения свой класс, и прописать там индивидуальные координаты, но для начала решил спросить у ведующих. Какой универсальный вариант решения данной задачи…
0 votes2 answers -
Создание покупательской корзины
Всем привет. Подскажите плз. скрипт корзины
0 votes1 answer -
Remote Linking
Здравствуйте! Нашёл вот тут интересный CSS-приёмчик. Автор называет его remote linking. Заключается он в том, что при наведении курсора на один объект, hover срабатывает не только у этого объекта, но и у какого-нибудь другого, и наоборот. Попытался приспособить эту штуку под свой сайт на Wordpress - ничего не вышло, не смог разобраться в CSS. Поиск решения на форуме и в Гугле результатов не принёс. Прошу подтолкнуть в правильном направлении. Имеется страница, на ней два объекта - заголовок и рамка вокруг текста. При наведении курсора на заголовок, плавно меняется цвет его фона. При наведении курсора в область с текстом, плавно меняется цвет рамки. Хочется чтобы при нав…
0 votes6 answers