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
-
Как проще всего сделать спойлер(скрытый текст)
На этом сайте нету о спойлерах ничего,в интернете показывают способы но слишком много лишнего в них,изза чего тяжело разобратся в принципе работы спойлера.
0 votes3 answers -
Изменение свойств блока при hover'e на родителе
Здравствуйте, есть такой несложный код - http://jsfiddle.net/cJ8MV/ Что нужно сделать, чтобы при наведении мышки на блок .one менялся фон у блока .three ?
0 votes1 answer -
Сабменю
http://jsfiddle.net/DC3zZ/4/ Почему красный блок не начинается внизу от края внешней границы? Почему края красного блока с одной стороны перекрывают меню, с другой "подлезают"? Почему сласс "fon" не заполняет цветом всё пространство окошка? Можно реализовать такое меню свойством z-index не используя display:none; ?
0 votes4 answers -
IE8 + режим совместимости
Доброе время суток. У меня на странице указан следующий Doctype: <!doctype html>. Но когда я открывю ее в IE8, то браузер грузит даную страницу в режиме совместимости, и соответсвенно вся верстка плывет. Если же в настройках переключить режим воместимости на "IE 8 standard" то все Ок. Подкажите плз, как сделать что бы странца IE8 по умолчанию открывалась в "IE 8 standard " Заранее спасибо. Страница находится по адресу: bizon4iktest.zz.mu
0 votes3 answers -
Переключение комментариев: с ВКонтакте / с сайта
Доброго дня! Увидел достаточно полезную фишку на одном из сайтов - переключение комментариев. Думаю, объяснять как это выглядит не нужно. Можно было бы просто выдрать кусок кода и не парясь поставить, но он работает немного не так, как я хотел. Когда нажимаешь на "ВКОНТАКТЕ" - сверху комментариев с сайта вылазят комментарии с ВКонтакте, т.е. одно не заменяет другое. Как лучше реализовать подобное? Спасибо.
0 votes1 answer -
Как сделать оберточный блок на всю высоту?
Здравствуйте. Ситуация следующая... При верстке сайта ещё точно не знал, какие виджеты будут, какие блоки будут, и.т.д. Поэтому, размер контентного фона указывал в пикселях. Сейчас сайт полностью сверстан и необходимо центральному фону, в котором находятся все сверстанные блоки и виджеты дать ширину, которая будет тянуться в зависимости от количества блоков и информации на странице. Перепробовал множество различных вариантов, но пока безуспешно... Буду всячески благодарен за советы. P.S. height:100%; не работает. На хабре есть тема, где можно подключить скрипт, который будет тянуть блок на всю высоту, правда работает не особо корректно.
0 votes2 answers -
Проблема с css сайта
Здравствуйте! Подскажите подалуйста как решить проблему сайта! разрабатывал макета при разрешении 1366х768. При смене разрешения на 1024х768 шапка сайта начинает наезжать друг на друга - вернее на две строки вниз переносится(не вмещается). Можно ли как то, исправить данную проблему? Заранее спасибо! Адрес проблемного сайта kinoiserial.ucoz.ru
0 votes2 answers -
Помогите со скриптом
Уважаемые форумчане, прошу у Вас помощи в написании скрипта. Я сам "новичок" в сайтостроении, однако собственными силами пытаюсь обслуживать сайт. Если HTML и CSS мне как-то "даются", то вот со скриптами беда. Только то, что в инете в свободном доступе. Сейчас понадобился скрипт, простой, не могу ничего найти. В разделе "сделайте бесплатно" создать тему не могу. Помогите плиз, мне важно- а для вас, уверен, пустяк: есть скрипт, полностью меня устраивает: <script>$(window).scroll(function() { if ($(this).scrollTop() > 1){ $('.div').addClass("sticky"); } else{ $('.div').addClass("sticky1"); }});</script> По его результатам, слой, …
0 votes7 answers -
Как сделать такое склдывание?
Всем привет! Часто на сайтах видел эффекты складывания чего-то по скроллу. Вот например как тут ручка складывается http://www.fiftythree.com/pencil Хотел бы спросить у мастеров, нет ли где-то описания как такое сделать, или возможно есть уже готовые библиотеки? Спасибо!
0 votes5 answers -
Как лучше делать ?
Как лучше делать ? <ul class="social-icon"><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li></ul> вот так и потом задавать в css .social-icon li:nth-child(2){background: url(../images/social-icon.png) no-repeat 0 -30px;} <ul class="social-icon"><li class="facebook"><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><…
0 votes3 answers -
организовать слайдер с картинками на разных девайсах
Всем привет, Делаю верстку с этого ref шаблона и возник вопрос как лучше организовать слайдер с картинками чтобы картинки нормально отображались на разных девайсах В примере используется ссылка на http://placehold.it сервис <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div> Но в примере текст Я попробовал подсунуть урл своей локальной картинки <div class="fill" style="background-image:url('https://placeholdit.{{ next_settings_sliderImage['image_url'] }}&w=350&h=150');"></div> И получил ошибку GET https://placeholdit.http//local-wprods.com/uploads/se…
0 votes3 answers -
Ссылка на каждую страницу! Как?
Вот сделал сайт!!! Но нужно вывести ссылку на каждую его страницу!!! Как это сделать без использования скриптов, задействуя только HTML и CSS?? Пожалуйсто подскажите...Заранее большое спасибо))
0 votes1 answer -
размещение картинок
подскажите пожалуйста как правильно разместить на странице много фоток + упрвление с CSS. Нужно: - что бы они были размещены равномерно - возможность размещения коментариев к каждому фото - при клике на фотку она должна увеличиваться в отдельном окне спасибо
0 votes1 answer -
Косяки верстки. Не могу найти ошибки
Вот сверстал страницу. Не могу понять где неправильно. В css знания норма, но не профи-спец ( Проверьте пжлста, где я тут накосячил. А именно: 1) Неправильно отображается верхнее меню в IE8 при уменьшении или увеличении масштаба страницы (<>100%), съезжает то вверх то вниз от должного положения. 2) В IE6 страница уезжает вправо, т.е. появлятся скролл. Снова не пойму почему. 3) в остальных браузерах и в IE7 не могу сделать, чтобы отображалась по всей высоте div'a рамки справа и слева. Ну вроде все так. Принимаю критику в отношении верстки (Буду даже рад). Потому что я сам не специализируюсь на верстке а именно на html css (увы, но пытаюсь). Все сверстанное в прикре…
0 votes0 answers -
Загругление блок при помощи CSS
Доброе время суток! Подскажите пожалуйста, хоть может я и обращаюсь не в тему! У меня стоит COREL DRAW и я не могу экспортировать рисунок в jpg с прозрачным фоном. По умолчанию у меня на листе стоит прозрачный фон, а когда провожу экспорт то фон получается белым(((
0 votes2 answers -
Как поместить кнопку в окне формы поиска
Как поместить кнопку в окно ввода и выровнять по правую строну окна? форма
0 votes2 answers -
тэг {edituser}
Доброго Вам время суток. столкунля с проблемай двиг DLE надо сделать что бы 1 стал такимже как 2 .userinfo { padding-left: 125px; } .ui-dialog-content .userinfo { padding: 10px 0 10px 125px; } .userinfo .l_con { margin-left: -125px; width: 110px; padding-right: 15px; } .userinfo .r_con { width: 100%; } .userinfo .rcol ul { margin-left: 0; } .userinfo .rcol ul li { margin-bottom: 2px; }
0 votes2 answers -
HTML5 : всё ли так безоблачно?
На сайте: http://e.mars-development.com/ прочел буквально следующее : "Структурyрные возможности HTML5 делают структуру веб-документа более простой, а код чище. Новые семантические элементы header, nav, section, article, aside, и footer могут использоваться вместо контейнеров div, применяющихся сейчас в HTML4.0. " Действительно ли всё так безоблачно? И возможно ли применение языка HTML5 в старых браузерах? Я слышал, что и в новых то браузерах HTML5 не полностью возможно использовать.
0 votes4 answers -
Z-index
Здравствуйте! пытаюсь с помощью z-index вывести слой с блоком наверх (собаку под блок), ничего не выходит... что не так с кодом: .main_fon { background: url(../images/main_fon.png) repeat; position:reletive: z-index: 2; } ........... #dog{ background: url(../images/dog.png) no-repeat; width:170px; height: 156px; position: absolute; z-index: 1; right:66px; bottom:60px; }
0 votes2 answers -
Как реализовать резиновый шаблон?
Здравствуйте уважаемые знатоки, подскажите пожалуйста как реализовать шаблон где шапка и подвал и центральная часть растягиваются на всю ширину. при этом центральная часть имеет три колонки, и с обоих сторон имеются равные отступы от границ экрана..... Сам я начинающий, учусь всему методом научного тыка путём а ну ка вот вот это подправим и посмотрим что получиться.......так что прошу сильно не пинать. Вот что наваял.... Вот примерная схема <a href="http://s1.uploads.ru/UbV5m.png"><img src="http://s1.uploads.ru/t/UbV5m.png" border="0" /></a>
0 votes4 answers -
Подскажите по наложению слоёв
Добрый день, Нужно сделать следующее: один слой растянуть на 100% по ширине и длине окна, который будет фоном, и второй слой заданной ширины, разместить по центру страницы с заданным отступом сверху. Сверстал небольшой пример нужной страницы, проверил в 4-х браузерах IE9, FF11, Chrome и Opera 12.11. Корректно отображается только в опере, в мозиле и хроме бэкграунд сверху смещается на 100px, а в IE9 сверху отступа нет, но бэкграунд съезжает в сторону. Подскажите чего не хватает? Код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Наложение слоёв</title> <style t…
0 votes3 answers -
background просвечивающийся png покрывает image
Здраствуйте. В общем сабж как мне сделать чтоб background покрывал внутри него картинку?
0 votes2 answers -
конвертация шрифта
привет всем. кто-нибудь, помогите пожалуйста конвертировать шрифт для кроссбраузерности. пытался сделать через сервис http://www[dot]fontsquirrel[dot]com и http://www.font2web.com/, но всё четно, русские буквы никак не хотят отображаться. буду очень благодарен. http://rghost[dot]ru/50606837 - ttf формат http://rghost[dot]ru/50606874 - otf формат
0 votes4 answers -
Pager на CSS для карусел
Всем привет! Как можно создать такой pager для карусел. Спасибо заранее!
0 votes4 answers -
смещение текста на вторую строку в пункте меню
Доброго дня всем , второй день бадаюсь , помогите пожалуйста советом . на сайте http://asl.ru.показать.сайт , хочу чтобы в меню текст пункта "о комании" был в одну строку , не понимаю что его смещает, на ширину пункта меню не реагирует , white-space тоже , дальше я обезоружен . Движок joomla , меню отдельным модулем "as menu" .
0 votes4 answers