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
-
Псевдокласс hover для внутренних тегов
Есть ли возможноть сделать так чтоб псевдокласс hover был допустим для тега <div class="parent">....</div> а свойства изменялись(допустим цвет) для другого внутреннего тега допустим для тега <div class="child">....</div> Вот как то так: /*HTML*/ <div class="parent"> <div class="child">....</div> </div> /*CSS*/ .child{color:#fff;} .parent:hover.child{color:#000;}
0 votes9 answers -
Текст выходи за пределы блока
Помогите решить проблему, текст ссылки выходит за пределы блока, а нужно чтобы он переходил на новую строку вот такой код <div class="sidebar" id="sideLeft"> <div class="blk"> <div class="zagolovok"><h3>Навигация</h3></div> <div class="link"><a href="">Категория</a></div> <div class="link"><a href="">Категория</a></div> <div class="link"><a href="">Категория</a></div> <div class="link"><a href="">КатегорияКатегорияКатегориярияКатегория&…
0 votes4 answers -
подсветка ссылки
есть ссылка на картинке и я хочу, что бы при наведении на нее мышки она подсвечивалась, то бишь становилась чуть светлее. проблема в том, что если поставить .onIndex:hover {opacity: 0.8} то будет просвечивать другая картинка, задний фон и все объекты сзади. это очень не желательно. пробовал в фш создать еще картинку, но чуть высветленную и поставить просто в блоке background: URL(images/onindex.png); а в :hover высветленную, но он не хочет вообще ставить ничего в бэкгроунд. пробовал на javascript поставить do { document.onmain.src = "images/opacity_onindex.png"; } while (document.onmain.onmouseover); страница зависает при наведении очень жду ваших предложений, второй …
0 votes4 answers -
Проблема с "табами"
Добрый день! Прошу помочь разобраться с багом. При смене таба, а потом возврате в первый содержимое таба пропадает. Вот ссылка на страницу с багом http://root.donkos.esy.es/card.html и скрин http://prntscr.com/62wjl8 , а это скрин с результатом ошибки http://prntscr.com/62wk8q . Заранее благодарю!
0 votes2 answers -
Обтекание элементов
Добрый день,уважаемые форумчане! При верстке макета обнаружил проблемку: дело в том,что новости на сайте разной высоты и никак не могу добиться того,чтобы блоки обтекали друг друга ,а не оставляли пустое место. Прилагаю скрин,там есть новости,и я добиваюсь такого же обтекания,помогите,знает кто,0где можно достать информацию по данному поводу?
0 votes6 answers -
Тянущиеся блоки
Всем привет. Столкнулся с такой проблемой http://take.ms/7rC84есть конструкция из 3х частей. все три могут динамически менять ширину. изначально должно все выглядеть как на скрине выше, тоесть растягиваться на ширину контента блоков. при изменении контента все должно красиво тянуться, вот так - http://take.ms/MOUFg тут все ясно, куча вариантов реализации... но дальше начинается веселье. важно что здесь текст должен быть только в одну строку. при достижении ширины родительского блока наша конструкция должна перестать увеличиваться в ширине (ну типа max-width:100%) и в центральной колонке текст который не влазит должен обрезаться и ставится в конце троеточие, типа так - …
0 votes3 answers -
robots.txt
Здравствуйте, у одного из моих сайтов на хостинге находится файл robots.txt с таким содержимым: User-agent: * Disallow: /graphics/ Disallow: /*.jpg$ и мне нужно было сделать запрет на индексирование всей графики в конкретной папке и вообще всех jpg. Думала что я правильно всё сделала но вот сегодня пришло письмо от Яндекс вебмастера в котором говорится о том что сайт полностью запрещён к индексированию в robots.txt. Это ошибка со стороны Яндекса и нужно писать им или у меня действительно не правильно заполнен этот файл для решения своей задачи? Спасибо!
0 votes2 answers -
Чем вызвано описанное поведение в FF, и как его исправить?
Здравствуйте. В FF div.container__right приобретает ширину в 4000px, когда должен иметь ширину вложенной в него картинки. Не пойму, почему так происходит? в остальных браузерах все хорошо... <div class="container"> <div class="container__left"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non …
0 votes2 answers -
Горизонтальное меню
Подскажите пожалуйста как сделать такое вот меню. Я делаю следущее <div align="left" style=" width: 900px; height: 40px;border: 2px solid; border-color:ffffff;"> Тут задаю размеры блока на котором оно будет. <a href=" "class="rollover1" > </a> <a href=" " class="rollover2" ></a> <a href=" "class="rollover3"></a> <a href=" "class="rollover4"></a> <a href=" "class="rollover5"></a> Тут идет перечисление граф в меню,Хотелось бы сделать меню как то по проще,дело в том что при этом коде каждый следущий рисунок меню становится вертикально и получается столбик.Который потом очень неудобно по…
0 votes0 answers -
Как прятать div при масштабировании страницы?
Дело в том, что есть сайт, заточенный под разрешение 1280. И при разрешении монитора 1024 он не влазит по бокам страницы и появляется горизонтальная полоса прокрутки, что не есть хорошо. Было решено сделать, чтобы самый левый div(там просто картинка в теге div) уходил за пределы экрана при разрешении 1024 и тогда все будет влезать. В картинке набросок. Красный блок должен уходить как бы за пределы экрана влево, а оранжевый нет. И конечно же никакой горизонтальной прокрутки не должно быть. Вот меня интересует вопрос как такое реализовать?
0 votes1 answer -
Помогите Useru
Всем привет! Создаю свой сайт, ну точнее пробую, подскажите пожалуйстачто нужно пропичатать на HTML, для того чтоб на сайте пользователи могли осставлять коментарии/сообщения. Заранее спосибо!
0 votes4 answers -
Разыскивается рабочий text-shadow на a:hover
Выпал такой случай применить text-shadow, раньше его не применял так как беготня за заплатками никогда не радовала(. Перелопатив кучу shadow заменителей ни нашел одного который можно было бы повешать на a:hover или просто результат shadow заменителя не подошел по случаю. Решил поинтересоваться он вообще существует? Нужно что бы при наведении на ссылку на тексте была тень, голова уже пухнет так и не нашел ничего хорошего( был бы очень благодарен совету как быть..
0 votes2 answers -
Как глобально скруглить углы таблиц?
В общем нужно чтоб ВЕЗДЕ скруглились углы, может кто знает какие-либо методы? Заранее спасибо
0 votes3 answers -
Максимальная высота элемента
Есть несколько блоков div с одним классом, но они разной высоты, как всем блокам сделать максимальную высоту самого высого из данных блоков. А то при блоки не показываются ровно по рядам, а смещаются, решил проблему указанием высоты блока, но это не очень выглядит. Пример: http://aztshop.ru (каждый товар - блок)
0 votes6 answers -
Помогите с выбором материала
Добрый день! Помогите пожалуйста подобрать качественный материал по обучению созданию сайтов. Уровень почти нулевой, в сети столько всего, что глаза разбегаются, а когда начинаю читать что-то одно то натыкаюсь на непонятные мне вещи и термины. Хотелось бы изучать все по порядку, распишите если не сложно этапы по которым стоит вникать. Заранее всем огромное спасибо! P.S Вообще планирую создать сайт на бесплатной CMS типа joomla, drupal.
0 votes2 answers -
Проблема с @font-face
Пытаюсь подключить нестандартный шрифт через @font-face. Если html, css файлы и шрифты лежат в одной папке, то отображается все везде как надо. Если файл со стилями и шрифты раскладываю по разным папкам (пути естественно тоже меняю), то Мазила всех версий перестает видеть этот шрифт. В чем может быть проблема? Или что я делаю не правильно? <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="../Css/test.css"> </head> <body> <h3>Etiam porta sem malesuada magna mollis euismod</h3> <p>Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vesti…
0 votes6 answers -
Отправка формуляра без Outlook
мне дали задание сделать формуляр для отправки писем на какойто адресс. я сделал, но он отправляет их только через outlook, как сделаьть так что бы он делал это без него, то есть сразу на прямую?(не используя java и php) http://jsfiddle.net/krofik/Sjsy5/ я думаю что у меня что то с mailto не так, ну словом, где то в том направлении. прошу понять и помочь. заранее благодарен.
0 votes4 answers -
Помогите с фоном
Какбы сайт будет резиновым, а чё с фоном делать не знаю как не резал он некрасиво получается под большим разрешением экрана.
0 votes5 answers -
Вопрос новичка
Всем пользователям добрый день! Подскажите пожалуйста не опытному пользователю. Почему нельзя менять выделенный фрагмент CSS? и если можно, то как? http://itmages.ru/image/view/778247/8b486445 Заранее спасибо
0 votes4 answers -
Проблема с футером
Задача: создать SEO адаптированный шаблон. Проблема: футер заходит под контент при уменьшении окна браузера по вертикали. Вот пример Большая просьба указать на ошибки, если таковые имеются или помочь хотя бы ссылкой на аналогичную проблему. Заранее благодарен.
0 votes6 answers -
Адаптивный бэкграунд
Бьюсь над проблемой целый день Есть сайт - горизонтальный параллакс, никак не удается сделать фон (виньетка снизу) адаптивным, чтобы он сжимался пропорционально при изменении расширения экрана. Уже было испробовано много вариантов. Картинка в <body> (почему-то не удается поставить div, только картинку) <body> <img id="responsive" src="img/bg_body.png" /> <div id="wrapper"> <div id="header"> </body> #responsive { max-width:100%; width:100%; height: auto; top:40%; left:0; position:relative; } так почему-то не сжимается, хотя по правилам должен. body{ width:7000px; background:#000 url(../img/body.png) repeat-x scroll; background-si…
0 votes3 answers -
Проблема с line-height
Возникла проблема с line-height Вот есть шапочка. верстаю Проблема в том что когда вешаю на body line-height он воздействует как margin-top; Вот html разметка <body> <div class="header"> <table class="header-inner"> <tr> <td colspan="3" class="header-menu"> <ul> <li> <a href="#">О компании</a> </li> <li> <a href="#">Доставка и оплата</a> </li> <li> <a href="#">Контакты</a> </li> <li> <a href="#">Помощь</a> </li> </ul> </td> </tr> <tr> <td class="logo-block"> <div class="logo"> </div> </td> &…
0 votes2 answers -
Остановить автопроигрывание видео
Есть вот такой простой код <iframe src="video/SA_bogatikov.mp4" frameborder="0" allowfullscreen></iframe> Он сразу проигрывается при загрузке страницы. Как убрать автопроигрывание?
0 votes10 answers -
Наложение блоков position:absolute и mouseleave
Добрый вечер. Пациент: _http: //win.kronwerk.net/autoproducts/parts/tecdoc/ford/?qs=transit Проблема: Исчезает всплывающее меню модели, когда из-за своей величины(множества строк) накладывается на футер и курсор попадает в эту область пересечения ( явный пример Форд Транзит). Соответственно и текст в футере виден в этом меню. На сколько смог разобраться сам, понял что футер и всплывающее меню модификаций позиционированы absolute. Следовательно когда меню и футер пересекаются, js $('.ddpick').bind('mousedown', openSubMenu);$('.ddpick').bind('mouseleave', closeSubMenu);function openSubMenu() { $(this).find('ul').css('display', 'block'); };function closeSubMenu() { $…
0 votes0 answers -
пишем текст в div как в textarea
Кто нить подскажет, есть такое свойство в Css которое разрешает писать в диве??
0 votes3 answers