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 votes9 answers -
Как сделать DIV таким образом что бы он растягивался по высоте
Как сделать DIV таким образом что бы он растягивался по высоте в процентном соотношении?
0 votes6 answers -
<STYLE TYPE="text/css">
когда в хтмл-странице делают <STYLE TYPE="text/css">код ксс </STYLE> это то же самое как к странице привязать отдельный css-файл ? или это чем то ущербное решение ?
0 votes1 answer -
как правильно написать шапку сайта
Помогите правильно написать шапку сайта, столкнулся с проблемой что шапка идет в 2 строчки а не в одну. вот текст <html> <body> <style> .heade { background-image:url(img/headcenter.jpg); width:100%; } </style> <p>Шапка) <div class="heade"> <img alt="" src="img/headleft.gif"> <img alt="" src="img/headright.gif" style="float: right;"> </div> </body> </html>
0 votes10 answers -
Плавное изменение картинки при наведении мыши
Как сделать чтобы при наведении на картинку, она плавно переходила в другую. После увода курсора с картинки, так же плавно применяло свое прежнее обличье. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01/EN" "http://www.w3.org/TR/html4/strict.dtd" /> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> a.rollover { background: url(bez.PNG); display: block; width: 295px; height: 295px; } a.rollover:hover { background: url(s.PNG); } </style> </head> <body bgcolor="#89afe5"> <center><p><a href="" class="rollover"> </a></p></center&g…
0 votes4 answers -
Редактирование шаблонов Joomla.
Не сколько не разбираюсь в PHP, изменяю файл CSS шаблона но в самом шаблоне ничего не меняется . В самом шаблоне очень много PHP может дело в нем?
0 votes7 answers -
Подключение css файла
Всем привет. есть некий шаблон страницы, разбитый на части и собираемый в последствии (include) я хотел подключить меню находящееся в отдельном файле с помощью линка.. - НЕ ПОЛУЧАЕТСЯ. далее добавляю в head местную конструкцию - содержимое файла ............... содержимое css файла (меню) ТОЖЕ НЕ РАБОТАЕТ! то есть формируемая стр НЕ УЧИТЫВАЕТ ПОДКЛЮЧАЕМЫЙ ЛИНК... ———————————————————————— ЧТО ЕЩЕ ИНТЕРЕСНО.. ФОРМИРУЕШЬ ЦЕЛИКОМ СТР. ПРОПИСЫВАЕШ В ШАПКУ КОД МЕНЮ CSS - И ВСЕ РАБОТАЕТ, А ДИНАМИЧЕСКИ НЕ ФОРМИРУЕТ.. знающии или сталкивающиеся с этим - подскажите что может быть не так?!! Спасибо.
0 votes15 answers -
Имитация фреймов (картинка внутри)
Камрады, тут возникла такая вот задачка: Сайт по дизайну имеет вид примерно такой: Вверху - контент, внизу - меню. Все в "резине". Контент должен "прокручиваться" независимо от меню, которое вседа будет прилегать к нижнему краю экрана. Для набора "классических" фреймов задача обыденная, однако тут фреймами пользоваться нельзя - вот та менюшка внизу по нажатию на кнопочку должна будет "складываться" в одну строку и соответственно при повторном нажатии обратно "раскрываться" в высоту. Вот сижу и думаю... как прикрепить меню к нижнему краю экрана - знаю, как его складывать-раскладывать - знаю... а вот как в таком случае реализовать "прокрутку" верхнего контентного блока, уч…
0 votes14 answers -
Выровнять фрейм как надо
<body style="margin:0px;"> <center> Text1 </center> <center><p><iframe src="h_f_l.html" width="200" height="200" style="margin:50%;" ></iframe></p></center> <center> Text2 </center>Хочу сделать так, что бы фрейм постоянно был по центру страницы, оставался по центру стрницы и при растягивании или сжатии страницы, проблема в margin, если на 50% то он улетает куда то далеко вниз... <body> <iframe src="h_f_l.html" width="200" height="200" style="left:10%; top:10%; position:absolute; position:fixed; "></iframe> <iframe src="h_f_r.html" w…
0 votes2 answers -
Как правильно определить разрешения экрана
Замучился с адаптивным дизайном. Наконец-то понял почему разрешение на мобильных устройствах занижается. Вот тут хорошая статья http://programador.ru/dp/ Вот нашел скрипт, но он определяет "devicePixelRatio" - это для ретины, да и не работает он, на мобилке сайт зависает при загрузке - просто белый фон и делает вид что что-то грузит <script>$(function() {if (window.devicePixelRatio !== 1) { var dpt = window.devicePixelRatio; var widthM = window.screen.width * dpt; var widthH = window.screen.height * dpt; document.write('<meta name="viewport" content="width=' + widthM+ ', height=' + widthH + '">');}}) </script>Скажите пожалуйста, как можно переделат…
0 votes20 answers -
Сетка на bootstrap 3
Помогите пожалуйста с вёрсткой макета на bootstrap 3. Есть макет, ширина которого в psd исходнике 1280px. В нём 12 колонок, каждая колонка по 93px и 11 gutter (промежутков) между колонками по 15px Получается = 12 x 93px + 11*15 = 1280px Как сделать такую сетку? Подскажите где почитать про это? Видимо нужно изменять стандартную сетку bootstrap...Покажите пожалуйста примеры, очень нужно
0 votes1 answer -
Карта изображений при помощи CSS
Карта изображений при помощи CSS На скрине показано, как это работает - 1. Загружено фоновое изображение. 2. При наведении на любой черно-белый сектор картинки применяем hover, это просто украшаловка. 3. При наведении на цветные участки имеем ссылку на нужный вам ресурс. В данном примере три условных поля: - на главную - новости - контакты Полей может быль сколь угодно много, не проблема. В архиве Map_CSS.rar (193 Кб), 4 файла - - index.html - style.css (tooltip + mapimage) - karta.png - karta_hover.png Стили меняются под ваши нужды без всяких проблем. Кроме html и css больше ничего не применяется, никаких скриптов. CSS: body { font-weight: bold; font-style: …
0 votes4 answers -
Надо ли Calibri подключать @font-faceОМ?
Надо ли Calibri подключать @font-faceОМ? По идее надо, на всякий случай хочу спросить
0 votes5 answers -
Меня мучает один вопрос
Ребят,меня мучает несколько вопросов: Вот я недавно начал изучать программирование,выучил HTML, щас учу CSS,ну и конечноже не собираюсь овтанавливаться,так вот я недавно зашёл на Фриланс,там меня удивило одна вещь: Почему такие дешёвые сайты? Почему Люди.которые например имеют опыт по 5 лет,берут за заказ какихто 50$(за весь сайт) 1)Неужели так дёшево цениться Вёрстка?Или я может быть чтото путаю? 2)Получаеться,что люди тратят так много времени на изучение програмирования,сидят,учат,паряться,а заработать на этом нормально низя? 3)Потом ещё я узнал,что есть шаблоны(сайты) куда можно войти и выбрать любой за копейки,и эта тема развиваеться с бешеной скоростью. Так вот вопро…
0 votes9 answers -
Как шифровать текст?
Как можно шифровать текст, с последующей его расшифровкой?
0 votes14 answers -
Абсолютное позиционирование шапки сайта
Всем привет. Начал я делать сайты по psd макетам. До этого попробовал несколько сайтов верстать по видеокурсам. Вот теперь решил попробовать сам. И вот задумался. Нашёл я резиновый макет. Вроде с шапкой всё понятно, да и помню, что похожее как раз по видеокурсу проходил. Понял, что для шапки вроде бы подходит следующий код: .header { position: absolute; width: 100%; } А вроде бы это position: absolute и не нужен. Поискал в интернете. Часто такие стили применяют, но вот объяснений почему нет. Можете объяснить зачем применяют в шапки сайта абсолютное позиционирование? Частый ли это случай или или применяется только в определённых, редких случаях? …
0 votes17 answers -
Лишний отступ тег li, ul. Баг в IE
Доброе время суток, уже сколкьо времени не могу разобраться в чём проблема. Имеется меню создано с помощью ul, li. В Опере, ФФ, Хроме - всё хорошо, а в ИЕ получается двойной отступ (Или мне так кажется) Код меню <dl class="left_menu"> <dt class="lm_title"><span><b class="lmt_ico"> </b><b class="lmt_sh"> </b>Заголовок</span></dt> <dd> <ul class="sub"> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <…
0 votes5 answers -
Плотно прилегающие друг к другу 9 картинок (3x3)
Надо сделать плотно прилегающие друг к другу 9 картинок (3x3). Вот я написал что-то: сделал общий слой с заданной шириной 300 (чтоб в ширину влазили лишь 3 картинки,), а уже в этот слой запихал подряд 9 слоёв с нужными мне картинками. В эти внутренние 9 слоёв (размерами 100x75) вложено по картинке таких же размеров: 100x75. Не пойму, почему в IE между строками образуются промежности. Почитал статейки: добавил ко всему нулевые отступы (через универсальный селектор). не помогло. А вообще, если Вам не сложно скажите: может я вообще не правильно подошёл к решению поставленной передо мной задачи? Может есть какой-то простецкий способ сделать всё это? — CSS — * { margin: 0; p…
0 votes3 answers -
выпадающий список с прокруткой
Интересует как сделать такую штуку, например есть кнопка, при нажатии на нее появляется список (вертикальный), с кнопками (не скроллами) для перемотки содержимого вниз-вверх. Видимую часть списка сделал через новый div с какими то там значениями overflow, не суть, это работает. Проблема вот в чем - незнаю как сделать прокрутку элементов списка, при изменении margin-top или margin-bottom список прокручивается, но только при однократном нажатии. Тоесть я нажал на стрелку "вниз", показался скрытй до этого нижний элемент списка, по идее при втором нажатии должен показаться следующий элемент, но ничего не происходит. код скрипта: function scrolldown(elem) { var obj = doc…
0 votes2 answers -
Фиксированная шапка и якоря
Привет всем. Эта та самая проблема которая есть на всех сайтах с плавающей шапкой которые я видел. Когда при переходе по якорю шапка наезжает блок. Есть ли грамотное решение этой проблемы? Еще терпимо если плавающий блок небольшой высоты, а вот если блок высокий то отступы использовать не вариант
0 votes3 answers -
Как сделать разные таблицы в одном документе?
Если задача сделать несколько таблиц. Все они должны быть разные. Вот картинки. 1. таблица Имеет бордер 2 пиксела, высоту ячеек 20 пикселов. 2. таблица Только некоторые ячейки имеют обрамление, другие бордера не имеют. Высота фиксированная 3. таблица Там вообще все разное. И высота ячеек (надо делать разраничения блоков) и цвет текста внутри ячейки и бэк в ячейке разного цвета. Делаю это через CSS. Таблица объявляю как: <table class="table1" width="830"> <tr> <th width="100" bgcolor="#ece5dc">Номера</td> <td width="100" bgcolor="#ece5dc">Май</td> <td width="100" bgcolor="#ece5dc">Июнь</td> &…
0 votes5 answers -
Подгонка фонового рисунка
Здравствуйте! У меня фоновый рисунок размером 1600х1000 а монитор 1280х800. Когда я вставляю фон некоторая часть фона выходит за рамки разрешения. Как можно сделать, чтобы фон отображался полностью?
0 votes8 answers -
Текст выходит за пределы div, footer залезает на текст (2 колонный макет)
В макете 2 колонки, вставленные в общий контейнер и у каждой float:left. Если поставить свойство height:auto в #content, то обе колонки будут растягиваться под текст при изменении масштаба, однако при среднем масштабе они не будут тянуться до конца контейнера (красный), это можно сделать height:100%, но после этого при увеличении масштаба текст будет вылазить за пределы серой и зеленой колонок. При этом вне зависимости от того, что я делаю с footer, он залезает на текст( https://jsfiddle.net/he2zzh6z/#&togetherjs=5OgHxfnAH5
0 votes9 answers -
Установить базу для ссылок внутри css
Возможно ли в обьявлении вида: <link rel="stylesheet" type="text/css" href="test.css"> указать атрибут, чтобы все ссылки находящиеся внутри данного файла имели указанную базу.
0 votes5 answers -
верстка таблица отступы
Салемствую Хотел сделать таблицу должна выгледить вот так. http://slil.ru/24502174 А у меня , что то вообше не полуаеться вставляю верхние рис. Устанавливаю минус маргину и на ИЕ вообше рис пропадают на ФФ они вроде как стаят , но после обновления страницы они как и в ИЕ исчезают. Нижние рамки не могу не как сделать. И еще мне кажется что я ее через чурь намудрил например знаю что можно сделать без минусовоого маргина , но не знаю как без него , кто сможет показать как сделать ее более удобной ? Выслушаю все предложения... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title…
0 votes9 answers