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
-
Проблемы с :after
добавил в файл стилей .field-name-field-img-poster .field-label:after { content: "кликабельны"; color: #808080; font-weight: normal; font-size: 12px; } Но почему то вместо слова "кликабельны" появились ромбики с восклицательными знаками. Проблема с кодировкой? как исправить? http://vtrailere.ru/2012/treyler-k-filmu-ohotnik (смотрите где постеры)
0 votes2 answers -
Нужна помощь по меню
Здравствуйте! Сразу к сути вопроса Мне необходимо сверстать вот такое меню Сам сайт фиксированный а у шапки фон тянется во всю ширину окна с наложением повторяющейся текстуры причем у активного пункта меню тоже имеется такой же background и сами пункты должны быть резиновыми. Подскажите как это можно реализовать что бы это было кроссбраузерно и желательно без js.
0 votes4 answers -
Фиксированное меню
В опере иногда сьезжает #wrapper{ margin:50px auto 0px auto; width:960px; height:auto; } aside{ width:309px; padding:10px; float:left; height:auto; border-collapse: collapse; } article{ width:609px; padding:10px; float:left; height:auto; border-left:1px solid #B9E3F3; border-collapse: collapse; } .clear{clear:both;} footer{ border-top:1px solid #B9E3F3; width:940px; padding:10px; height:auto; } nav{ position:fixed; top:0; left:0; padding:0px; margin:0px; width:100%; height:50px; background:black; } <!DOCTYPE HTML> <head> <meta http-equiv="content-type" content="text/html" /> <title>Sign in Mysite</title> </head> <body> <…
0 votes0 answers -
горизонтальное меню:hover с фоном не закрывает слева разделитель
Всем привет! Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. Попробовала margin-left:-1px; -- при наведении курсора этот маrgin закрывает разделитель слева, но из-за этого немного прыгает все меню. Как можно сделать так, чтобы и разделитель слева закрывался фоном при наведении курсора и не было никаких сдвигов .Menu-2 li a { display:block; min-width:130px; height:40px; font-weight:bold; text-align:center; color:#FFF; cursor:pointer;…
0 votes4 answers -
умешьшить шрифт для ie
помогите пожалуйста на страничке для ie уменьшить шрифт до 1px. в условных комментариях для него указана именно эта величина. но правило не срабатывает пробовал режим <meta http-equiv="X-UA-Compatible" content="IE=edge" /> не помогло
0 votes5 answers -
Картинка заднего фона (и не только) с точки зрения оптимизации ?
Здравствуйте! Меня интересует вот такой вопрос, с точки зрения оптимизации и скорости загрузки страницы, какого размера картинку выбирать для заднего фона ? Например - 16х16 или 64х64 и более ? Как это влияет на скорость загрузки страницы. А так же, как лучше всего создавать свой сайт, что бы визуального материала было много(картинок), но страница грузилась как можно быстрее ? П.С. Почитав в интернете, пришёл к выводу, что для заднего фона лучше использовать jpg, если я не прав, поправьте. П.П.С. JS решения не предлагать, не дружу с ним, пока что осваиваюсь только в HTLM/CSS Буду признателен за помощь и любой совет, который мог бы быть полезный новичку, дабы сразу научить…
0 votes2 answers -
elevateZoom лишние картинки
Пользовался кто нибудь такой штукой elevateZoom ? Все как бы работает, но из-за того, что слайдер, зуммер показывает лишние картинки попапы в области справа, если навести. http://shadow.perm.ru/test/pioneer/item.html
0 votes1 answer -
Треугольники-картинки
Начал верстать сайт и столкнулся с проблемой. По задумке эти треугольники должны быть как кнопки и при наведении спускаться,но альфа канал перекрывает друг друга и получается каша. С тегом map тоже не получается. Как можно это прописать?(если треугольники будут не чистые заливки, а фото)
0 votes1 answer -
Как выровнять картинку по горизонтали без указания ширины?
Возможно ли выровнять картинку по горизонтали без указания ширины? Я сделала это с помощью padding'а....но последняя картинка не выровнена посередине относительно текста и понятно почему. Как сделать выравнивание правильно? Вот код: http://cssdeck.com/labs/ryg3qje3
0 votes3 answers -
Вертикальное меню
<div class="left-navigation"><ul><li> <a href="holod.php" title="Ремонт холодильников">Ремонт холодильников</a></li><li> <a href="stiral.php" title="Ремонт стиральных машин">Ремонт стиральных машин</a></li><li> <a href="posuda.php" title="Ремонт посудомоечных машин">Ремонт посудомоечных машин</a></li><li> <a href="vodonagr.php" title="Ремонт водонагревателей">Ремонт водонагревателей</a></li><li> <a href="plita.php" title="Ремонт электроплит">Ремонт электроплит</a></li><li> <a href="panel.php" title="Ремонт варочных панелей">Ремон…
0 votes5 answers -
Друзья посмотрите как я сверстал!
Всем привет начал с курсов теперь сам начал верстать сверстал свою первую страницу самостоятельно без курсов. Я ещё новичок в этом деле Ссылка на файл:http://zalil.su/330237 Вот посмотрите и оцените нормально ли для новичка? Масштаб поставьте на 33% и почему у меня такие проблемы появляються с маштабом в фотошопе на много пикселей показывает и пожалуста подкиньте мне пару макетов с хорошим маштабом. Спасибо вам всем!
0 votes1 answer -
Плавное появление при наведении
При наведении на блок необходимо чтобы блок внутри него плавно появлялся. Как это сделать? http://codepen.io/anon/pen/bdrYmZ
0 votes1 answer -
Проблема с мобильной версией сайта (верстка css)
Здравствуйте уважаемые, уже пару дней борюсь с непонятным отображением главной страницы сайта автошколы - автобан в мобильной версии. Итак, суть проблемы: Открывая главную страницу на мобилке или в хроме с отладкой моб.устройств, справа появляется пустая область по всей высоте, то-есть если страницу пересунуть влево. Такой глюк только на главной странице, больше не замечал нигде, такое ощущение что где-то задана ширина, больше ширины экрана, но я все пересмотрел много раз, и не могу найти где проблема. Прошу помощи, буду рад любым идеям
0 votes1 answer -
CSS и позиционирование от верхнего края страницы
Добрый день. Если я вставляю в абсолютно пустую страницу таблицу, то ее верхняя граница начинается с небольшим отступом от верха страницы. Как сделать, чтобы этого отступа не было? margin-top:0px; и padding-top:0px;, прописанные в стиле таблицы не помогают. ============================================================= Сам допер В блоке "<body>" прописываем topmargin="0". Тему можно удалять.
0 votes1 answer -
Ошибка в условных коментариях
Пишу 2 условных комментария. <!--[if lte IE 7]> <style type="text/css"> .shr{font-size:15px; margin-top:-20px; } </style> <! [endif]--> <!--[if IE 8]> <style type="text/css"> .shr{margin-top:0px; } </style> <! [endif]--> Получается что в браузере ИЕ7, всё нормально отображается как и хотел при использовании условного для ИЕ7, как начинаю писать такое для ИЕ8, так как в нём нужно тоже, расплывается всё. Что делать?
0 votes2 answers -
Тянущийся флеш и не тянущийся дизайн
Есть дизайн, ширина 1000. И есть флеш, максимальная ширина 1544 Еще есть карусель, которая тоже должна тянутся на всю. При позиционировании абсолют, появляется колесо прокрутки Как можно обойти эту ширину 1000, если карусель и флеш находится внутри контента?>< Спасибо )
0 votes1 answer -
active/link
Обьясните пожалуйста почему не работает вот такой код Хочу прозрачные вкладки, когда не активные... <!DOCTYPE html> <html> <head> <link type="text/javascript" href="js/iframes.js"> <link rel="stylesheet" type="text/css" href="css/style.css"/> <meta charset="utf-8"/> <meta name="description" content=""> <meta name="author" content=""> <title>land47</title> </head> <body> <style> .tabs nav ul il { cursor: pointer; margin-right: -4px; border-radius: 0 0 15px 15px ; padding: 7px; background-color: #9e00bb ; } .tabs nav ul il:active,.tabs nav ul il:hover{ opacity: 1; } .tabs nav ul il:link,.tabs …
0 votes2 answers -
Горизонтальное CSS меню
Здравствуйте уважаемые форумчане. Мне нужно сверстать простое горизонтальное меню при помощи CSS. Вот html код <div class="meny"> <!--Оказывается горизонтальное меню на CSS делается по другому принципу нежели то, меню, что я делал для своего сайта "Эволюция и происхождение человека, а именно через списки.--> <ul> <li> <a href="index.html">Главная </a> </li> <li> <a href="info.html"> Важная информация </a> </li> <li> <a href="histori.html"> История </a> </li> …
0 votes1 answer -
Проблема с отображением на планшете
Ребята, помогите пожалуйста, создал форму, на компьютере смотрите отлично, но когда просматриваешь на плантеше - внизу формы появляется большой отступ, после кнопки, и текст копирайта налазит на форму. Подскажите пожалуйста как исправить этот косят с отображением на планшетах? Скриншот правильного отображения на компе: И скриншон с планшета, где расстояние после кнопки слишком большое и копирайт (текст под формой) налазит на форму. Помогите плззз...
0 votes1 answer -
Селекс
Как оформить этот селект или какие плагины посоветуете? http://fastpic.ru/view/65/2014/1103/9b02a296474fb35f7d40726ff717746d.jpg.html
0 votes2 answers -
Слайдер перекрывает выпадающее меню
Здравствуйте! Такая проблема: сайт http://hosterplus.ru/ Выпадающее меню работает не корректно через слайдер! Ставил большой z-index для sub-menu не помогло! Подскажите пожалуйста в чём может быть проблема! Спасибо! В данный момент проблема с пунктом меню "УСЛУГИ"
0 votes2 answers -
Верстка фона
Добрый день. Подскажите как верстать такие фоны? Это все целая картинка
0 votes3 answers -
что за эффект
http://www.agence-belle-epoque.fr/ когда секция загрузилась, заголовок плавно появляется(заполняется), не знаю как обьяснить. как это реализовано? кто нибудь знает?
0 votes6 answers -
Вывод пропорционального флеш-ролика
Как вывести на сайте флеш-ролик с нормальными пропорциями? Например, одни ролики более квадратные 4:3, другие продолговатые - 16:9. Использую один контейнер для всех роликов. Из-за этого появляются полоски, либо по бокам, либо сверху-снизу. Обрезка параметром scale=noborder не подходит, так как может отрезать элементы управления. Есть ли возможность узнать параметры ролика и подогнать высоту контейнера для корректных пропорций?
0 votes0 answers -
Не адаптируется фото шапки сайта
Ребята! Есть страница http://minskgid.by При смене фото шапки страницы там где бабочка на компьютере более менее, а вот на телефоне становится все ужасно... Фото 1200*800. Самое интересное что вставляю другое фото (тоже 1200*800) - оно адаптируется и на компьютере нормально и на телефонах. Бабочку эту я уже сунул по всем углам - все равно ничего не получается. Может кто-нибудь подскажет идею что можно еще сделать, Спасибо...
0 votes3 answers