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
-
Проблемма с классами..
В этой теме mrnobody мне объяснил, что меню можно задать класс..Но у меня почему-то получается вот так: Тоесть если вы заметите, joomla приписала moduletable слитно к main_menu + приписала слитно menu к first_class_меню...Почему и что делать? Помогите пожалуйста!
0 votes7 answers -
Карта изображений
Сижу учусь. не ругайтесь сразу, очень хотела решить эту задачу сама, но уже несколько часов ничего не получается, идеи иссякли. Есть изображение с кружочками, из него сделана карта изображений, так чтобы каждый кружочек был отдельной ссылкой на другую страницу. Что нужно написать в css, чтобы эти кружочки при нажатии не подсвечивались голубой рамочкой в виде круга? Приведен код карты изображений. To learn more cryptography, please tour the site.<br /> <img src="locks.jpg" alt="lock links" width="510" height="110" usemap="#locks"/><map name="locks"><area shape="circle" coords="52,52,43"href ="history.htm" alt="History" /><area sha…
0 votes9 answers -
Проблема с viewport
При отсутствии тега вьюпорт сайт не влезает во весь экран на айпаде. При использовании вьюпорта width=device-width сайт обрезается и справа появляется пустое пространство. Прокрутить горизонтально сайт не получается. Если сделать вьюпорт width=1200px, то все нормально. В чем может быть проблема? Скриншот прилагаю: http://i68.fastpic.ru/big/2014/1227/ac/573759c329f769151b075bc23a900cac.jpg
0 votes0 answers -
кроссбраузерные до ie8 врезки без js
помогите пожалуйста решить проблему, если это вообще возможно вот код: http://jsfiddle.net/9xd8k676/ здесь есть контейнер, который содержит текст и врезку. врезка расположена в верхнем левом углу. но нужно чтобы она была смещена вниз на несколько сот пикселей(точность особая не нужна), относительно своего настоящего положения. и при этом освободившееся место было бы заполнено текстом
0 votes10 answers -
Всплывающая страница заданной ширины
Добрый день! Продолжаю осваивать предмет. Ковыряю бесплатный шаблон. По задумке при клике на картинку открывается новая страница во всплывающем окне типа лайтбокса. Не пойму как задать ей ширину и центровку. Просто через width - не вариант. Прошу помощи. http://good-project.ru/test4/- первая картинка. Заранее спасибо!
0 votes8 answers -
Позиционирование под меню относительно главного меню средствами CSS
Добрый день. Сижу над следующей задачей: 1. Есть левое боковое меню из ul, li 2. При наведении на пункт меню li, отображаю блок div с подменю. Но проблема в том, что если боковое меню ul высотою с экран, или более, то всплывающее подменю div (возле последнего пункта меню li) не полностью выводиться на экран, оно уходит за границу нижней часть страницы и видно не полностью. Решение вижу так: 1. Для верхних пунктов (li) меню (ul), всплывающее под меню (div) позиционирую свойством top. Если всплывающее под меню (div) отображается для самых последних пунктов (li) вертикального меню (ul), то в место свойства top:0; для div думаю использовать свойс…
0 votes3 answers -
Как адаптировать под мобильный?
Здравствуйте. Вот есть такой сайт https://jsbin.com/yonapon/edit?html,css,js,output. На обычном мониторе есть отступы справа и слева, отображение корректное. Но когда проверяю на мобильном, нет этих отступов и некорректно работает ширина. Как мне это справить?
0 votes1 answer -
проблемы с ие
Помогите люди добрые . Вот проблема в ие глюк, ну думаю сами увидете. а так не понемаю в чем проблема... И еще не кто не знает, как можно будет поставить фон с учетом закруленых углов
0 votes1 answer -
проблемка с таблицей
собстно по картинке видно что в ИЕ разъезжаеться само по себе код страницы( на пхп вставки не реагировать) @charset "utf-8"; /* CSS Document */ #top { position:absolute; left:5%; top:0px; width:90%; height:50px; z-index:99; background-color: #FC9; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } #body { position:absolute; left:5%; top:65px; width:90%; height:85%; z-index:2; margin: 0px; padding: 0px; } #apDiv1 { position:absolute; left:5%; top:97%; width:90%; height:3%; z-index:3; background-color: #F96; font-family: verdana; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; text-t…
0 votes0 answers -
abbr, acronym
Подскажите пожалуйста как сделать чтобы при наведении на текст заключенный в тэгах abbr и acronym всплывающее окно не пропадало пока не отведешь мышь, сейчас оно пропадает примерно через 10 сек.
0 votes2 answers -
страница-невидимка х_х
есть страничка - http://beavers-net.narod.ru/prime.html Её видно в Опере, Сафари., Хроме...совершенно не видно в Фаере и ослике... Ошибок вродь нет..валидацию прошёл и CSS и HTML..Консоль ошибок тож молчит.. не знаю что и думать..( Кто-нибудь с таким сталкивался?
0 votes3 answers -
Таймер с выплывающим окном
Добрый вечер всем ) у меня такой вопрос "Как сделать на сайте таймер с выплывающим окном" Время проходит допустим 3 мин и выплывает окно ( не сылка на страницу а окно) где добавить слова! За ранее спасибо!
0 votes15 answers -
Высота 100% с отступами.
Добрый день. Есть проблема, но не как не могу найти решение без использования js. Требуется див по центру экрана у которого высота 100% но при этом есть отступ. Соответственно при изменении окна браузера, должен тянуться див и не должен появляться вертикальный скролл. Собственно нынешний код (урезанный). <style> html, body { padding:0px; margin:0 auto; height:100%; width:100%; } #section { height:100%; } #content { height:100%; margin:20px; } </style> <div id="section"> <div id="content"> текст </div> </div> Как это должно выглядеть. P.S. Извиняюсь если подобная тема есть, но не нашел ее.
0 votes11 answers -
Не работает java
Почему этот кусочек кода не работет? Не работает имеенно алерт при нажатии. В чём проблема?Я всё просмотрел не могу понять! Помогите! При перенесении этого событие к примеру на body всё работает, а тут нет. Почему?! <SELECT NAME='navSelect' class='select' id='sex'> <OPTION VALUE='1' onClick=\"alert('Ок')\">Нажми</OPTION> <OPTION VALUE='2'>Нажми вторая</OPTION> </SELECT>
0 votes9 answers -
Как убрать подчеркивание у ссылки
Уважаемые дамы и господа прошу помочь разобраться у меня есть блок div с классом my_node_news внутри него выводятся заголовки <h2 class="title_my_node_news"> и далее идет ссылка <a href="/kak-ustanovit-dve-operatsionnye-sistemy-na-kompyuter">Как установить две операционные системы на компьютер</a> по умолчанию в шаблоне прописано при наведении мышкой делать нижнее подчеркивание у всех тегов а мне же нужно убрать подчеркивание именно у всех ссылок с h2 class="title_my_node_news Как мне прописать в css Спасибо большое
0 votes2 answers -
Создание опросов
Всем привет. Я начинающий в таких делах, пожалуйста помогите На днях увидел множество опросов на примере вот таких http://sviridenkov.livejournal.com/354874.html Это какаето программа, а может скрипт?? или уже готовый код. Поделитесь пожалуйста) Заранее благодарен
0 votes2 answers -
Из каких элементов лучше составить блок (цена, размеры, добавить в корзину)
Доброго дня, подскажите как бы лучше составить блок (цена, размеры, добавить в корзину) из каких элементов. Мне интересно было бы нормально если поместить каждый в <li> и каждому свой атрибут?
0 votes5 answers -
уникальный класс для списка
Имеется список с классами к каждому елементу, не могу присвоить к каждому классу уникальное значение стиля. Если присваиваю елементу Folder 3.1.1 класс то все елементы которые идут после него в подсписке приобретают этот класс. Как сделать их уникальными. Т.е. например .main с красным бекграундом .sub с синим, если к классу .sub добавляется подкласс plus то бекграунд ТОЛЬКО ЭТОГО елемента становится белым а все остальные елементы которые находятся в подсписке имели синий цвет. <li class="main"><a href="#">Main item</a> <ul> <li class="sub"><a href="#">Folder 2.0</a></li> <li class="sub plus"><a href="#">…
0 votes5 answers -
[CSS] Объект на логотипе
Здравствуйте, извините пожалуйста, первый раз на сайте вашем, помогите пожалуйста разместить на логотипе флеш-проигрыватель Вот сам логотип: #header { background: url("http://s019.radikal.ru/i626/1203/33/f13d17e6f54d.png"); margin: 0 auto; color:#FFFFFF; width:640px; height:240px; } Как на него влепить флеш-проигрыватель? Сам флеш проигрыватель имеется, вопрос только в том как размещать на логотипе
0 votes7 answers -
помогите с позиционированием
Здраствуйте! Помогите разместить 2 картинки на разных слоях, чтобы 2-я(меньшая, находится на другом слое) позиционировалась относительно первой (большей) сейчас все выглядит так: http://jsfiddle.net/zzhBL/9/ проблема в том, что меньшая картинка "плавает" в зависимости от размера монитора, а нужно чтобы всегда была на одном и мот же месте относительно первой. Вот код: <p> </p> <div><img src="images/logo-rus.gif" border="0" alt="" style="display: block; margin-left: auto; margin-right: auto; position: relative;" /> <div><img src="images/logo03-ru.png" border="0" style="margin: -20px 175px; vertical-align: top; left: 20px; top: 20px; width:…
0 votes4 answers -
text-align в IE<9
Такая трабла: IE младше 9-ой версии неправильно выравнивают inline-block элементы. <div class="parent"> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> </div> Задав блоку с классом "parent" свойство text-align: center, а дочерним элементам свойство inline-block, нормальные браузеры располагают инлайн-блоки ровно по центру, но не IE<9. Как справиться с этим? Гуглил, но тамошние приемы мне не помогли, или я просто делал что-то не так.
0 votes4 answers -
Размер контента в Firefox.
Добрый день столкнулся с проблемой размера контента в фаерфоксе. Скрин меню в фаерфоксе В остальных браузерах вот CSS код .mainmenu-block { background-color: #6EB9FF; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(110, 185, 255, 1)), to(rgba(15, 109, 196, 1))); background-image: -webkit-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: -moz-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: -o-linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); background-image: linear-gradient(rgba(110, 185, 255, 1) 0%, rgba(15, 109, 196, 1) 100%); border-radius:5px; …
0 votes15 answers -
Горизонтальный скролл
При построении сетки на flex-box, появляется горизонтальный скролл, как решить эту проблему? Я так понимаю что из-за отрицательного правого маргина у row, но как тогда мне обнулять отступы слева у первого элемента, и справа у последнего? Без nth-child не обойтись? Спасибо! https://jsfiddle.net/qLz87c4r/ https://codepen.io/anon/pen/JydmbY
0 votes2 answers -
<button> отправить форму и остаться на странице
Подскажите решение, пожалуйста. Есть среди ответов форума вариант onclick="window.open('https://myurl')" но будет ли это валидно в моём случае?
0 votes3 answers -
Подскажите по поводу ссылок
Подскажите как реализовать такую вещь.. http://fotki.yandex.ru/users/artofhuman/view/2193/ Нужно чтобы при наведении на ссылку она подсвечивалась. Думал фоном задавать по всей высоте ссылке, но тогда высота кликабильной области ссылки будет большая.
0 votes2 answers