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
-
Нумерация страниц CSS
Ребят, делаю задание http://htmlbook.ru/practical/numeratsiya-stranits Получается херня. http://s1.ipicture.ru/uploads/20130204/ptH4cFzT.png <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Секс</title> <style> *{ margin:0; } DIV{ background: #EDEDED; width: 100%; height: 35px; border-bottom: 4px solid #CCCCCC; position: fixed; top: 80%; } Li { font-size: 130%; color: #910303; position: absolute; top: 30px; } </style> </head> <body> <div> <ol> <li>1</li> <li>2</li> <li>3</li> …
0 votes2 answers -
CSS меню ! ! !
Всем приветик ! Вот делаю сайт : joomla.metko.ru заморочка с меню...весь день ковырялся так и не смог его ратянуть по контейнеру на всю ширину ( к левому краю прижимается, пробелами в html расширяется но не в притык ....а в css вообще не очет расширяться...объясните почему плиииииз ! <div id="container"> <nav> <ul> <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> </n…
0 votes2 answers -
помогите с анимацией
вот результат моих мучений http://s018.radikal.ru/i505/1301/d5/cfe1a43272b4.jpg проблема вот в чем; при нажатии мышью на поле страницы, нужно чтоб менюха заезжала вверх а плеер с синей кнопкой вниз и при этом нижние боковые плашки должны опускаться на столько какова высота собственно плеера с кнопкой. а при нажатии еще раз, все ставало на свои месте. Суть в том, что плашки абсолютно спозиционированы. щас код прикреплю <body> <section class="wrap"> <header class="nav_head"> <nav class="top_nav"> <a href="index.html">АЛЬБОМ</a> <a href="index2.html">ФОТО</a> <a class="acti…
0 votes4 answers -
Красивый сниппет для Яндекса
Подскажите, пожалуйста, как сделать такую штуку (отображение основных разделов, адреса и телефона в отдельной строке)?
0 votes3 answers -
Автоматическое удлинение textarea
Как сделать автоматическое удлинение текстового поля в высоту, как в ВК или Facebook?
0 votes0 answers -
скрыть наполнение дива
Люди помогите! Есть блок, в котором хранятся три изображения. Блок шириной 600px должен быть, картинки по 250; Суть в том, мне нужно чтоб они стояли три в ряд, и последняя скрывалась за границы блока, то есть обрезалась... html <article class="disckography"> <p><a href="#"><img src="img/album1.jpg"></a></p> <p><a href="#"><img src="img/album1.jpg"></a></p> <p><a href="#"><img src="img/album1.jpg"></a></p></article> css .disckography { height:350px; width:600px; margin:20px 0 0 100px; overflow:hidden; } .disckography p { floa…
0 votes8 answers -
Проблема с отображением background'а при масштабировании
Здравствуйте! Проблема такая. Делаю background в блоках DIV, в бекграунде сразу три изображения по спецификации css3, всё нормально отображается и работает, но только тогда, когда масштаб стандартный, т.е. 100%. Когда в браузере уменьшаю масштаб, то тех бекграундовых изображений, у которых ширина 1px становится не видно. Так и должно быть или от этого как-то можно избавиться, чтобы всё отображалось даже при уменьшении масштаба? Не знаю, что сюда привести... ну, вот css код того блока, в котором исчезает: .cont_verh_svitok_part2_center_fon { display:inline-block; padding:0; margin:0; border:0; outline:none; overflow:hidden; width:189px; font:12pt Palatino Linotype,verdana…
0 votes5 answers -
Проблема с шириной
Здравствуйте. Был сайт на таблицах, переделал на блоки (боковые фиксированного размера 160px, а центральный резиновый). Но есть раздел, где большая таблица и она вылазит за границу блока нерастягивая его и наесжает на правый блок. У сайса задан min-width: 1021px; max-width: 1400px; margin: 0 auto; min-height: 100%; width: 100%; в таблицах он работал а в дивах всегда минимум держит. Как это можно исправить? http://bgpllp.brest.by/?o=1window Спасибо.
0 votes1 answer -
Как к селекту привязать координаты с google-карты?
Есть такая вещь, на странице снизу есть google-карта, выше нее - селект с названиями горов, как сделать так чтобы выборе города из селекта на карте переходило на его координаты? как можно к option привязать координаты?
0 votes7 answers -
Разное отображение блоков с одинаковыми размерами в браузерах.
Помогите пожалуйста разобраться с примером в конце 9-го урока на странице: http://www.site-do.ru/css/css9.php Там автор приводит пример, что блоки при одинаковых размерах могут в различных браузерах выглядеть по разному. Пример этот прикладываю: http://yadi.sk/d/m430JzMV2Or-L Я открывал этот пример в браузерах. Действительно в Fiirefox и Opera выглядит иначе чем в IE8. Но объяснения автора совершенно не улавливаю. Цитирую дословно: "...Но мы задали ширину у всех блоков одинаковую, почему же тогда в IE блок с id="second" шире первого блока? Да потому, что IE не включает в размер блока поля и отступы. Браузер отобразил 3 и 4 блоки шириной в 300 пикселов, а потом задал им по…
0 votes5 answers -
Пример трех колоночной замещающей верстки
Всем привет. Прошу для тех, кому не трудно написать простой и правильный пример того, как сделать допусти три div колонки, в сумме все три должны быть 100%. И допустим, если убрать одну, то останутся две и автоматом все будет замещаться на 100%, но уже с двумя колонками, как делают шаблоны для CMS. Думаю свою мысль понятно получилось объяснить.
0 votes5 answers -
Создание схемы
Добрый день. Хочется спросить совета, кто что подскажет. Необходимо на сайте сделать что-то типа схемы. Схема каждый раз разна по сложности и по элементам, т.е расположение блоков может быть каким угодно и где угодно. Блоки схемы - необходимо чтобы они были отдельным активным элементом (при жмаке на блок ссылка, при наведении меняет цвет например). Так вот сам вопрос: как такое сделать просто и удобно? Допустим, блоками див. Но позиционирование таких блоков на странице не должно быть абсолютным, для совместимости разных разрешений экрана например. А при относительном позиционировании - наугад тыкать координаты, сохранять страницу (делаю все в дримвивер), открывать и смотр…
0 votes8 answers -
Меню с углами
Как кроссбраузерно сверстать такое вот меню? Тут больше интересуют углы. Если кроссбраузерно, то картинкой, правильно? А как именно - понять не могу.
0 votes6 answers -
Помогите проверить html пожалуйста
Доброго времени суток, Помогите пожалуйста провалидировать код формы! Насолько там все корректно!? Спасибо.
0 votes1 answer -
Проблема с адаптацией
Дело в том , что я установил несколько плагинов аккардеонов и они при открытии не изменяют страницу, а просто выходят за границу, пробовал ставить overflow с скроллером, но скроллер всё портит, есть какой-либо другой способ?
0 votes1 answer -
Растянул фоновое изображение, справа немного ломается.
РЕШЕНО Здравствуйте. Сделал фон в GIMP, вставил эту картинку как фон в тэге body body { height: 100%; background-image: url("{{ MEDIA_URL }}images/body.jpg"); background-size: cover; } Картинка растянулась, но в ширине слегка ломается справа вот тут http://www.tech.djangohost.name/ (нужно прокрутить направо). Подскажите почему такое поведение? И как картинку растянуть без косяков? Так же подключен bootstrap. Если еще размтка нужна, выложу...
0 votes0 answers -
Фон пунктов меню
Здравствуйте! Помогите советом, пожалуйста! Нужно под каждый пунктом меню поставить изображение кнопок. Почему-то изображение обрезается. Что не так в коде? #left{ float: center; width:230px; height: 449px; } #left ul.menu li a, #left ul.menu li a:link{ padding: 5px 25px 8px 25px; text-decoration: none; color: #503722; font-weight: normal; line-height: 2.0; font-size: 18px; background: url(../images/menu_row.gif)left no-repeat; margin: 0 0 0 5px; font-style: italic; font-weight: bold;
0 votes11 answers -
горизонтальный скролл колесиком мыши
Доброго времени суток. Подскажите, пожалуйста, как сделать горизонтальную прокрутку с помощью мыши Имеются вот такие элементы <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> Нужно, чтобы при прокрутке колесом мыши они прокручивались на странице
0 votes1 answer -
Оглавление
Хочу сделать оглавление для pdf файла, порезанного на отдельные главы, так, как это возможно в ворде: 1) Выравнивание текста оглавления по ширине страницы 2) Номер странички в документе pdf - с правой стороны окна в последней строке текста (названия главы) 3) По-возможности, но не обязательно: пунктирная линия от последнего слова названия главы до номера страницы. Вариант с таблицей из двух столбцов не подходит, так как номера страниц получаются правее любого слова, а мне нужно, чтобы номера страниц выравнивались по правому краю, по которому выравнивается текст (justify) Что-то вроде: много_текста_много_ текста......................12 мало_текста............23
0 votes1 answer -
bootstrap.css что за * ?
В файле bootstrap.css перед некоторыми свойствами стоят звездочки, для чего они? audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } итд...
0 votes3 answers -
CSS - две флешки на странице для IE - помогите
Подскажите, пожалуйста, что делаю не так? Верстка на css Мне нужно, чтобы две разные флешки показывались на одной странице В опере проблем нет вообще, показываются, а вот в IE первая флешка показывается, а вторая нет как ни крутилась, ничего не вышло. флешки не пересекатся css —-- #sloy1{ position:absolute; margin-top:10px; margin-left:10px; width:50px; height:50px; z-index:1; } #sloy2{ position:absolute; margin-top:100px; margin-left:100px; width:50px; height:50px; z-index:2; } страница —————-- <div id="sloy1"> тут код флешки с добавленным <param name="wmode" value=opaque> </div> <div id="sloy2"> тут код флешки с добавленным <param name="wmode"…
0 votes1 answer -
Плавный отступ.
Вот собственно: http://jsfiddle.net/iKNG/F3N6f/. FireBug почему то ошибку не выводит, но и результата нет.
0 votes4 answers -
Просвечывание меню
Ситуация следующая: сайт на wordpress`е, в котором выпадающие меню "просвечивается". Вот вставка из css: #access ul ul { -moz-box-shadow: 0 3px 3px rgba(6, 6, 6, 0.14); /* подложка выпадающего */ -webkit-box-shadow: 0 3px 3px rgba(208, 208, 208, 0.86); box-shadow: 0 3px 3px rgba(213, 213, 213, 0.95); display: none; float: left; margin: 0; position: absolute; top: 3.333em; left: 0; width: 188px; z-index: 9999;}
0 votes1 answer -
position:absolute и height
Добрый вечер. Для блока свойство position имеет значение absolute. Как в этом случае мне указывать высоту блока? Height и min-height не работают .main { padding: 0px 12px; width:500px; position:absolute; margin-top:155px; height:455px;}
0 votes1 answer -
Как сделать в резиновой шапке....
Как сделать в резиновой шапке 3 картинки следующим образом: одна прижата к левому краю другая к правому и одна плавает по центру.?! Верстка на дивах. <div id="header"> <div class="left"></div> <div class="center"><a href="/"></a></div> <div class="right"></div> </div>
0 votes1 answer