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
-
Наследование стиля дочерними элементами
Всем добре. Столкнулся вот с таком проблемой. Есть родительский блок, внутри которого есть еще два div. При наведении на родительский div хочу, чтобы он обводился рамком, для чего использую :hover. Но при наведении на него рамка появляется у дочерних дивов, в зависимости от того, на который наведешь мышкой. Вот код если html <div id="korzina" onclick="location.href='http://"> <div class="korzina_left"></div> <div class="korzina_right"></div> </div> css #korzina{ background-image: url(../images/cart1.png); float: left; top: 20px; position: relative; width: 200px; height: 60px; cursor: pointer…
0 votes4 answers -
Тень у 6-ти угольной кнопки
Подскажите пожалуйста можно ли как то сделать тень, а именно эффект вдавливания при hover, именно для этой формы кнопки. https://jsfiddle.net/urd76pkp/
0 votes1 answer -
Проблемы с фоном
При увеличении масштаба возникают проблемы с фоном помогите
0 votes1 answer -
Медиа запросы | CSS
День добрый. С помощью видео курса осваиваю медиа запросы - адаптация под мобильную версию только на CSS, навигация HTML. Проблема следующая - адаптация работает когда я открываю сайт в окне и на своей операционной системе самостоятельно меняю размер окна, но при этом не работает в режиме разработчика, когда я выбираю просмотр с устройства, в моём случае это был iPad, и при этом автор в видео курсе демонстрирует работу медиа запросов именно там. Я попробовал перенести веб-страницу на свой телефон и открыть её в браузере - адаптивная версия там тоже не сработала. Видео за январь 2020, у автора Chrome - у меня тоже, разве что у него Mac, у меня Windows. Что это за магия т…
0 votes1 answer -
Линия через три блока
Добрый день, подскажите как реализовать такую линию, как показано на рисунке? Линия пересекает три блока, один из которых находится над ней?
0 votes2 answers -
Opera & Лиса - ОК, IE- бэд
Пока не осоил DIV верстаю таблицей. Сделал вертску куска форума. Едит место между ссылками с картинками и объявлениями. В IE при заполнении контентом, или из за чего еще средняя часть поехала ( при пустом все было ОК ) . ЗЫ в Лисе и Opera все как всегда ОТЛИЧНО! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" /> <link rel="shortcut icon" href="favicon.ico" /> <title><% TITLE %></title> <style t…
0 votes0 answers -
как "обрубить" ранее заданные hover
a.link_registration { font-size: 9pt; font-weight: 700; position: relative; top: 12px; left: 65px; } a.link_registration:link { } a.link_registration:visited { } a.link_registration:active { } a.link_registration:hover { border-top: 3px solid #E98402; border-bottom: 3px solid #E98402; } При наведении подчеркивает оранжевым и синим цветом. А нужно, чтобы подчеркивалось только оранжевым цветом (#E98402). Подчеркивание синим цветом задано для других ссылок, класс "link_registration" - уникальный
0 votes3 answers -
Проблема отображения в ie7
http://www.bellefille.ru/index.php В ie7 некорректно отображается. Помогите найти ошибку.
0 votes6 answers -
проблема с ИЕ
Подскажите, пожалуйста, в чем может быть проблема. В браузерах: Мозила, Сафари, опера, хром - все ок. А в ИЕ7 и ИЕ 8 сайт (а вернее страница, так как на всех остальных страницах сайт выравнивается) падает. Вот страница www*7kontinentov*com/ru/catalog/newscaf. Заранее спасибо. :
0 votes4 answers -
background-position:bottom right
суть такова, есть конструкция <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(images/carbon.gif); background-position:bottom right; background-repeat:no-repeat; } --> </style></head> что за маразм <body> </body> </html> картинка carbon.gif упорно не хочет стоять в правом нижнем углу тела до…
0 votes3 answers -
Прошу совет в верстке шапки
Добрый день. Прошу не пинайте сильно сразу. Сверстал сайт на wordpress, но теперь возникла потребность в изменении дизайна. сайт _hhttp://stereoinside.ru Хочу сделать согласно картинке. Header.php переделал, теперь он имеет код <body> <div id="top"> <div id="header"> <div class="description"><h1><?php bloginfo('name'); ?></h1> <?php bloginfo('description'); ?></div> <div class="clearfloat"/> </div> </div> <div id="container"></div> <?php wp_nav_menu( array( 'theme_location' => 'main-menu' ) ); ?> </div> </body> </html> А как именно в css прописать не соображ…
0 votes8 answers -
jquery
в номере 1 появляются строки данных пользователь кликает на строке с данными в квадрате 1(данные должны динамически добавляться в нем) и кнопками >> или << перекидывает эти данные в квадрат 2 или 3
0 votes5 answers -
Выравнивание текста
Привет. Столкнулся с такой проблемой. Текст выводиться не ровно, цифры ниже. Как выровнять? Подскажите.
0 votes5 answers -
Центрирование элементов списка
Замучался уже, никак не могу расположить элементы по центру, хотя вроде всё по правилам делаю Подскажи как сделать чтобы li по центру распологались? http://jsfiddle.net/bsZ67/
0 votes3 answers -
Резиновый шрифт
Здравствуйте! Такая проблема: Делаю адаптивный сайт, использую Firefox, а проверяю просто уменьшением окна браузера. Перейдя по ссылки, вы сможете увидеть надпись вверху, и если у вас разрешение меньше 1920*1200, наверняка надпись перейдет на вторую строку, закроя тем самым ссылки. Размер шрифта в процентах, да и вообще я считаю, что все надо делать в процентах. Главное не понимаю, почему, если он в процентах, плохо отображается на других экранах. Может есть какое-то средство, чтобы не создавалась новая строка? Как видете игрался с max-height, не помогает. А заодну еще вопрос задам: почему у меня на телефоне HTC Incredible S простой шрифт идет, а не тот который я установи…
0 votes6 answers -
Проблема с позиционированием
Здравствуйте! Помогите с решением такой проблемы. В шапке текст, заключенный в теги <h1>...</h1> ушел вверх и влево. Как поставить его по середине и чуть ниже от верха? Пытался различными методами, но ничего не получается. Ниже даю css-код этого элемента header.mainHeader h1 a{ border: 1px solid #000; font: bold 64px "Century Gothic"; color: #1d1eeb; text-decoration: none; text-shadow: #1d1eeb 0 0 10px; } https://www.dropbox....k9ccocc4y/1.jpg
0 votes9 answers -
Вертикальное меню с выдвигающимся подменю
необходимо чтобы подменю было такой же ширины как меню.А цвет подменю отличался от цвета основного меню.И еще чтобы во время того пока мы смотрим подменю,пункт основного меню из которого выпало подменю тоже подсвечивался каким то цветом .вот ссылка помогите http://files.mail.ru/E865FC42CE7F4E0888FB9568B70BFC3D.я еще амейтер в этом деле
0 votes1 answer -
Ширина в %
Привет ребята есть у меня блок .menu {width: 70%;} а в нём тэги li {width: 10%;} как я понимаю браузер размеры тэгов li считает от края экрана, а как сделать что бы он считал от блока .menu?
0 votes5 answers -
Позиция элементов на странице
Доброго времени суток! Верстая сайт у меня возник вопрос, как контейнер DIV, размещенный в другом контейнере, сместить вниз на половину его высоты и ширины? Хочу сразу сказать, что ширина и высота котнтейнера не заданы. Код который я написал, приведенный ниже: <style> .A, .B{ width: auto; height: auto; display: block; box-sizing: border-box; font-size: 36px; } .A{ position: absolute; margin: 30px; background-color: #07A2FE; border: 1px solid #0080CD; } .B{ position: relative; background-color: #FFCF3F; border: 1px solid #E9AF00; top: 50%; left: 50%; } </style> <div class="A"><div class="B">Example</div></div>
0 votes9 answers -
3 колонки div - помогите!
Здравствуйте, уважаемые знатоки. Передо мной стоит задача: сделать шаблон на 3 колонки, да так, чтоб средняя колонка была всегда по центру (она фиксированной ширины, 960px, например), а левая и правая занимали оставшуюся часть окна (слева и спарвва, соответственно) раномерно (т.е. ширина левой и правой колонок должны быть равны) в зависимости от ширины окна. При этом в правой колонке ещё и background будет - большая такая картинка. Перепробовал кучу способов - ничего не выходит (или не хватает мозгов) и уже сделал с помошью таблицы, но это ж как-то не комильфо. Помогите справиться, пожалуйста. Заранее благодарю.
0 votes2 answers -
проблема iepngfix
Не понимаю почему не подключается данный скрипт . Если конкретнее: все делаю по инструкции: в <head> засунул конструкцию: <!--[if lte IE 6]> <link href="/css/ie6.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="/iepngfix_tilebg.js"></script> <![endif]--> в самом ie6.css для элемента, в котором нужно включить прозраность бэкграунда PNG под IE6 прописал: #pod_content_listy_top { behavior: url(../iepngfix.htc);}в основном файле стилей template.css для этого элемента прописано #pod_content_listy_top{ background:url('../images/content_top_listy.png') left top no-repeat; }Но, блин, не работает.. Пути пе…
0 votes6 answers -
Пропадающий фон
Ребят помогите, сам не справился... При разрешении экрана меньше минимального (либо просто при масштабировании страницы) - фон участка, вышедшего за пределы экрана, исчезает. Подскажите как бороться с этой проблемой? Ставил для блока с фоном min-width: 100%; не помогает. Как быть, подскажите? Гугл не забанил, но и ответа он не дал, нашёл только какой-то бред про то что-бы поставить inline-block для блока с фоном, не помогло. Фон обычный background-color, никаких картинок.. http://i019.radikal.ru/1402/fa/595daa41b2e6.jpg Заранее спасибо.
0 votes5 answers -
Тень на CSS3
Здравствуйте. Можно ли сделать такую тень на чистом html5+css3, или тут без изображения никак? Спасибо.
0 votes1 answer -
Стоит ли использовать мететег keywords?
Скажите, стоит ли на сайте использовать метатег keywords? На некоторых сайтах пишут что поисковики сейчас просто его игнорируют. На некоторых рекомендуют убрать его вообще так как от него ПС понижают в выдаче.
0 votes6 answers -
Помогите, пожалуйста с версткой меню личного кабинета
Здравствуйте, пожалуйста, помогите, как сверстать такое меню? При переключении по страницам личного кабинета вкладка обозначается впуклостью ? с кругом. Нужно в стилях играть с осями ?
0 votes1 answer