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
-
Нумерованный список
Всем, привет! Хочу создать такой список: 1. 1.1 1.2 2. 2.1 2.2 С помощью OL не получается. Помогите, плиззз.
0 votes1 answer -
Слои в две колонки. Проблема в IE.
Возникла необходимость сверсать список услуг в две вертикальных колонки. В FF все отображается нормально, а в IE вторая колонка залезает под первую. Вот сайт: http://www.usp-ag.ru А вот фрагмент CSS: .moduletableserv {padding-top: 20px; float: left;} .moduletableserv ul {margin-left: 50px; list-style: none; margin-top: 25 px; width: 75%;} .moduletableserv li {padding-top: 8px;} .moduletableserv li a {font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #005688;} .moduletableserv2 {padding-top: 20px;} .moduletableserv2 ul {margin-left: 50px; list-style: none; margin-top: 25 px; width: 75%;} .moduletableserv2 li {padding-top: 8px;} .moduletableserv2…
0 votes3 answers -
Слои дополняющию 100% ширины
Подскажите как сверстать такую идею: 3 вертикальных блока, два крайних с заданной шириной, а третий должен дополнять до 100% ширины окна? <div id="menu"> </div> <div id="text"> </div> <div id="images"> </div> #menu{ position:relative; padding-top:150px; padding-right:50px; text-align:right; float:right; } #text{ position:relative; padding-right:20px; padding-left: 20px; text-align:right; width:auto; float:right; } #images{ position:relative; width:200px; float:right; } слой text должен дополнять, но не авто, не 100% не помогают.
0 votes5 answers -
flash в Опере
При наведении на flash (меню из пяти пунктов в центре, каждый пункт - отдельная флешка) должен появляться визуальный эффект. Во всех браузерах срабатывает корректно, а в Опере только после клика по flash. Подскажите, в чем проблема? http://skatadov.ru/test/001/
0 votes3 answers -
Фотогалерея на joomla
Уважаемые, подскажите модуль фотогалереи для joomla 1.5 Требования следующие: - фотографии на странице по 3 в ряд располагаются - при клике на фотографию открывается на полупрозрачном темном фоне, сверху крестик закрыть, при наведении на правую или левую сторону появляются стрелки листать - возможность настройки через админку страниц на которых нужно увеличивать фотографии Поясню, знаю модуль mavik Thumbnails Popular Plugin, но в нем нельзя настроить на каких страницах он должен работать! Т.е. увеличивает все фотографии которые загружены через визуальный редактор. Заранее благодарен!
0 votes1 answer -
Футер наползает на контент в IE 7
Имеется фиксированный контейнер. Правой колонки нет, вывел в футере табличку с картинкой и счётчиком - везде всё одинаково, футер как футер - внизу, а в IE 7 футер берёт и налазит на контент (как будто его нету..). Не поможете разобраться? Сайт
0 votes2 answers -
Meta
Вот такой вопрос по тегу <meta>. 1)Почему такой сайт как facebook использует <meta name="robots" content="noodp,noydir" /> ,который как я прочитал запрещает индексацию. Зачем? 2)И почему он не использует <meta ...ключевые слова? 3)Какие <meta> надо использовать? Я выбрал вот эти. <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <meta http-equiv='Content-Language' content='ru' /> <meta name='description' content='' /> <meta name='keywords' content='' /> Скажите правильно ли?
0 votes3 answers -
position:absolute прикрепить к положенному месту
Сайт axcay.net Проблема в том, что слой с большими бутылями является большим пнг изображением. Имеющим ширину страницы и минимально необходимую для изображения высоту. Поставив слой с ним выше всего, поставив z-индекс 3, и выронив этот div по центру все было нормально. Но в последствии я заметил, что текст который попадает под этот див выделить нельзя. Я обрезал по ширине изображение, но теперь не могу прибить его к тому месту, которое нужно. Пока поставил отступ с лева в %. Но при приближении или отдалении страницы, слой соответственно плавает. Прошу помощи. div #bottl <div id="wrapper" class="gr shadow"> <div id="bottl"></div> <div id="header"&…
0 votes2 answers -
Тег span не выводит изображение
Подскажите, почему не выводится изображение. CSS .icon { background: url("../site_media/services.jpg") no-repeat scroll 0 0 transparent; } HTML <span class="icon"></span>
0 votes1 answer -
<table>
имеется таблица <table> <tr> <td></td> <td></td> </tr> </table> как можно сделать такую структуру: ________________ |Фото |Описание | | | | | | | |_____| | | | | | _________________
0 votes11 answers -
float:left — выталкивание нижестоящего контейнера
Приветствую, односельчане Прошу о небольшой помощи по верстке — буду очень признателен вам за советы. Поставил фотогалерею NextGEN на этот сайт. И заметил, что фотографии странно себя ведут: Привожу html-код левой верхней фотографии (см. скриншот выше) <div class="ngg-gallery-thumbnail-box" id="ngg-image-26"> <div class="ngg-gallery-thumbnail"> <a rel="lightbox[set_4]" title="Применение сигнализаторов загазованности RGD" href="http://seitron.ru/wp-content/gallery/objects/obj1.jpg" class="cboxElement"> <img width="250" height="188" src="http://seitron.ru/wp-content/gallery/objects/thumbs/thumbs_obj1.jpg" alt=" " title=" "> </a> &l…
0 votes9 answers -
Резиновая верстка, резиновые блоки.
Добрый день. У меня следующий вопрос, может кто нить уже сталкивался со следующими вопросами: верстка резиновых блоков, то есть если изменяется ширина окна браузера, то и блок изменяет свои размеры. Примеры Smotra.ru и ozon.ru Ясно, что это javascript и css, но мне бы хотя бы ссылочку, где можно было бы ознакомиться с тем, как решить вопрос такой вот верстки....
0 votes2 answers -
vertical-align
Добрый вечер! У меня есть многострочный <td> внутри <tr> со свойством vertical-align: middle; и всё вроде бы хорошо, только на практике содержимое например 2-х строк выравнивается исходя из высоты не самой буквы, а высоты этого шрифта, я не знаю как правильно сказать. Тоесть, выравнимание не смотрит на то, есть ли у меня буквы вида Й или Ё в первой строке, а уже делает отступ как будто они есть, эти 2 пикселя под умлауты. Также обстоят дела с последней строчкой, в которой может не быть букв Щ Ц Д и пр.. Выражаясь русским языком, для системы, буква Й и буква К имеют одинаковую высоту. Может есть свойство, которое заставит игнорировать это и брать только "чистую…
0 votes8 answers -
текстовое содержание дива наезжает на соседней див
текст в теге div id="content" наезжает на футер. У меня уже все мысли исчерпались по этому поводу. В чём проблема? Можете объяснить? Заранее спасибо. CSS: html { height: 100%; } body { height: 100%; } * { padding:0; margin:0; } #wrapper { min-width: 1000px; min-height: 100%; background: #f00; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; position: relative; background: #988780; } #container { width: 100%; float: left; overflow: hidden; margin-right: -100%; } #content { padding: 0 20px; } /* Footer —————————————*/ #footer { height: 100px; backgroun…
0 votes6 answers -
Отмена стиля
На странице имеется код, с тегом <label> в десяти местах. Для данного тега прописан стиль, мне необходимо в одном из десяти тегов <label> отменить заданный стиль... Подскажите как удобней всего это сделать? Может есть какой нибудь атрибут, который отменяет все прикрепленные стили к одному элементу...
0 votes4 answers -
Страница сайта в PDF
Подскажите плз! В Сафари есть такая функция Посмотреть в PDF, но там отображается только текст (на моем сайте). Как можно заставить его отображать другую инфу (картинки, логотип, И так далее)? Заранее благодарен!
0 votes7 answers -
непонятен код
Привет. Взял с одного сайта посмотреть шаблон с трёмя колонками, не совсем понимаю как он работает. <body> <div id="container"> <div id="header"><h1>Header</h1></div> <div id="wrapper"> <div id="content"> <p><strong>1) Content here.</strong> column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very.</p> <p>very make mak…
0 votes4 answers -
На дворе конец 2012-го года. Что у нас по круглым картинкам?
Всем привет. Появилась задача вывести круглые картинки. Оказывается, опера вот такое не понимает border-radius: 100%; width: 150px; height: 150px; Кто как выходит из положения? Скруглять нужно именно картинку. Без слоев с фоновыми изображениями. Упс. Заменил проценты на пиксели и заработало
0 votes9 answers -
Что-то тормозит на главной странице
Добрый вечер, друзья! Спец наверное сразу может сказать, что тут притормаживает загрузку главной страницы, не календарик ли случайно??? сайт: http://xn—-7sbabhcq1a2caxdko8d0h.in.ua/index.html Спасибо заранее!!!
0 votes8 answers -
проблема с меню
Добрый день. Не могу понять как сделать красный фон длиннее влево, чем его белая граница сверху и снизу, причем при новедении курсора на меню красный фон меняется Вот картинка: <ul class="menu_right_ul"> <li><a href="#">ПРО РОЛЛЕДРОМ</a></li></ul>.right .menu_right_ul li{ list-style:none; background:#fff; padding:1px 0; }.right a{ text-decoration: none; display:block; padding:7px 0 7px 7px; color:#fff; font-size: 14px; background:#db1f24;}У меня с эти кодом только вот так получилось: Подскажите, как сделать как в первой картинке?
0 votes3 answers -
Непонятное позиционирование элемента в Firefox
Элемент span выходит за предел правой границы родительского a при том что задано right:0. Ситауцию наблюдаю в Firefox 27. В Chrome 33, Opera 20, Safari 5.1.7 отображается правильно. Баг Firefox или я чего-то не понимаю? http://cssdeck.com/labs/jgs1sts0
0 votes4 answers -
Растянуть плавающий блок на всю оставшуюся ширину
Здравствуйте. Нужно сделать так, чтобы текст новости на странице(внизу) занимал оставшуюся ширину дочернего тега, таким образом, чтобы текст обтекал картинку новости справа и снизу(если он будет длинный, если это не сложно). Какими стилями это можно сделать? Шаблон хочу сделать адаптивным, поэтому фиксированную ширину тексту задавать не вариант. P.S. Решил вопрос, перейдя на inline-block
0 votes0 answers -
Как сделать кроссбраузерный эффект
А заключается он вот в чём: При наведении цвет ссылки желтый, если убрать курсор, цвет ссылки становится первоначальным (белым). А что можно придумать, чтобы после отвода курсора цвет ссылки был например синим? http://jsfiddle.net/rrz9ugm8/ Предполагается что пример выше по ссылке, это меню - вот типа такого плана: http://jsfiddle.net/22cf2n82/
0 votes5 answers -
не работает русский язык при utf-8 без bom
Подключаю utf-8 без бом, не работает русский язык, а с бом , не работает сессия и куки.Вместо русского появляются какие то странные символы.Искал решение своей проблемы, что бы я не пробовал, ничего не получается.Еще добавлю , что запускаю с денвера(может это прояснит ситуацию ). Прилагаю пример кода. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Блочные элементы</title> <link rel="stylesheet" href="/assets/course9/style1.css"> </head> <body> <h1>Типы элементов</h1> <div> <h2>Блочные</h2> <h2>Строчные</…
0 votes2 answers -
Приоритет блоков поделиться
Здравствуйте. Столкнулся с проблемой по установке блока "поделиться", стоит плагин на рекламу, который выводит рекламный блок в конце статьи. Дак вот при установке блока поделиться он отображается после рекламного блока, можно ли задать ему приоритет, чтоб он выводился сразу после текста и потом уже рекламный блок.
0 votes3 answers