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
-
Псевдоклассы в атрибуте style
Возможно ли использовать псевдоклассы в атрибуте style?
0 votes3 answers -
Верстка
Помогите новичку разобраться. 2 вопроса: 1) Не могу понять почему у меня div "footernews" прилеплен к div "footer", а не к div "imgmove". Как это исправить? 2) Как сделать так чтобы footer_background накладывался на div "imgmove"? #footer[/color] { height: 280px; background: #fff; clear: left; background-image: url(images/bg_footer.jpg); background-repeat: no-repeat; background-position: 0 160px; position: relative; z-index: 2; } #footernews li { list-style-type: none; height: 170px; width: 380px; float: left; } #imgmove { width: 146px; height: 164px; float: left; position: relative; margin-left: 10px; top: 11px; border: 1px solid black; z-index: 1;
0 votes7 answers -
Посоветуйте слайдер контента
Всем доброго времени суток. Посоветуйте пожалуйста какой-нибудь удобный слайдер контента на jquery который можно легко кастомизировать и настраивать по своим нуждам.
0 votes4 answers -
Абсолютное позиционирование и горизонтальная прокрутка
<p style="position: absolute; right: -80%;">bla-bla-blah</p> -появляется горизонтальная полоса прокрутки, можно прокрутить и увидеть. <p style="position: absolute; left: -80%;">bla-bla-blah</p> -прокрутка не появляется. Почему так? Это стандарт или фича браузеров?
0 votes1 answer -
Управление iframe из родительского окна
Уважаемые участники сообщества! Не получается решить сложную задачу. Хочу обсудить с вами принципиальную возможность программирования подобных решений. Есть основной сайт - site.com. На странице этого сайта подтягивается iframe с site2.com. site2.com содержит кнопку. Как можно автоматизировать клик по этой кнопке? Графический пример:
0 votes3 answers -
скрипт, обрезающий строки
посоветуйте пожалуйста скрипт, который может обрезать в блоке текст до определённого количества строк у меня есть такой . но он не подходит потому что нужно указывать конкретный родительский блок. при этом если в нём окажется вложенный например span, то скрипт не обрабатывает текст
0 votes0 answers -
Импорт таблиц из экселя
Подскажите модуль на Джумлу 2.5 для импорта таблицы из экселя. 3000 наименований из экселя в ручную набивать в таблицу вообще не вариант ((( В инете не нашел ничего конкретного. Может здесь кто-то уже сталкивался с подобным
0 votes4 answers -
Не могу начертить вертикальную линию
Подскажите, пожалуйста, в чем ошибка <div class="main_border_vertical"> </div> .main_border_vertical { height: 100%; width: 3px; background: red; border: none; padding-left: 100px; }
0 votes4 answers -
Цветная линия не во всю ширину
Здравствуйте, как можно сделать данную линию? Вижу один способ: - линию отдельно в div. Есть ли свойство у border, чтобы можно было задать цвет bordera не во всю ширину? http://postimage.org/image/oj6exl4f5/ Просмотрел как сделано у Google: http://www.google.ru/intl/ru/about/ background: url("data:image/png;) no-repeat right bottom;
0 votes1 answer -
панель на всю ширину экрана+div logo и ul li
Здравствуйте. Делаю панель на всю ширину экрана: #menu { background: url("/static/images/menu/menu.png") repeat-x scroll 0 0 transparent; position: relative; display: block; width: 100%; height:50px; font-size: 11px; } далее пытаюсь оставить место под лого: #logo{ position: relative; height: 40px; width: 300px; margin: 0; display: block; background-color: red; } угу, далее пытаюсь поставить рядом с лого еще один обьект, назовем его logo1 #logo1{ position: relative; height: 40px; width: 300px; margin: 0; display: block; background-color: red; } Так вот у меня съезжает logo1 под logo. А мне нужно рядом. Вообще как посоветуете строить всё это ?
0 votes3 answers -
Список не хочет не отображаться
Помогите пожалуйста, тяму не хватает Есть пример раскрывающегося списка http://get-element.3...aniem/1-1-0-316 Подскажите, почему по умолчанию при загрузке страницы верхний блок "CSS3" раскрыт? Судя по ccs он должен быть свернут, помогите свернуть его по умолчанию, пол дня потратил
0 votes4 answers -
Проблема с отступами в контейнере и шириной textarea
<html> <head> <style type="text/css"> body {margin:0; padding:0;} div.container {margin:100px auto; width:400px; padding:20px; border:1px solid black} p {display:inline} input {display:block} textarea {width:400px} </style> </head> <body> <div class="container"> <form method="post" action="add.php"> <p>Название продукта</p> <input type="text" name"caption"/> <p>Категория продукта</p> <input type="text" name="category"/> <p style="display:block">Описание продукта</p> <textarea rows="5"> </textarea> <input type="submit" value="Добавить"/> </form> </div&…
0 votes6 answers -
Старые добрые иероглифы
Сайт Absolut-book.ru. У меня все открывается на русском языке. Однако когда я пытаюсь проанализировать этот сайт любый сервисо он видит иероглифы... (+ с фаер фокса тоже иероглифы) на страницах сайта: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> или же просто: <meta charset="utf-8" /> Так же в настройках: Page Properties->Title/EncodingEncoding - Юникод (UTF-8) Так же галочка - Include Unicode Signature (BOM). Тут на заметку. Если убрать эту галочку, то и на сайте будут иероглифы. Что делать? Что исправлять?
0 votes9 answers -
Divная верстка
Ребята помогите сделать каркас. Проблема у меня в том что блок images не позиционируется по центру и на лазит на блоки header и menu по верх. Покажите на коде как Вы такое реализовываете, свой код выкладывать не вижу смыла бо там уже полный бред.
0 votes8 answers -
Как перевести функцию php в smarty
Ребятки, пользуюсь php, но вот пришлось столкнуться со smarty... Как будет выглядеть эта функция на smarty? <?php if ($_GET["operation"] == 'rent') echo 'selected' ?> Очень срочно нужно!
0 votes1 answer -
Проблемы то ли с слоями, то ли фиг знает с чем.
Всем привет! Есть проблема. Сайт _proklevDOTru. Не работает нужный мне эффект в хромоподобных браузерах. Как должна работать задумка может показать огнелиса. В хроме, когда захожу в "аналог" файрБаг и выключаю для html::before and after position: fixed все почти начинает работать. Вы профи, думаю, поняли, что я хочу. Кто может помочь?
0 votes2 answers -
HTML5 Есть ли смысл?
HTML5 позволяет семантически разделить страницу. ЧТо в теории позволяет поисковикам более качественно индексировать страницу, т.е. индексировать сам контент, нежели беспорядочные(для поисковика) конструкции. Вопрос 1: Существует ли реальная польза от html5 сегодня? Влияет ли использование нового стандарта на поисковую оптимизацию? Дело в том, что IE6-8 не поддерживают этот стандарт нативно. Приходится писать JS код с созданием новых элементов, иначе браузер не знает о них. А как мы знаем, , в обещственных местах(клубах,кафе,школах, институтах) - отключен JS. И если мы перейдем на HTML5, то потеряем часть клиентов. Что вы думаете на эту тему?
0 votes21 answers -
Эффект с шапкой как на googleventures.com
Как добиться такого эффекта с шапкой как на http://googleventures.com? Можете написать простой пример на 2 дивах, я понимаю что по идее тут нужны свойства z-index и position, но хотелось бы посмотреть на реализацию и понять. Спасибо.
0 votes3 answers -
Верстка масштабируемых изображений
Здравствуйте! Задача: на сайте есть большое изображение, которое должно растягиваться на всю ширину экрана и при этом масштабироваться. Например, как сделано здесь: http://yokohama.progressionstudios.com/ Не могу разобраться, как это сделано. Это работает только на CSS, либо с помощью JS?
0 votes3 answers -
Слетела кодировка
Не знаю, сюда ли писать, но возник вопрос. http://dobropol.ru/ Выложил сайт на хостинг, кодировка слетела, почему-то. Всё указал верно в коде. В чём может быть проблема?
0 votes9 answers -
Получить href при клике на линк
Как получить значение текущего href при нажатии на линк с этим атрибутом? Делаю, типа, что-то такого: <a href="img.jpg" onclick="lnk(); return false;">Link</a> <script type="text/javascript"> function lnk() {var l = this.href; alert(l)} </script> Ни чего не выходит.
0 votes5 answers -
display:table-cell и firefox
Здравствуйте, подскажите, пожалуйста, как сделать что бы в firefox заработало position-relative, display-table:cell и outline. демо код времменое решение: @-moz-document url-prefix() { .block { display: block; outline: none; } } но с таким фиксом картинка не будет центироватся
0 votes2 answers -
Оптимизация скорости загрузки фоновых изображений
Всем доброго дня. Есть такая проблема. Есть простенькая страничка на сайте, на которой отображается инфо о некой команде. Фото участника и краткое инфо. Сделано все табличками и фото участника является фоном таблички. И вот проблема в том, что фоновое изображение долго грузится, около 400ms (в итоге имеем 900ms +/-), хотя при этом оно достаточно маленького размера 50Кб +/-. И если в хроме загрузка картинки происходит более или менее плавно, то в ФФ торчит белый экран в месте картинки до тех пор, пока она не будет полностью загружена. Табличка описана так: При загрузке имеем такую картину: ******************************************************* Посоветуйте пожалуйста, к…
0 votes2 answers -
Аналитика: yandex vs google
С недавнего времени (как стал делать сайты для своих нужд), задумался о целесообразности Яндекс метрики или гугловой аналитики. Насколько знаю они довольно не однозначно проводят свои измерения, и наблюдал довольно большие расхождения в данных. Только потому что Яндекс все же роднее, начал пользоваться им. Разъясните что из этих инструментов более продвинуто, или не стоит заморачиваться и использовать обоих.
0 votes4 answers -
Меню с активными и не активными кнопками
Добрый день! Помогите пожалуйста решить такую проблему: Имеется меню в котором четыре кнопки, каждая кнопка имеет сваю картинку при наведении на кнопку мышкой картинка изменяется с не активной на активную. Мне надо чтобы пользователь зайдя на определенную страницу сайта (каждая кнопка соответствует своей странице) кнопка горела как активная а перейдя на другую становилась обратно не активной. Вот собственно моя верстка: CSS ————- #menu_2 { margin: 0; margin-left: 0px; padding: 0px 0px 0px 0px; float: left; list-style: none; background: url(../images/header/menu_2/menu_right.jpg) no-repeat right top; } #baner2_1 { position: relative; padding: 0; float: left; background: …
0 votes5 answers