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
-
Как сделать переключатель
Всем привет. Подскажите как сделать переключатель между двумя блоками комментариев как здесь вот такой С применением только html и стилей. Как дополнение можно и пример на PHP, но повторюсь больше интересно на html ! Заранее спасибо за ответы.
0 votes2 answers -
редактирование модуля последних новостей Joomla 1.5
Не могу справиться с CSS стилями для модуля Последние Новости в Joomla 1.5. Прописал модулю суффикс _lastnews, в css шаблона добавил: div.moduletable_lastnews{ list-style-image: none | url('../images/orange/menu_arrow.png') | inherit font-family:Verdana; font-size:10px; } все ок, шрифт и размер его поменялись. Но вот: исчезли графические маркеры над каждой новостью, не могу задать ширину блока....например новость "Обновлен раздел оборудование" прописывается в две строки, а нужно в одну без обрыва,
0 votes1 answer -
стили в теле
Когда блок стилей размещен в теле, валидаторы усматривают в этом ошибку, в то время как на отображение страниц в браузере это не влияет. Странно получается, W3C при разработке стандартов советуется с разработчиками браузеров и разработчиками сайтов, но по некоторым вопросам приходят к противоречивым решениям. Что касается разработки сайтов, то вставлять блок стилей рядом с соответствующим html-блоком удобно, и часто бывает проблематично запихнуть его в заголовок. И вот мне стало интересно, на что вообще влияет неправильное расположение блока стилей? Может для некоторых браузеров это все-таки имеет значение, или это как-то влияет на ранжирование в поисковых системах?
0 votes4 answers -
Центрирование строчных элементов
Доброго времени суток. .post-metadata { height: 20px; margin-top: 10px; background-color: #FAFAFA; border: 1px solid #CFCFCF; font-family: Arial, Helvetica, sans-serif; } span.date { background-image: url(images/date.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 2px; } span.author { background-image: url(images/author.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 10px; } Как сделать, чтобы span.date and span.author распологались вертикально по центру div.post-metadata?
0 votes1 answer -
Вопрос о верстке
Здравствуйте уважаемы пользователи сея форума.Я уже не начинающий верстальщик но и не профессиональный и вот по этому обращаюсь к вам. Постоянно сталкиваюсь с проблемой верстки,а именно фона. Сколько не искал ответов не находил. Проблема в том что не могу сделать изображение по виду одинаково на разных разрешениях монитора. Прошу помощи специалистов. К примеру у меня макет 1300х1000 как сделать так что бы он подходил под все разрешения мониторов. Буду очень благодарен за ответы.
0 votes2 answers -
ul+li+images+ie = проблема
есть обьект div, внутри него еще один див который крутит показ банеров. <div id="carusel"> <div id="bannerRotator"> <ul> <!--<img src="123_files/1390x140&text=one.gif" alt="bannerImage1">--> <li rel="1" style="display: block; opacity: 0.828293;"> <a href="#"><img src="123_files/1390x140&text=one.gif" alt="bannerImage1"></a></li> <li style="display: list-item; opacity: 0.171707;" rel="2"> <a href="#"><img src="123_files/1390x140&text=two.gif" alt="bannerImage2"></a></li> </ul> …
0 votes0 answers -
Как сделать так
Нужно для сайта сделать так , что когда наводишь на картинку, виводиться 2 иконки, одна например переходит по ссылке , другая увеличивает картинку Вот пример Пример взят з сайта
0 votes2 answers -
Прошу совета
здравствуйте! Прошу совета у вас, как мне правильно реализовать некоторые моменты в дизайне. Прошу подсказать мне, с чего начать и как определяются некоторые детали для качественной верстки. Есть множество задумок дизайнеров, где определенные эллементы сайта имеют красивые очертания, (выкопал в инете) , например, фон для названия страницы: или фон для цитат: Т.е. что тут видно, в первом случае это фон названия старницы (материала). По сути просто представляет из себя блок из светлого фона, но у него в начале идет внутреняя стрелочка (честно говоря не знаю как ее еще назвать), и в конце идет стрелочка вниз. Во втором же эллементе фон для цитаты, с внешними эллементами с…
0 votes3 answers -
Трансформация при закрытии блока
Спасибо за ваше терпение. Задача: на сайте-визитке контент подгружается раздельными блоками (не аккордеон) с разных страниц сайта. При загрузке к блоку применяется трансформация (появление снизу страницы, CSS). При клике на строке меню один блок сменяется другим. Запрашиваемый появляется эффектно... Вопрос: как применить трансформацию к закрываемому блоку? Все, что удалось найти, это обратную трансформацию. Не подходит, закрываемый должен улетать вверх. Не могу сообразить, чем акцентировать именно закрытие блока? И как оба события (эффектно открыть один div, эффектно закрыть другой) привязать к одному клику? (Скрипт для смены блоков jQuery: function openDiv (id) { $(".ope…
0 votes0 answers -
Выравнивание блока по центру - альтернатива center
Возникла проблема при вставке баннеров - никак не могу выровнять их по центру, кроме как былинным тегом center. Код такой: <div style="text-align:center;"><!-- Баннер--><div id="k_inline" style="display: block; width: 728px; height: 90px;"><IMG SRC="public/style_images/test/banners/728x90.gif" WIDTH="728" HEIGHT="90" BORDER="0" ALT=""></div><!-- /Баннер --></div> Обращаю внимание, что на код между <!-- Баннер--> и <!-- / Баннер--> я повлиять не могу, он формируется java скриптом. Спасибо
0 votes2 answers -
Можно ли так нарисовать на css3?
Можно ли такую форму сделать на css3?) Гуру монстров с хеллоуинов - есть идеи?)
0 votes5 answers -
Слайдер перекрывает часть header только на мобильных устройствах.
Здравствуйте! Есть сайт: http://new.septic-topas.ru/ Он сделан на готовой платной теме. На главной странице есть слайдер. На desktop, а также на эмуляторах мобильных устройств - все нормально. При просмотре на реальном же iPhone слайдер перекрывает собой часть содержимого в верней части: логотип, телефоны, поиск, верхний блок. Вот скриншот с другого мобильного устройства: В стилях есть такой блок: .block-collection-slider. У него закомментирован z-index:1. Так вот, если раскомментировать - то проблема видна и на немобильниках. Помогите, пожалуйста, разобраться, в чем причина.
0 votes2 answers -
Разъезжается меню
Добрый день. Есть сайт fedorgroup.ru при нажатии по главному меню все нормально, но как только нажимаю отправить запрос - посмотрите сами что происходит. Из-за чего проблема?
0 votes2 answers -
Разрешения для адаптивной верстки
Привет всем. Делаю сайт с использованием бутстрап 3 и шапка у меня на всю страницу растянута, но текст в ней при разных разрешениях выходит за рамки шапки и переходит на нижние блоки. Хочу под разные разрешения подогнать текст в шапке. Скажите пожалуйста стоит ли делать так? или все же есть простой способ? Если нужно подгонять, то на какие разрешения нужно обратить внимание при адаптивной верстке чтобы на всех устройствах корректно отображался сайт?
0 votes3 answers -
Помогите с макетом
Здраствуйте, прошу помогите сделать вот такую конструкцию прошу очень срочно нужно
0 votes0 answers -
Вопросы по верстке футера
Доброго времени суток. Верстаю футер. В процессе возникло несколько вопросов. 1) По макеты нужно, чтобы 3 колонки были в одну линию. Выставляю все необходимые отступы, и, к примеру, в мозиле все нормальна, а в хроме последний блок съезжает вниз. Как такое можно исправить. 2) Почему то textarea немного смещен относительно других input в последнем столбце. Почему так происходит? У placeholder в textarea шрифт почему то отличается от всех остальных. Как это можно победить? http://a96362zl.bget.ru/index.html
0 votes1 answer -
Вопрос по Chekbox
Здравствуйте. Друзья, подскажите решить такую задачку. Есть два чекбокса - mode1 и mode2. <div> <div> <div id="instmode"> <form> <div style="float: left; padding-right: 10px;"> <input type="radio" name="instmode" id="imode_1" value="MODE1" onclick="show_instmode1(this)"> <label for="imode_1">Единственное устройство</label> </div> <div> <input type="radio" name="instmode" id="imode_2" value="MODE2" onclick="show_instmode2(this)"> <label for="imode_2">Группа устройств</label> </…
0 votes3 answers -
Inline-block
Привет. http://jsfiddle.net/6GbSf/3/ Как сделать, что б блоки выравнивались "по-верху" ? Заранее благодарю! Отбой, оказывается vertical-align:top; тут прекрасно работает
0 votes0 answers -
подложка подвала
очередная проблема. на рисунке красным обрисован футер. зелёным - по размеру футера полоса, которая должна растягиваться по длине экрана. я то же делал для верхнего меню. но для подвала почему-то не прокатывает (полоса отображается правильно при маленьком масштабе, но если увеличивать - она ползёт вверх и "торчит где-то в центре браузера"). что не так? </div><!-- #footer --> <div class="bottom"></div> /*расположена за футером, перед закрывающим body*/ </body> *************************************************** .bottom{ position: absolute; bottom: 0px; left: 0px; width: 100%; min-width: 1200px; height: 187px; …
0 votes1 answer -
Подсказки для полей
Вопрос следующий: возможно ли используя только html оформить подсказки таким образом, чтобы про фокусе определенного элемента появлялась определенная подсказка. Что-то типа placeholder только в несколько ином виде. Пример: Когда элемент в фокусе(инпут выделен синим цветом), то сбоку от него(местоположение не столь важно) появляется некое окошко, где написана подсказка, что нужно делать(к примеру, в данном случае может быть написан следующий текст: "Имя может содержать большие и маленькие буквы кириллицы. Имя должно начинаться с большой буквы и содержать не более 15 символов.") Если на первый вопрос ответ окажется утвердительным, то есть еще 1 вопрос: поддаются ли такие п…
0 votes4 answers -
Помогите исправить Вид материалов файлов
Я написал вид материалов как ВКотнтакте, но он выглядит не очень СМОТРИТЕ В СКРИНЕ Выглядит тексты не ровны Это CSS .app_cat_image_cont { vertical-align: top; padding: 0px; width: 75px; text-align: left; } .app_cat_image_h { width: 75px; height: 75px; overflow: hidden; } .app_cat_image { -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-bottom: 10px; /*box-shadow:inset 0 0 3px #BBBBBB; -moz-box-shadow:inset 0 0 3px #BBBBBB; -webkit-box-shadow:inset 0 0 3px #BBBBBB;*/ } .apps_cat_row { display: inline-block; width: 292px; padding: 5px 10px 10px; vertical-align: top; *display: inline; *zoom: 1; } .apps_wide_row { padding: 11px 0px; border-…
0 votes0 answers -
Как верстать макет с такими элементами
Здравствуйте! http://picso.ru/photos/large/10775-99rmm.jpg Подскажите, пожалуйста, как правильнее верстать вот такие макеты, где некоторые элементы "выезжают" за границы (обведены на скрине) ? Создавать дополнительный родительский блок, или применять абсолютное позиционирование? Желательно с примером. Спасибо.
0 votes4 answers -
Подскажите по вёрстке 2х блоков
Есть 2 колонки right и left В каждой из них находится по блоку right1 и left2 соответственно в исходном положении это выглядит примерно: при раскрытии контента в right1 блок увеличивается по высоте (там аккордеон) Соответственно это выглядит: в результате нужно , что бы при "раскрытии" right1 - left1 стремился к низу, ну скажем к футеру. Так никак не получается сделать, т.к. если ставишь везде высоту 100% то блок растягивается на экран, а если контента больше чем на экран всё остаётся как на 2й картинке. Поможите советом как реализовать???
0 votes4 answers -
Простой слайдер
Доброго времени суток! Есть с десяток объектов с 3-5 рисунками каждый. Хотел сделать на каждый объект подобие слайдера, картинка с цифрами снизу Все вроде просто, пример ниже, но вот при нажатие на цифру весь слайдер изменяет позицию (из центра вверх экрана), т.е браузер производит переход по странице. Вопрос: можно ли изменить поведение ссылки, что-бы при нажатии на цифру слайдер оставался на месте. спасибо <table border="1"> <col class="c_image" /> <col class="c_image" /> <tr> <td> <div class="project"> …
0 votes1 answer -
Верстка нестандартного меню
Добрый день. Мне понадобилась помощь в решении данной проблемы, вот я и решил обратиться сюда. Требуется создать меню такого типа: Проблема конкретно с версткой. Способ придумал, но не знаю, как его воплотить в жизнь. 1. Сделать фоновое изображение (круг). 2. Указать координаты, при наведении на которые будет заменяться картинка. (в этом и проблема, что я не знаю, как это сделать) Заранее спасибо. :)/>
0 votes5 answers