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
-
Как задать высоту td кроссбраузерно в абсолютных единицах?
Первое что попробовал это просто присвоить высоту td(height: 40px;) - этот вариант поддерживает, то есть отображает как желалось только FF, далее другой вариант это задания tr(height: 40px;), а td - 100% - этот вариант поддерживается большинством браузеров кроме браузеров на движке webkit. Может кто знает как задать высоту td кроссбраузерно? Подскажите пожалуйста. Хм.. задал tr нужную высоту и всё стало кроссбраузерно. Извеняюсь за пост... Тогда что бы тема не пустовала, может знает кто как решить одну проблемку. В FF есть возможность взяите таблчних элементов в фокус, при этом элементы в фокусе подсвечиваются синей рамкой, может знает кто как её убрать?
0 votes4 answers -
Проблемы с размерами блоков
Здравствуйте.Недавно начал осваивать HTML верстку.Проблема такая: Есть типичный макет:Шапка,Центр(3 колонки),футер. Вот,что получается в различных браузерах: Хром IE Опера Сафари Т.е.искажаются размеры блоков. Посоветуйте пожалуйста литературу(желательно на русском),в которой рассказывается как устранять такие проблемы.Заранее спасибо.
0 votes2 answers -
Фоновый рисунок
Я уже замучился. . . Никак не могу сделать, чтобы картинка растягивалась на всё окно фрейма. Вот index.html: <!DOCTYPE html> <html> <head> <title>Successful Life</title> <meta charset="utf-8"> <meta name="keywords" content=""> <meta name="description" content=""> </head> <frameset rows="40% , *" frameborder="0"> <frame src="head.html" name="HEAD" scrolling="no" noresize> <frameset cols="25% , *"> <frame src="menu0.html" style="background: #fda" name="MENU0" noresize> <frame src="content0.html" style="background: #abc" name="C…
0 votes2 answers -
Эмуляция placeholder в старых браузерах
Написал небольшой javascript, который эмулирует работу нового атрибута placeholder, появившегося с приходом htm5, в старых браузерах (особый смысл это имеет в ie). Placeholder - выводит текст внутри поля формы, который исчезает при получении фокуса. В сжатом виде скрипт весит всего 1 609 байт. Плюсы данного решения: Не какого лишнего js-кода в html Маленький размер Не нужны сторонние библиотеки (например я находил решения с использованием jQuery) Обработка отправки формы на сервер (т.к при эмуляции подсказки хранятся в value они могут быть отправлены на сервер вместе с другими - заполненными полями). Placeholder.js обрабатывает эту ситуацию и не посылает лишние данные н…
0 votes5 answers -
Помогите "чайнику" с кнопками на HTML
Добрый день, уважаемые форумчане! Прошу у вас помощи, в наверное простом для вас вопросе. Сам я очень далек от верстки, но начал мастерить некое устройство на микроконтроллере управляемое через браузер и столкнулся с проблемой. В идеале мне бы хотелось чего то примерно такого: Слева кнопка "Vol -" потом значение VolValue, а справа соответственно кнопка "Vol +" По нажатию этих кнопок браузер должен передавать микроконтроллеру значения cmd=8 и соответственно cmd=9 (там, на микроконтроллере парсится строка запроса от браузера в поисках cmd и выполняются соответсвующие действия). Но у меня не получается сделать желаемое в одной строке. Т.е. если я делаю так: <form METHOD=…
0 votes5 answers -
Не получается прижать footer к низу страницы
Друзья, пробовал несколько методов, найденных в сети, выбрал тот, при котором к footer-у применяется абсолютное позиционирование, а страница body и html растягиваются до 100%... Долго мучился, так и не разобрался, вот полный код: <!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"> <head> <meta charset="utf-8"> <style type="text/css"> html { height: 100% } * html body { height: 100% } body { margin: 0; padding: 0; min-height: 100%; position: relative; } #header { float:left; width:100%; min-width:1000px; } #wrapper { …
0 votes1 answer -
Aside уходит под Article
Ситуация: заказана верстка была у одного "спеца", который теперь не отвечает на сообщения... Сайт (СМИ) отображается нормально на главной, а на странице материала Aside уходит под Article Программист, который ставил CMS, пытался исправить, но не смог, я сам тоже не верстаю( Просто верстка работала нормально, но после введения сайта в эксплуатацию, понеслись ошибочки, самая главная щас вот с aside Собственно ниже код того что было (норм было до запуска сайта) и того что я намудрил сам. Не понимаю где ошибки, помогите( и может ли что-то ещё влиять на верстку? непонятно( В моем варианте блок сместился вправо, но также остался под материалом Если нужно прикреплю скрины=) Спас…
0 votes1 answer -
Вордовский файл открывается по-разному...
Вот ссылка: quick-line.biz/info.html Там есть ссылки на 8-мь вордовских файлов. Проблема: В IE они криво скачиваются, почему-то в zip формате, и вообще не то что нужно.
0 votes6 answers -
Вывести картинки под спойлером
Ребят, помогите пожалуйста. Нужно на определенной странице джумлы Ссылка (это компонент) вывести спойлер, а при нажатии на него вывести некоторые картинки. Как это реализовать? Я так понял это реализовывается в компоненте - вот он: Скачать Спасибо.
0 votes1 answer -
responsive web design and grid (Адаптивный web lbpfqy)
http://forefathersgroup.com/ http://www.stpaulsschool.org.uk/ http://sweethatclub.org/ Вот примеры адаптивных сайтов Подскажите как установить grid(Сетку) И как правильно работать с media queries
0 votes1 answer -
бордюр не на всю высоту элемента
свойство border делает бордюр элементу от начала и до конца, как сделать, чтоб получились отступу с каждого края?
0 votes5 answers -
Валидный HTML5 код
Помогите разобраться. Я так понимаю, что в HTML4 следующий код был не валидным: .. <a> <div>text</div> </a> .. А именно из-за того, что тег <a> текстовый, и внутрь текстового нельзя помещать блочный. Но этот код становится валидным, если <!DOCTYPE html>. Собственно, почему? Например, может <a> перешёл в разряд универсальных тегов?
0 votes5 answers -
Скроллбар контента в произвольном месте
Привет. Подскажите как сделать следующую вещь: Нужно сделать так что бы можно было располагать кастомный скролл в произвольном месте. Т.е. у меня есть какое-то количество оранжевых блоков. Красный блок с заданной шириной и overflow: hidden, зеленый блок c какой-то большой шириной. Можно красному блоку задать overflow:auto и использовать плагин вроде jScrollPane, но тогда скролл будет около контента, а мне нужно "отделить" его от туда и вставить в произвольное место. Знаю что это сделать можно, но как пока не соображу. Спасибо
0 votes4 answers -
Как блок расположить над таблицей?
Тема закрыта
0 votes1 answer -
Как сделать выровнять текст по центру только в верхней строке(а именно в ее столбцах) ?
Добрый день. Код: <table id="a_table" border="1" bordercolor="#e1e1e1"> <tr class="a_table_tr_header"><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td></tr> <tr class="a_table_tr_main"><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr class="a_table_tr_main"><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>…
0 votes2 answers -
Вывод списка друзей, как в вконтакте
Всем добрый день. Думаю из названия понятно, что требуется: <div class="friend"> <div class="avatar_mini"> ..... </div> <div class="first_and_last_name"> ..... </div> <div class="friend_menu"> ..... </div> </div> И вот в таком виде должна выводится информация о пользователях. Ковыряние CSS из вконтактика ни к чему хорошему не привело, как только эти дивы не прыгали по странице, но так как нужно не ставятся. Кто что посоветует?
0 votes6 answers -
Не работает cellpading
Привет всем, люди подскажите пожайлуста, опять же делаю первый сайт, сделал пол сайта, дошел до того что надо делать таблицу, но cellpading у меня не работает, в чем дело, сам найти ошибку не смог Помогите пожайлуста, просите что нужно выложить, все покажу.
0 votes2 answers -
Выравнивание сайта по центру
Здравствуйте (: Проблема в выравнивании сайта по центру. Ширина сайта - 1200px; Ширина шапки - 1600px; Сейчас так : body{ background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; } #conteiner{ position: absolute; left: 50%; margin-left: -600px; width: 1200px;} При этом : Шапка смещена px на 20 влево. При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя) На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо. margin:0 auto;Не работает совсем. Если писать background для div'a header, то…
0 votes3 answers -
Мне надо чтобы подвал прилипал к низу страницы
Всем привет! Я бы нашел это сам через поиск, но к сожалению не знаю как это правильно написать Вообщим мне нужно сделать чтобы подвал прилипал к низу страницы когда контента на странице мало. Сейчас подвал висит посеридине страницы, и это смотрится ужастно... Сам я дизайнер, и в верстке не особо, но строчки в код вставлять умею) Не понимаю... это сложно делается что ли... встречал мало верстальщиков которые бы липили футер к низу страницы (( В общим я прошу помощи!
0 votes6 answers -
Подскажите.Сместилась форма поиска в IE.
Здравствуйте, посоветуйте как с этим бороться.Сместилась форма поиска в IE. Сайт http://elle.ts9.ru/ В других браузерах отображается нормально.
0 votes1 answer -
Выравнивание сайта по центру
Здравствуйте (: Проблема в выравнивании сайта по центру. Ширина сайта - 1200px; Ширина шапки - 1600px; Сейчас так : body{ background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; } #conteiner{ position: absolute; left: 50%; margin-left: -600px; width: 1200px;} При этом : Шапка смещена px на 20 влево. При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя) На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо. margin:0 auto;Не работает совсем. Если писать background для div'a header, то…
0 votes7 answers -
Как принудительно заставить IE работать в стандартном режиме?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> и страница в любом IE разваливается. Если поменять на <!DOCTYPE HTML>, то начинает работать правильно. Но у меня есть возможность править только то, что внутри <body>. Как можно в таких условиях переключить IE в стандартный режим?
0 votes12 answers -
вложенные 100% div-ы, внутренний вылазит на толщину границы
Приветствую! Есть несложный код: <html> <head> <style> #b { width: 500px; height: 300px; } #i1 { border: 10px solid black; } #i2 { border: 10px solid red; } #i1, #i1 #i2 { width: 100%; height: 100%; } </style> </head> <body> <div id="b"> <div id="i1"><div id="i2">dddddddd</div></div> </div> </body> </html> Запустив, мы увидим что внутренний красный див вылезает вправо и вниз из родителя на ширину границы. Почему так происходит и как сделать, что бы внутренний див был таки целиком внутри?
0 votes2 answers -
Проблема с менюшкой
Верстаю шаблон под cms , возникла проблема в шаблоне в браузере chrome. Активный пункт меню отображается с острыми углами, а не округленными. при чем в опере все нормально отображается... Тема закрыта!
0 votes7 answers -
Поиск в списке селект
Всем доброго времени суток . Есть у меня такой рабочий скрипт поиска каналов на js ( вот здесь пример ). Все работает прекрасно , ищет , находит , подставляет найденную ссылку в трансляцию . Но есть одна не удобная вещь , надо искать и вводить название постоянно . То есть вводишь например "Моя Планета" , он находит несколько каналов, кликаешь на любой , а трансляция не идет и надо дальше опять вводить название и кликать на вторую ссылку с трансляцией ! Как сделать чтобы поисковое слово не сбрасывалось автоматом, а оставалась до тех пор пока сам не уберешь .
0 votes0 answers