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
-
Расположение фона страницы
<style type="text/css"> body { background: url(bg-header.jpg); background-repeat : no-repeat; background-size: cover; background-position-y: center; Помогите расположить фон страницы. background-size: cover - рисунок фоновый занимает размер нужный по ширине. Ввожу параметр center чтобы во вертикали фон центрировался по центру но оно не помогает. Пожалуйста подскажите как сделать чтобы фон растягивался по ширине на всю страницу но при этом центрировался по вертикали?
0 votes7 answers -
Уменьшать div'ы
Такая задача, есть горизонтальная строка с div'ами, они создаются автоматически, когда их становится слишком много, нужно их уменьшать по ширине, как, например, в браузере гугле хроме. <div id="onchantopswitch" class="onchantopswitch globbutton"> <div class="room_s" tab="chlist"> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="канал1" tabs="kn77a4ko1yxlxs28asub2g9tnvlw85s" tabz="1" taby="terminal" tabx="1"></div> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="*канал2" tabs="euqab84pmzoa6o4w2y812lkqhktek" tabz="1" taby="terminal" tabx="11"></div> <div class="room_s" tabg="f2jb1y3v…
0 votes14 answers -
Вопрос по спойлерам на jQuery
Собственно нашол нужным мне код, внедрил его, но есть вопрос, у меня на одной странице используется сразу не сколько спойлеров, все они свернуты, мне нужно, что бы один из них был всегда показан полностью (с возможностью свернуть), а другие нет. Может, кто подказать, что нужно изменить в этом коде: HTML <div class="spoiler-wrap"> <div class="spoiler-head folded">Внимание, спойлер!</div> <div class="spoiler-body"> Текст спойлера </div> </div> Javascript <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> jQue…
0 votes4 answers -
Увидел одно интересное меню
Здраствуйте! Гуляя по РуНету, наткнулся на Сайт с, как мне показалось, интересным меню. Как подобное реализуется? Возможно ли такое сделать без JS, испльзуя CSS u HTML? PS: Уж извините за "рекламу"
0 votes6 answers -
изображение под изображением
Доброго времени суток. В html коде прописано : <div class="c-left"> <div class="good-bg-1">Изображение</a></div> </div> <div class="c-right"> Текст </div> в таблице стилей : .c-left, .c-right {float: left;} .c-left {width: 150px;} .c-right { padding-top: 14px; width:600px; margin-left:40px} что мне нужно прописать в моем случае чтоб два изображения были с лева друг под другом а текст с права, текста много.
0 votes8 answers -
div приклеился к низу
В общем ситуация: есть шапка сверху, под ней слева сайдбар. Справа от него по идее должен быть ещё один див с чем-либо. Проблема в том, что он всё время находится внизу - или под сайдбаром, или сбоку от него, но тоже приклеенный к низу. При флоат: райт он почему-то вообще съезжает под див в котором находится и висит вне его. Как можно вытащить его наверх? Кстати, сайдбар при флоате тоже почему-то уходит из большего дива
0 votes9 answers -
Анимация выпадения ксс3
http://www.volkswagen.ru/ru.html как сделать через ксс3 анимацию выподания меню, как на примере у верхнего меню
0 votes3 answers -
проблема в трансформации (CSS3)
Всем привет! Случилась проблема, нужно что бы свойство transition плавно трансформировало таблицу не только по горизонтали (width) но и по вертикали вниз (height). Перепробовал в свойство transition и #wrap1 приписывать функцию height, но по вертикали переходит очень резко, а нужно плавно. Спасибо за внимание. вот исходник: <html><style type='text/css'>#wrap1{border:1px #000 solid;width:200px;padding:10px;font-size:1.5em;transition: width 4s, height 4s; }#wrap1:hover{width:500px;height: 300px;}</style><body><div id="wrap1">ВОТ</div> </body></html>
0 votes12 answers -
Карусель Bootstrap 3
Как сделать плавные переходы в стандартной карусели Bootstrap 3
0 votes0 answers -
как сделать респонсив верстку
Друзья, добрый день! Помогите, пожалуйста. Нужно сделать респонсив верстку. Вот на этой странице - http://toolbird.com/list/time-tracking-tools/- когда уменьшаешь до размера смартфона, то в теле (в разделе Suggestions) плывут кнопка, минифото, и тайтл с текстом под ним. Надо сделать, чтобы кнопка и фото оставались в одной строке, а тайтл с текстом опускался под них. Спасибо большое!
0 votes1 answer -
Как перенести текст на новую строку ?
Здравствуйте. Мне нужно в текстовом поле ввода показывать 2 абзаца содержащихся в переменных t1 и t2 друг под другом с пробелом в одну строку. Подскажите, как это сделать ? Приведенный ниже пример не работает. <textarea type="t" name="n" class="c"><?php echo $t1;?><br><br><?php echo $t1;?></textarea>
0 votes2 answers -
Float элемент странно вырван из потока.
Давно усвоено, казалось бы, флоат элемент вырван из потока. Каким образом margin-top элемента <nav> в потоке добавляет тот же margin-top элементу <div>, вырванному из потока? http://codepen.io/462960/pen/VaWwYQ
0 votes1 answer -
При просмотре сайта через смартфон не загружается css
Недавно закончил с основным наполнением своего первого интернет-магазина и решил заняться оптимизацией. Проблемы с блокирующими css удалось решить с помощью операторов preload таким образом: <link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'"> Как javascript, помещал таблицы стилей в самый низ кода страницы. Скорость загрузки возросла до 96/100 по данным PageSpeed Insights. Но! Появилась новая проблема, которую я не могу решить по сей день, а именно: вообще не загружаются таблицы стилей при просмотре сайта через смартфон (также Google бот не загружает стили)! Менял самые основные на обычный link rel="stylesheet" type="text/css"-загру…
0 votes0 answers -
слаидер slick с картинкой
при ширине экрана @media(max-width:768px) в самый низ страницы верстки есть слайдер внутри него есть контент с картинкой хочу поместить картинку за границы слайда сверху но картинка обрезается. как сделать чтобы было видно ссылка на верстку http://frontend-er.h1n.ru/asia-spa/
0 votes0 answers -
IE + высота ячейки
Opera 9.62, Safari 3.2, Firefox 3.0, осел 7.0.5730.11 первые три все гуд, последний, одним словом осел короче, вот главная, а при большом теле место под меню съезжает вниз, а нужно как, ну как в других браузерах, т.е. нормально =) ставилял во второй строке height=*, height=99%, height=600... не чего не помогает..
0 votes2 answers -
я начинающий ХТМЛешник
http://depositfiles.com/files/tmytdomgc http://letitbit.net/download/5a99de594490/flash.rar.html http://uploading.com/files/3TM8X8UH/flash.rar.html здесь есть файл архив что-ли(rar), в общем распокавал, а там формат непонтный, ни димом, ни блоконотом, ни каким либо еще редактором, прогой не смог открыть. в описании написанго что это исходник сайта, я так понял что флэш. но флэш плеером не открыть, может кто поможет? Заранее благодарю, за понимание и жду помощи
0 votes4 answers -
цвет ссылок
Доброй ночи! Не могу понять: это стиль цвета ссылок a { text-decoration : none; outline : none; color : #ffffff; } а это код и стиль отдельной ссылки <a class="a_new color" href="http://www.youtube.com/ asdfagdfsh" > YouTube - ISIIS<br /> (In Situ Ichthyoplankton Imaging System)</a> .a_new color {color:#006699; font-style:oblique; } Скажите, почему у меня не отображается стиль для ссылки a_new color, таким каким я его прописал, а отображается стиль для тега <a>?
0 votes4 answers -
регулирование размеров блока
Здравствуйте. Имеется два блока, один вложен в другой ( блок класса content вложен в блок класса body) .body { margin: auto; height: auto !important; min-height:99%; height: 99%; } .content { border: groove 3px #410707; height: auto !important; min-height:99%; height: 99%; width: 50%; margin:auto; } Возникает проблема: несмотря на то, что указан минимальный размер в 99% высота регулируется автоматически, при чем при отсутствие данных в content высота блока становится равной 0. В чем дело? Каковы пути решения проблемы? UPD: нагуглил некоторую инфу по данному поводу( http://forum.htmlbook.ru/index.php?showtopic=11536), но ответа на вопрос так и …
0 votes8 answers -
Форма растягивает блок
Привет всем участникам! Возникла проблема при верстке. Имеется блок с фотографией пользователя. Фотография может быть разная, как по высоте, так и по ширине, но важным для моей задачи является именно ширина. Под блоком с фотографией находится блок с некоторым контентом. Задача в том, чтобы этот блок был такой же ширины, как и ширина загруженной фотографии. Поэтому я не задавал ему ширину, разместил блок с фотографией и с контентом в таблицу. Блок с контентом растягивается на ширину ячейки, ширину которой, в свою очередь, определяет ширина фотографии. Казалось бы, задача решена. Но в блоке с контентом имеется форма, которая раскрывается при нажатии на ссылку. И при развор…
0 votes2 answers -
проблемы с @font-face
Трудно объяснить в чём проблема, но правило не срабатывает! Без проблем работает в IE с его oet-ами... Опера отображает только один из двух шрифтов. Фокс ни одного! В чём может быть проблема? ссылки перепроверил - срабатывают (по крайней мере браузер предлагает сохранить файл) есть несколько вопросов по синтаксису: family надо записывать в кавычках или без разницы? должно ли название файла совпадать с тем что прописана в файле шрифта? можно ли использовать в правиле font варианты начертания: файл шрифта bold - в правиле надо указывать font:bold... или font:normal... мог ли браузер как-то хитро закэшировать предыдущие версии шрифта и отдавать их? Какие есть варианты - как …
0 votes9 answers -
Резиновость сайта
Вроде поменял всю ширину на 100% , а все равно сайт не резиновый!! Вопрос кэш очищать в этом случае надо? body {margin: 0 0 0 0;padding: 0 0 0 0;background: #e0e0e0; color:#0040a0; font-family: "Times New Roman", Times, serif;font-size: 20pt;} table{border:3px; border-color: #204090; border-collapse:collapse;} table td{padding:0px; vertical-align: top;} table tr{margin: 0 0 0 0;padding: 0 0 0 0;} img{border: 0;margin: 0 0 0 0;padding: 0 0 0 0;} ol, ul{text-align: justify;font-size: 12px;padding-left:20px;color:#20b040;} li{text-align: justify;font-size: 12px;} p{text-align: justify;font-size: 12px;} p.pc {text-align: center;} p.pcb {text-align: center; font-weight: bold;}…
0 votes5 answers -
не работает свойство @font-face
Доброго времени суток! У меня почему то не работает свойство @font-face,точнее работает только в firefox ,а больше нигде .. <style type="text/css"> @font-face { font-family: 'Myriad Pro'; src:url(Myriad Pro.ttf) format('truetype'); font-weight: bold; font-style: normal; } body{ font-size:25px; font-family: Myriad Pro;} </style>
0 votes5 answers -
Как сделать ячейку таблицы шириной в зависимости от контента
Подскажите пожалуйста как сделать ячейку таблицы шириной в зависимости от контента? Ну то есть что бы не было так если одна ячейка большая все за ней тянулись, а имела ширину в зависимости от своего наполнения.
0 votes5 answers -
Слайдер
Как реализовать такой слайдер? Чтобы за ним был оранжевый цвет, а перед ним серый? Можно простенькие примеры, пожалуйста.
0 votes4 answers -
загадочный quirks mode
помогите пожалуйста понять что такое quirks mode пока я понимаю так: 1. тип документа влияет на html и css 2. при условии корректно заданного типа документа каждый браузер интерпретирует html и css по определённому стандарту. чаще всего по последнему(современному). который заложили в него разработчики(или до которого он обновился) 3. если тип не указан, или указан с ошибкой, или до него есть символы(пробел например, или BOM), то включается режим обратной совместимости. то есть браузер интерпретирует html и css по устаревшим стандартам. то есть по тем, которые действовали в 90-х годах(они вшиваются в даже самые современные версии браузеров. на всякий случай), и которые спо…
0 votes3 answers