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
29,542 questions in this forum
-
Как правильно. Селекторы
Собственно например код <div id="pageHeader"> <p class='main'>111</p> </div> Вопрос как правильно по семантике и т.д запрос в ксс #pageHeader .main{} .main{} p.main{} Какой из 3 все 3 работают.
0 votes50 answers -
запретить перенос слов
при сужении окна по ширене происходит перенос слов, в результате нарушается дизайн, подскажите каким отребутом можно запретить перенос слов.
0 votes1 answer -
Как настроить платный шрифт для сайта
Купила шрифт для сайта. Выслали один файл. С ним на моем компе работает, а на сайте - нет. Запросила адаптацию у продавца. Выслали 2 папки. Что с ними делать, к какому файлу указывать путь, что скачивать в файловый менеджер на хостер ума не приложу. Мучаюсь с установкой теперь. Как установить и привязать шрифт к сайту?
0 votes33 answers -
Проблема с div-ами...
Есть некоторая задача: "Сделать два резиновых столбца. Первый — 20% по ширине, второй — 80%, между ними расстояние 20 пикселей, расстояния от краёв страницы слева и справа 10 пискелей. Без использования таблиц и javascript." Мой вопрос такой: Как сделать расстояние 20px. между колонками, если 20%+80%=100% т.е. вся доступная ширина, которая исключает еще какие-либо размеры вроде "20px".
0 votes48 answers -
применение hover к тегу area
Всем известно что псевдо класс hover нельзя применить к тегу area. Передо мной стоит задача при наведении на определенную часть изображения над изображением должна появляться определенная надпись. всякие jquery map hilight не подходят для этого так как они только лишь подсвечивают. Уважаемые, может ето можно сделать с помощью onmousover ? подскажите пожалуйста синтаксис. все должно выглядеть так: мышь наводится на опред участок картинки и чуть выше картинки всплывает <span>. накопал в сети следующее —- <area onmouseover="hover(this);" onmouseout="unhover(this);" href="... <script> function hover(obj) { obj.style.backgroundImage="img/hover.jpg"; } function …
0 votes2 answers -
Не видит include virtual.
Вобщем проблема - решил таки вывести меню сайта (а позже шапку и подвал) в отдельный файл средствами ssi. Сие свойство мне еще не знакомо, но уже чет пытаюсь. Попробовал я вывести меню - получилось: Создал в одной директории index.shtml и menu.txt. index.shtml: <div id="MainMenu"> <!--#include virtual="menu.txt"--> </div> menu.txt: <div id="tab"> <ul> <li class="item_active"><a href="http://dnepr-city.com/"><span>Главная</span></a></li> <li><a href="http://dnepr-city.com/about/"><span>О сайте</span></a></li> <li><a href="http://dnepr-city.com/"><span&…
0 votes8 answers -
Десктопные аналоги css песочниц
Здравствуйте, возник такой вопрос. Все вы знаете как минимум несколько очень удобных сервисов css-песочниц. Очень удобная штука, пишешь код, а сервис сразу же отрисовывает то, что вы накодили. Например: ccsdeck, codepen и т.д. Впрос такой: есть ли десктопные аналоги подобных сервисов. Надо чтобы с хтмл файлами и картинками можно было бы работать локально, но чтобы все так же сразу отрисовывалось. Заранее извиняюсь за нубский вопрос
0 votes6 answers -
Помогите с css
Подскажите пжалста как реализовать в css чтоб при наведении курсора на отдельную таблицу она выделялась другим цветом? в общем также как на этом сайте _http://mon1toring.ru/ как я понял что тут это делается two-tiers.css : /* "Two Tiers" for BF2S.com by Jeff Minard */ a { color: #a9a89c; text-decoration: none; border-bottom: 1px dotted #595853; } A:hover { color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */ text-decoration: underline; /* Добавляем подчеркивание */ } a img { border: 0; vertical-align: middle; } hr { display: none; } a img { border: 0; vertical-align: middle; } hr { display: none; } html, body { margin: 0; padding: 0; color:…
0 votes33 answers -
Занятный глюк IE7
Наткнулся на занятную пакость в IE7, вот минимальный пример: <!DOCTYPE HTML> <html> <head> <title>Пример</title> <style> p { margin: 0; padding: 0; } div { padding: 2px; } </style> </head> <body> <div style="width: 72%; float: left; background: #fcc;"> <div> <div style="margin-bottom: 40px; width: 90%; background: #ccc;"> <p>Отступ задан только здесь, с последующим блоком никак не связан...</p> </div> </div> <div style="width: 60%; float: left; background: #cfc;"> <div style="width: 90%; background: #fff;"> <p>Откуда же в IE7 берется отступ под…
0 votes6 answers -
как сделать невидимую кнопку
Господа, собственно говоря суть проблемы изложена в названии темы. У меня есть допустим кнопка Мне очень нужно сделать ее невидимой на страничке. Как это можно сделать?
0 votes2 answers -
Нужен Mp3, Avi Плеер Для Сайта
Здравствуйте! Возможно, тема и боянистая, возможно, кто-то скажет иди в Google - но все-же. Нужен плеер для проигрывания видео на сайте - типа как на http://www.youtube.com/ - где можно такой скачать? В google я искал - выдает всяческое гомнЭ, по типу "соберите свой собственный плеер у НАС на сайте, закачайте ваше видео на НАШ сайт и ставьте ссылку на видео на вашем сайте" - такое не катит. Надо чтоб видео - на моем сайте, плеер - тоже на моем сайте. Аналогично и с mp3 плеером - надо чтоб на моем сайте все было. Может кто сталкивался и может что посоветовать. Спасибо..
0 votes1 answer -
Изображения друг под другом без промежутков
Подскажите пожалуйста разницу между CSS стилями когда мы хотим чтобы изображение было друг под другом без промежутков. Автор данного сайта использует следующий код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Изображения по вертикали</title> <style type="text/css"> DIV.img IMG { display: block; } </style> </head> <body> <div class="img"> <img src="images/ecctitle.png" alt="Название"…
0 votes2 answers -
тег <p> в диве
Приветствую! Сегодня столкнулся с необычной для себя проблемой. Страница сверстана с контентом в центре. Разбита на 4 блока дивами. В двух блоках находятся ссылки в столбик. Так вот в чем суть. Если я в верхнем блоке ставлю ссылки в тег <p> то при разрешении 1024 появляется 1 пиксель справа от контента. Т.е. сам контент не разъезжается, а появляется именно отступ справа. В нижнем блоке применение этого же тега проходит без проблем. хотя блоки одинаковы. В разных браузерах отображается по разному. У меня во всех, кроме Оперы лезет этот пиксель, в Опере нормально. У кого-то и в ФФ все ок. Я даже не знаю в каком направлении думать уже. Код прилагается. <!DOCTYPE H…
0 votes41 answers -
Центрирование ul
Подскажите, возможно ли оно Отцентрировать список ul без указания этому списку ширины? ширина меняется Вообще работает text-align:center; и display:inline; Но при inline элементы становятся уже не блочными и не работают отступы вверх и вниз у ссылок внутри li Вот так на пальцах
0 votes41 answers -
Игнорирование общего стиля CSS, как реализовать
Есть страница к которой применены стили CSS На эту страницу вставляется таблица <table></table> к которой общее оформление CSS не должно применяться. Как можно реализовать?
0 votes2 answers -
Онлайн сервис калькуляторов или расчетов
Добрый день! У меня есть сайт где продаем различные строительные материалы. Сейчас там таблицы с перечнем услуг и примерными ценами и как правило клиенты звонят что-бы уточнить что-то, найти. Это очень отнимает времени. Решили как-то автоматизировать дело, чтобы все расчеты, выбор материалов, комплектующие клиент смог выбрать и ему тут же отобразилась нужная цена. У фрилансеров поспрашивал, выходит очень дорого и много делать. Может есть ли какие-нибудь вообще сервисы онлайн для создания калькуляторов или расчетов. Чтобы я мог пусть и не самостоятельно, с чей нибудь помощью на первое время, попробовать создать то что мне нужно?
0 votes22 answers -
Функции ветвления
Практически во всех языках программирования встречаются функции ветвления, которые также называются условными операторами. Речь идет о конструкции if...else, позволяющей задавать разные условия выполнения блоков программы. В шаблонах Smarty тоже встречаются эти операторы, но в виде функций {if}, {else}, {elseif} и {/if}. Общий синтаксис следующий. {if условие1} При выполнении условия 1 отображать данный блок. {elseif условие 2} При выполнении условия 2 отображать данный блок. {else} Если вышеприведенные условия не выполнены, то выводить этот блок. {/if} При необходимости функции {elseif} и {else} можно опустить. Под условием подразумевается набор некоторых логических …
0 votes0 answers -
выравнивание div'а внутри div'а??
Есть код: <div class="contentTbl_contentTd"> ,,, </div> <h2>Membership</h2> <div class="abMembBox"> Test text <div class="abMembLinkBox"> <a href="http://www.xxx.com/"><img src="/Portals/0/__pages/_pics/_pages/xxx.jpg" alt="xxx Logo" /></a> </div> <div class="abMembLinkBox"> <a href="http://www.xxx.com/"><img src="/Portals/0/__pages/_pics/_pages/xxx.gif" alt="xxx Logo" /></a> </div> <div class="abMembLinkBox"> <a href="http://www.xxx.org/"><img src="/Portals/0/__pages/_pics/_pages/xxx.gif" alt="xxx Logo" /></a> </div> </div> Есть CSS к …
0 votes13 answers -
Прозрачность при наведении курсора
Как сделать так, чтобы при наведении на картинку или ссылку определенный div на странице становился прозрачным (к примеру, на половину)? P.S.: по всем правилам w3c.org
0 votes3 answers -
Стоит ли закрывать не парные теги в HTML5?
Даже если не используешь XHTML раньше было правилом хорошего тона закрывать даже не парные теги, например <br />. Стоит ли придерживаться этого правила в HTML5?
0 votes6 answers -
Запретить перенос строки CSS?
Добрый день. Помогите пожалуйста решить проблему. <div class="ui-tree-node ui-state-default"> <span class="ui-helper-clearfix ui-tree-node-content ui-corner-all ui-tree-selectable-node"> <span class="ui-tree-icon ui-icon ui-icon-triangle-1-e"></span> <span class="ui-icon ui-icon-folder-collapsed"></span> <span class="ui-tree-node-label">07.Проектно-Методический отдел</span> </span> </div> Вот что получается. Подскажите пожалуйста, что нужно добавить в CSS, чтобы и картинки и текст никогда не переносились (всегда были в одну строку). Нужен именно вариант с CSS, т.к. html генерируется автоматом, я его и…
0 votes2 answers -
Конструктор макетов сайта онлайн
Здравствуйте, около полугода назад нашел очень крутой сервис, где можно быстро сделать любой макет сайта (двухколоночный, трех, прижатый футер, не прижайтый) то есть накидать скелет сайта. Сейчас решил опять обратиться к сервису, но вот что то в интернете его найти не могу, забыл как называется, но сервис очень полезный. Может кто знает его? Буду благодарен, если поделитесь ссылкой
0 votes2 answers -
Как разным таблицам задать разным стиль?
Есть у меня table{ border-collapse: collapse; } tr td{ border: 1px solid #e2e2e2; } Как мне теперь сделать таблицы без рамок, при том чтобы эти остались в таком виде.
0 votes9 answers -
Как изменить порядок загрузки элементов страницы?
Добрый день, уважаемые знатоки! Проблема у меня такая: на странице есть баннеры от баннерообменных систем, которые тормозят общую загрузку страницы. Т.е. отдельные элементы страницы не показываются пока не будут загружены все баннеры. Подскажите пожалуйста, можно ли определить порядок загрузки страницы так, чтобы подгружать баннеры в последнюю очередь? Сначала я хотел заключить баннеры во фреймы, однако вот здесь написано, что многие поисковые системы и каталоги отказываются регистрировать страницы, использующие фреймы и некоторые браузеры не умеют обрабатывать фреймы. Действительно ли это так?
0 votes7 answers -
XML vs HTML
Рано или поздно HTML, видимо, отомрёт. Стоит ли полностью переходить на XML уже сейчас? Кто как думает?
0 votes36 answers