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
29,542 questions in this forum
-
ie6 меню
Все привет! У меня проблема с меню(#menu) в ie6: при наведении курсора на меню появляется ненужный отступ снизу, а надо чтобы и меню было плотно прижато к нижней границы #header, и при наведении курсора кнопка также увеличивалась снизу(menu a{padding:2px 20px 0;}), наезжая на границу <!doctype html> <html><head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="basecss.css" type="text/css"> <link rel="stylesheet" href="css_to_for_m.css" type="text/css"> <!--[if IE 6]> <link href="ie.css" type="text/css" rel="stylesheet"> <![endif]--> </head> <body> <div id="contai…
0 votes2 answers -
Как получить доступ к jquery в другом скрипте?
Собственно решил вынести все скрипты за пределы страницы. Возникла проблема. Мне бы хотелось использовать библиотеку jquery в свое скрипте. Что я должен сделать для этого?
0 votes3 answers -
Два дива по горизонтали, каждый по 50%
Доброго всем дня! Подскажите, как создать в блоке "content"-->>"tab1" два блока равные 50% и расположенные по горизонтали (на данный момент один под другим). <style> #content {width:1000px; overflow:hidden; background: #fff; border-top: 2px solid #3d3d3d; padding: 2em;} .left-col{float: left; width:50%; border:1px solid #FF0000; margin-right:5px; margin-bottom:5px; padding: 0px 5px 0px 5px; } .right-col{float: left; margin-left: auto; border:1px solid #FF0000; padding: 0px 5px 0px 5px; } .title{width:100%; height:25px; background: #FFC; margin-left:auto;margin-right:auto; margin-top:10px; margin-bottom:10px;} </style> </head> <div id="conte…
0 votes0 answers -
Два блока, один - резиновый
Вместо тысячи слов... Как? подскажите пожалуйста
0 votes2 answers -
Партнер битрикса
Добрый день Столкнулся с недобросовестностью одного из партнеров Битрикса Хотел бы поделиться информацией возможно кому то поможет Подскажите в каком разделе лучше опубликовать?
0 votes3 answers -
Помогите с Wp
Добрый вечер. мне бы хотелось на этой странице http://www.evrokvartira.net/?p=7297 сделать блок adsens 300x250 что бы текст контента был как на примере тут https://support.google.com/adsense/answer/187666?hl=ru&ref_topic=29875 Как это сделать подскажите пожалуйста?
0 votes0 answers -
Размещение заголовка новости и даты создания новости на одной строке
Как сделать размещение заголовка новости и даты создания новости на одной строке, при условии что дата должна всегда быть привязана к правой границе контейнера. Вот какая стилизация: http://jsfiddle.net/kipes/8cJE4/1/ А вот картинка, что на деле: а на деле получается, когда заголовок длинный (как в последнем заголовке на картинке), то дата вырывнивается по левому краю, а надо по правому, во всех остальных случаях тоже. Как быть, сам не разобрался
0 votes5 answers -
Вертикальное выравнивание контейнера с блоками
Привет. Ребята, такая проблема, нужно вертикально выровнять целый контейнер с 7 блоками внутри. Демо - http://rommar.in.ua/align/ Размер контейнера резиновый (по контенту). Отступы должны быть по 25% от всех сторон при размере экрана больше 1000 пикс., если меньше 600 пикс., то отступы должны быть по 1%. С вертикальным выравниванием все ясно, пробовал делать для чистого блока, все работает, а вот для такого контейнера не могу нормально сделать, целый день сижу кручу. <div class="main"> <div class="corner tl"></div> <div class="edge"> <h1>Lorem ipsum dolor sit.</h1> </div> <div class="corner tr"></div> <div class=…
0 votes0 answers -
Перенаправление на новую страницу сразу после отправки событий метрик яндекса
Вопрос такой. У меня идет достижение событий яндекса и гугла и тут же браузер должен перенаправить на страничку "спасибо за заявку" (новую). Установленные соединения этими событиями с серверами яндекса и гугла - не оборвутся и продолжат отправляться? Суть в том, что раньше была по отправке заявки всплывающая форма через ajax и достигались события для аналитики яндекса и гугла), а теперь для кривого русского сервисиса, который не способен работать через ajax (сервис воронок) - нужно сделать благодарность на отдельной странице и тут встал вопрос, что делать с уже настроенной отправкой событий. Либо она сработает перед редиректом (начнет устанавливать соединения и они не сб…
0 votes0 answers -
тег @import
Добрый вечер, задача стоит подключить responsiv.css через файл screen.css файл. Прописываю в самом верху следующее @import url("media.css"); - не работает. @import "media.css" all; - не работает. @import url('/media.css'); - не работает. В чем моя ошибка? Как сделать чтоб работало? Спасибо.
0 votes2 answers -
Прижать элемент
Приветствую! Не могу прижать картинку вниз к дочернему блоку div, почему то она прижимается к низу body http://cssdeck.com/labs/71rtjukt
0 votes2 answers -
Вставка видео/аудио на сайт
Требуется сделать подгрузку видео и аудио роликов на сайт. Не с youtube. Какой на сегодняшний день оптимальный вариант сделать это? Чтобы работало в том числе и на iOS. HTML5 насколько я понимаю требует подгрузки нескольких форматов, что не очень желательно.
0 votes1 answer -
Сайт не ресайзится при открытии на смартфоне
При открытии на айфоне сайт приходится ресайзить пальцами, иначе видно только левый верхний угол. Не могу понять что я напутал в верстке http://www.martinperevod.ru/
0 votes3 answers -
У after отступ после блока с картинкой
Здравствуйте! В блоке about после блока с картинкой after(вертикальная линия) отступает на 4px, а к следующему блоку с картинкой примыкает плотно. И чтобы этот вопрос решить, нужно after дать margin-top: -4px; Но как можно обойтись без этого свойства, и не понятно почему такой отступ есть. Вот код: http://jsfiddle.net/ua8k3sou/ Заранее спасибо!)
0 votes2 answers -
Создание элемента независимого от масштаба устройства
Здравствуйте. Возможно ли создать элемент (к примеру кнопочку) имеющую размеры, например 10vw по высоте и ширине от размеров девайса и расположенных в определенном месте например справа внизу относительно экрана (вьюпорта) и споизионированного как fixed. Причем при увеличении или уменьшении масштаба страницы, элемент должен оставаться незименных размеров, вроде как 10vw относительно вьпорта и соответственно оставаться именно в правом нижнем углу даже если мы скроллим сайт.
0 votes3 answers -
Треугольники и border-radius
Привет. Следует прямо скосить верхний левый угол. Додумался до этого https://jsfiddle.net/rk0fx9nt/16/ и подскажите, как всё убрать до скоса верхнего левого угла. Имеется на данный момент http://hostingkartinok.com/show-image.php?id=c65ace8bb01aace655861b6024e018cc Желаемый результат http://hostingkartinok.com/show-image.php?id=405493024542524d953026854bfec016 (правой кнопкой мыши - открыть в новой вкладке).
0 votes2 answers -
Добавление картинок
всем привет! подскажите пожалуйста, мне нужно добавить много картинок(штук 200+/-) на сайт, может есть способ добавить все сразу а не по одной? такой план: http://htmlbook.ru/faq/kak-razmestit-neskolko-kartinok-ryadom-po-gorizontali только в разы больше фоток.
0 votes2 answers -
Изменения страницы при изменении размеров окна
Всем ку. Скажите как верстать страницу чтобы при изменении размеров окна страница оставалась как сть т.е. не изменяла размеры а внизу браузера появлялся скроллбар Я сверстал при помощи блочной верстки так при изменении размеров окна страница получается корявой.Задавать размерыв процентах или пикселях? Спасибо.
0 votes0 answers -
Проблема со spotlight
плохо очень работает spotlight... использую на wordpress тему Spark, вот её демка - http://www.yootheme.com/demo/wordpress вверху выбрать тему Spark. для понятности понаводите на нижние картинки курсором - я хочу также... я создал виджет, туда сунул типа этого: <div class="spotlight fade"> <img src="http://cs5985.vkontakte.ru/u2385349/110040641/z_fd3de59b.jpg" width="640" height="480" alt="spotlight" title="spotlight" /> <div> <h3 class="title">asddsa</h3> </div> </div> сделал как написано было в факе разрабочтика темы: http://www.yootheme.com/docs/home/item/spotlight результат можно посмотреть на главной: w…
0 votes0 answers -
текст картинкой
стало интересно как профессионалы относятся к следующему приёму. есть сайт. в шапке цитата размещена не в виде текста, а в виде картинки. с одной стороны это информация не основная и наблюдать её в шапке поисковиками, текстовым браузерам и браузерам с отключенными стилями(если такими вообще кто-нибудь пользуется) незачем. с другой стороны изменить её или заменить становится сложнее. это вполне обычный приём или ламерство?
0 votes1 answer -
подключить шрифт
здравствуйте подключил русский шрифт а он на английских буквах отображается нормально а на русских ничего непоменялось - в чем может буть проблема?
0 votes1 answer -
div:hover и свойство color
Всем привет. Есть стили: .filt-producer { width: 130px; margin-bottom: 5px; cursor: pointer; } .filt-producer :hover { color: #0088cc; } Есть html-код: <div class="filt-producer"><strong>Name1</strong></div> <div class="filt-producer">Name2</div> Проблема в том, что при наведении курсора на первый div, цвет текста в нем меняется, во втором div'е - нет. Если текст во втором диве обернуть в <strong>, то все ок. Как сделать так, чтобы цвет текста менялся независимо от того <strong> он или нет? Спасибо.
0 votes2 answers -
Как описать стили для текстового поля в форме?
Как мне прописать стили для текстового поля формы, если форма находится в тбалице? <table border="0" cellspacing="0" cellpadding="0"> <form name="form" method="post"> <tr> <td><label>Название категории:</label></td> <td><input type="text" name="title" value="" required /></td> </tr> </form> Так не получается: table form tr td input[type=text] { тут стили }
0 votes3 answers -
Прблема с div'ом
Верстаю html-страничку с помощью CSS, появилась такая проблема: если в один <div> поместить второй <div> то он принимает вертикальное положение родительского div'а, если убрать из первого div'а " margin: 0 auto;" и прописать "position: absolute;" то проблема решается но страница находится не по центру экрана а слева. Как это исправить? .fon { /*на этот div вешается вся конструкция вся конструкция*/ width: 1024px; height: 1024px; background: url(img/fon.jpg); margin: 0 auto; } #logo { width: 377px; height: 135px; background: url(img/logo.png); display: block; margin-top: 30px;/*если увеличить или уменьшить этот показатель …
0 votes2 answers -
first-child
Доброго времени суток! Помогите, пожалуйста, разобраться в проблеме с first-child… Имеем CSS: .photo .post-title * { display: none; } .photo .post-title :first-child { display: block !important; } .photo .caption { display: block; } .photo .caption > :first-child { display: none !important; } А также HTML: <div class="photo"> <div class="post-title"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> <div class="caption"> <p>Заголовок 1</p> <p>Заголовок 2</p> </div> </div> Я планировал, что в случае с post-title должен выводиться исключительно заголовок 1 (заголовок 2 скрыт), а в сл…
0 votes3 answers