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
-
прокрутка всего окна
Уважаемые товарищи, пож-та помогите с написанием сайта Занялась фреймами, потому что без них дальнейшее размещение инфо будет сложным, но возникла проблема. У меня страница отсекается и не позволяет прокручивать текст вниз всего окна, вот как например окно данного форума (есть скроллик справа) а у меня просто отсекает и все http://www.prommarkt.ru/ вот коды <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Промышленный маркетинг: стратегии, аналит…
0 votes5 answers -
Селекторы для инпутов
Щас залез в стайл темы оформления для одного двига и заметил вот это input[type=button], input[type=submit], input[type=reset] { PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND: url(buttons/green.gif) repeat-x; COLOR: #fff; CURSOR: pointer; BORDER-LEFT: 1px solid #1e568f; BORDER-RIGHT: 1px solid #1e568f; BORDER-BOTTOM: none; BORDER-TOP: none; } Впервые столкнулся с такой записью, вот и вопрос, насколько работоспособен такой способ указания элементов?
0 votes3 answers -
Корректная разбивка на страницы
Здравствуйте! Столкнулся с такой проблемой: когда содержимое xhtml-файла разбивается на страницы в произвольном порядке (в частности, ридером книг айпада), встречаются такие ситуации, когда иллюстрация оказывается на одной странице, а подпись к ней - на другой. Естественно, это портит впечатление. Вопрос: есть ли универсальный способ объединить изображение и подпись к нему в один неделимый блок, так чтобы при недостатке места для подписи, изображение немного сжималось? Или, в крайнем случае, переносилось на следующую страницу. Я пробовал задавать свойствах изображений: page-break-after: avoid; - не помогло. Пробовал объединить изображение и подпись в один div, и назначить…
0 votes2 answers -
Проверьте ход мысле, пожалуйста.
Т.е. верстаю я редко, то до сих пор не научился. Вот проверьте меня, пожалуйста, правильно ли я начала верстать сайт, особенно верстка меню меня интересует. Вот ссылка: http://deluxe-okna.ru/ Там css такой: .about { font-size: 15px; color: white; margin: -30px 0 0 35px; } .about a { text-decoration: none; color: white; } .galery { font-size: 15px; margin: -19px 0 0 180px; } .galery a { text-decoration: none; font-size: 15px; color: white; } .production { font-size: 15px; font-size: 15px; margin: -18px 0 0 300px; } .production a { text-decoration: none; color: white; } .answer { font-size: 15px; margin: -17px 0 0 475px; } .answer a { color: white; tex…
0 votes5 answers -
Некорректное отображение таблицы в IE6
Всем привет. Имеется вот такой html-код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Тест</title> <style type="text/css"> table { width: 548px height: 340px; background: red; } td { width: 512px; height: 62px; background:green; color:white; } </style> </head> <body> <table cellpadding="16px" cellspacing="18px"> <tr><td>Текст…
0 votes2 answers -
Блок оставить отзыв
Проблема в том что на сайте http:// domatino.ru слева есть блок оставить отзыв.Сайт сделан под разрешение 1024. Когда стоит такое разрешение блок заезжает на текст.Как быть? Ширину менять не хочу.Потому что многое придется переделывать!
0 votes2 answers -
Верстка "слайдера"
Как сверстать блок с шириной 100% окна браузера, в котором есть несколько других дочерних блоков, принимающих его ширину? Из всех дочерних блоков виден только один. Это нужно для того, чтобы, например, при нажатии на кнопку дочерний блок сдвигался вбок, и стал виден второй блок.
0 votes3 answers -
Selectvizr и подключение CSS3 в ie8
Добрый день, решил попробовать HTML5 и, как всегда, приходится делать обходное решения для создания псевдоэлементов в IE8. Подключаю библиотеку Selectvizr таким кодом: <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="js/DOMAssistantComplete-2.8.1.js"></script> <script type="text/javascript" src="js/selectivizr.js"></script> <![endif]--> Но что-то не работает. в IE уровень безопасности для локального хоста поставил Низкий. Кто сообразит, в чем причина?
0 votes5 answers -
3 колонки резиновые по высоте
Привет ребята Подскажите пожалуйста, как сделать 3 колонки, которые одинаково растягиваются по высоте, ширина макета 1000px. Никак не могу найти, на ум приходит только таблицей, а можно ли дивами?
0 votes1 answer -
Плейлист
Доброе времени суток. У меня есть несколько видео которые надо воспроизводить по очереди,нужно создать плейлист,но я не знаю как. Может можно как нибудь указать воспроизводить не файл,а полностью папку? Тогда надобность в создании плейлиста отпадет. Причем чтоб я мог слегкостью добавлять видео. Тока учусь, плз, помогите. Сделал так: <script> var videoPlayer; var video_count=1; window.onload=function(){ videoPlayer=document.getElementById("video"); videoPlayer.addEventListener("play",function(){ },false); videoPlayer.addEventListener("ended",function(){ video_count++; …
0 votes3 answers -
visibility
Почему при наведении на ссылку она не показывается?? http://jsfiddle.net/dMZHM/
0 votes5 answers -
Ширина блока по содержимому
Как известно, ширина блока расчитывается внешним фактором - шириной родителя. А мне нужно, что бы ширна блока .outer тянулась по ширине дочернего блока .inner Добиться этого можно назначив блоку-родителю (т.е .outer) что-то одно из этого: 1) display: inline-block; 2) display: inline-flex; 3) float любой //не подходит, т.к. создаст лишний геморой. Мне нужно, что бы outer оставался в нормальном потоке 4) position: absolute; // тоже не подходит, т.к. вырывает из нормальнного потока. Все эти варианты заставляют блок-родитель тянуться вширь по своему контенту. Но они все какие-то не торт, особенно последние два. Может есть еще какие-нибудь решения, которыми вы хотите подел…
0 votes3 answers -
Обязаности дизайнера и верстальщика
Здравствуйте. Обязан ли дизайнер предоставлять изображения для верстальщика в различных форматах или это задача верстальщика? Например фавикон, по мимо png передавать еще в ico формате. Или курсор например в формате .cur если он нестандартный на сайте.
0 votes4 answers -
Как правильно пользоваться тегом <input type="file"> ?
Добрый день. мне нужно передать файл в функцию. Файл выбирается с помощью формы. <form enctype="multipart/form-data" method="post"> <input type="file" name="table"> <input type="submit" value="Отправить"></form><pre><?print_r($_POST);?></pre>После того, как я выбрал файл и отправил форму, массив POST пустой. Если отсылать форму методом GET, то <?print_r($_GET);?> выводит Array ( [table] => myfile.txt ) Получается, что кроме имени файла ничего не передается. А как получить содержимое выбранного файла?
0 votes2 answers -
Символ юникода
Вот собственно вопрос хочу себе на сайт установить некий слайдер, и в нем стрелки навигации лево и право описаны через свойство content: "\e601"; то есть это символ юникода Но не могу понять тот слайдер который в примере отображает эти символы юникода правильно, а вот после установки этогго слайдера к себе на сайт этот символ юникода не отображается как надо В чем причина не могу понять?
0 votes3 answers -
IE9+ font
Всем доброго времени суток. Возникла проблема с отображением шрифта в IE9+, а точнее его не отображением. Вот пример. Шрифт показывается в остальных браузерах, но в IE9+ не хочет, хотя формат ttf. Может проблема в самом файле шрифта?
0 votes5 answers -
Анимация в обратном порядке
$(document).ready(function(){ $('div').click(function(){ $('div').toggleClass('a1').removeClass('a2'); }); $('p').click(function(){ $('div').toggleClass('a2').removeClass('a1'); }); }); div { width: 200px; height: 200px; background: black; position: relative; } .a1 { animation: vras 3s forwards; } .a2 { animation: vras 3s alternate-reverse forwards; } @keyframes vras{ from { left: 0; } 33% { left: 85%; } 66% { left: 0; } to{ left: 500px; } } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div></div> &l…
0 votes1 answer -
трабла с комментами
Здрасте всем! Снова проблемы и снова только к вам уважаемые форумчане Натягивал тут не спеша себе диз на дле, все отлично, все шло как по маслу, но тут давай тестить и смотрю комменты не пашут, при попытке добавить коммент пишет -Hacking attempt! Далее понял, что виной всему то, что я в шаблоне comments.tpl задал значения элементам через id и class (ну все как полагается), все вынес в стиле, но вроде так и верстается или я ошибаюсь В общем может кто знает в чем дело, буду очень признателен!
0 votes1 answer -
Типовые шаблоны
По форуме натыкался на ссылку с кодом типовых шаблонов страниц, на подобие 3 колонки футтер, и пр. поделитесь ссылкой, не нашел в поиске
0 votes0 answers -
Проблема с областью ссылки
Дорогие, форумчане! Помогите, пожалуйста! Прописываю следующий CSS-код: div.button { background-image: url(/design/Command1.jpg); background-repeat: no-repeat; border: none; padding: 0px 0px 30px 0px; background-position: center; } div.button:hover { background-image: url(/design/Command2.jpg); background-repeat: no-repeat; border: none; padding: 0px 0px 30px 0px; background-position: center; } Прописываю следующий HTML-код: <a rel="shadowbox;width=640;height=505;player=swf" title="Василий Шукшин - Калина Красная" href="http://video.google.com/googleplayer.swf?docid=-1336173211077011168&hl=ru&fs=true"><div class="button"></div></a> Вроде…
0 votes1 answer -
IE и colspan поганят таблицу(-ы)
Возможно кто-нибудь уже сталкивался с этой проблемой: В Mozill'e таблица (с colspan'ами, в которых также вложенные таблицы) отображается так: А в IE (я использую 8-ю версию) так: Никак не могу решить эту проблему, что только не пытался, и absolute и layout, ничего не помогло. Код примера: <style> html, body, table, div { font-family: Arial; font-size:12px; color:#060606; margin:0px; } table { border-spacing:0px; border-collapse:collapse; } td{ padding:0px; } .red_td{ border-collapse: collapse; border:1px solid black; border-bottom:0px; background:#dd1a1a; font-size:9px; width:100px; } .orange_td{ border-collapse: collapse; border:1px solid black; …
0 votes2 answers -
Вопрос по CSS
нашел несколько способов задания классов: .class.a.b{} или .class,a,b{} Это способ задания опций элементу с несколькими классами одновременно? Какой из способов лучше использовать? И в чем между ними разница? Все браузеры распознают эти методы?
0 votes3 answers -
верстка меню
Кто знает как способ как решить данную задачу?
0 votes1 answer -
Динамичное изображение по переносимым параметрам
hi Хоть лопни, но не могу заставить заработать отображение данных с видеокамеры. На главной странице системы видеонаблюдения размещена таблица с уменьшенным изображением потока от камер наблюдения, при клике по картинке камеры, вызывается новое окно с передачей в виде параметра строки порта сервера ( для разных камер он разный, вида view.html?port=8081 ), которое должно отобразить увеличенную картинку с этой камеры Порт передается без проблем, а на странице не могу отобразить объект img src с url склееным из адреса сервера и переданного номера порта Код этой страницы: <html dir="ltr" lang="ru"> <head> <meta content="text/html; charset=UTF-8" http-equiv="con…
0 votes5 answers -
Проблема с height в таблице
Привет! Ситуация след. Таблица - три столбца, три ячейки в левом столбце, по одной во втором и третьем столбце Нужно: 1-я ячейка левого столбца - background-image height:100%; repeat-y 2-я ячейка левого столбца - background-image height - fixed, width - fixed 3-я ячейка левого столбца - background-image height - fixed, width - fixed Дабы не запутаться, привожу код: <table cellspacing="0" cellpadding="0" align="center" style="width:1300px;"><tr> <td class="leftsidea"></td> <td rowspan="3"> <div id="bodycenter"> </div> </td><td class="rightside" rowspan="3"> </td></tr> <tr><td class="l…
0 votes4 answers