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
-
При загрузке страницы div c display:none виден на 2-3 секунды
..., да еще и верстка на эти секунды уезжает не туда, куда я ей написал)) Никто не сталкивался с этим? Как проблему решить? Пробовал и размер делать 1 на 1 пиксель и margin-top: 1000px, но ничего не помогает пока. Есть соображения? Заранее благодарю)
0 votes2 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> </head> <body> <!--Вторая табличка--> <TABLE width="1000" border="1" cellpadding="5" cellspacing="0" align="center"> <!--Первая--> <TR> <TD colspan="3">1</TD><TD align="right"><STRONG>2</STRONG></TD><TD align="right"><STRONG>3</STRONG></TD><TD rowspan="2" align="right" valign="bottom">4</T…
0 votes2 answers -
Всплывающее меню без использования js
??<!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>test</title> <meta name="description" content="" /> <meta name="keywords" content="" /> <style type="text/css"> .tt span { display : none; padding : 2px 3px; margin-left : 8px; } .tt:hover span { background:#fafafa; border:1px solid #7d8891; color:#000; display : inline; position : absolute; padding:1px 3px 1px 3px; font-siz…
0 votes1 answer -
Вертикальная отцентровка текста
При таком CSS получается 1 строка текст ровно по центру, а как сделать, чтобы еще 2 строки были ровно по центру? <style> ul li { height: 30px; line-height: 30px; text-align: center; } </style> <ul> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> </ul>
0 votes2 answers -
Формы
Формы верстать с использованием таблиц или только с использованием CSS????
0 votes3 answers -
Почему не работает :hover?
http://jsfiddle.net/Qjm3n/
0 votes1 answer -
смещение правой колонки
помогите пожалуйста решить проблему есть вёрстка. проблема в том, что при уменьшении ширины экрана до 600px и смещении нижнего скролла вправо видно, что между правой колонкой и правым краем браузера есть пустое пространство. но его не должно там быть, там должна быть правая колонка
0 votes6 answers -
Траблы с выпадающим меня(
Ребята,собственно такая проблема. Сейчас делаю тему на Joomla. И столкнулся вот с такой проблемой. Ссылку на сайт дать не могу так как рабочий... Но я заснял на видео)) https://www.youtube.com/watch?v=-wGKpxFP1-A Как видите выпадающее меню выпадает не полностью... И словить инспектором я не могу(( Посоветуйте что то! Спасибо.
0 votes6 answers -
Заголовок с подложкой
Пытаюсь изобрести способ отображения заголовка, чтобы за ним была цветная линия, но она не была видна под текстом. Возможно ли это без использования дополнительного span внутри заголовка? Пока у меня получилось вот что, но линия получилась поверх текста. http://jsfiddle.net/4CBLC/
0 votes3 answers -
Странное поведение :active в IE
Добрый день! Вопрос следующий. Есть на странице элемент с псевдоклассом active, при клике на этом элементе должен меняться например цвет фона. Во всех браузерах все работает хорошо, однако в IE всех версий :active срабатывает через раз, т.е. фон сменился, на следующем клике фон элемента не меняется. Т.е. :active срабатывает через раз. Причем onclick срабатывает исправно, на каждом клике. Предложите пожалуйста решение, можно на JS, или подскажите, куда копать..
0 votes2 answers -
Помогите плис новичку
Ребят кароче такая проблема как сделать так чтоб картинки шли в один ряд т.е мне надо чтоб в однум ряду было 4 картинки во втором ряду было 4 картинки и т.д и еше один вопрос надо следать так: Картинка в маленьком разрешении нажимаешь на нее она становиться полностью открытой Простите за некоректность вопрос...
0 votes1 answer -
Уголки не спускаются.
Ребят помогите пожалуйста. Блок со скруглёнными уголками (как здесь http://www.cssplay.co.uk/boxes/curves.html) + js список (отсюда http://ruseller.com/lessons/les155/example/index.html#) . При раскрывании списка - если он выходит за пределы блока с уголками - уголки не опускаются. Код примерно такой: <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> .curvy {position:relative; width:800px; background:#9caf9c; color:#000; marg…
0 votes0 answers -
помогите с горизонтальными списками-меню
Доброе всем время суток! У меня непонятная проблема: Структура: <div class='wrapper'> <div class='head'> <!--Регион "Заголовок"--> <div class='user-login'></div> <div class='searchbox'>ПОИСК </div> <!--Конец "Заголовок"--> <div class='logo'> <b>logo</b> </div> <div class='site-title'> Система Коммуникации </div> <div class='top-menu'> <ul> <li>MENU1</li> <li>MENU2</li> <li>MENU3</li> <li>MENU4</li> </ul> </div> </div><!--end head-->…
0 votes1 answer -
Начал изучать PHP, нужна помощь
В общем начал изучать сайтостроение три месяца назад... сейчас уже есть почти готовый сайт с использованием PHP... Осталось сделать совсем "немного", это доработать регистрацию и сделать многофункциональную доску объявлений... столкнулся с проблемой-не знаю ответы на несколько вопросов: 1) как сделать так чтобы сессия в коде работала постоянно (регистрация)... когда заходишь он говорит что все нормально вы авторизированы..., а когда жмешь выйти, он говорит что эта страница для авторизированных пользователей, хотя в обработчике выхода явно указано условие, что такую надпись выводить только после условия отсутствия сессии.. (куки не удаляются, сессия в авторизации присутств…
0 votes0 answers -
safari и изображение
в safari не корректно отображает картинку, во всех браузерах все ок вот ссылка http://atemiks.wen.ru/portfolio/businessname/businessname.html почему так?
0 votes0 answers -
Проблема с шириной страницы
Это мой первый сайт. Подскажите пожалуйста, как избавится от нижней прокрутки страницы. Всю голову уже сломал. Картинка внизу. Вот код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>___________________</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta http-equiv="content-style-type" content="text/css"> <meta name="keywords" content="кредит, кредиты, помощь в получении кредита, ипотека, автокредит, лизинг"> <meta name="description" content="_____________________"> <link href='index.css' rel='styles…
0 votes1 answer -
Выравнивание DIV'ов
Здраствуйте. Мне необходимо сделать так, чтобы 2 DIV'а внутри 3его шли в ряд имели вертикальное выравнивание по середине относительно родительского: <div class="class1"> <div class="class2">sdfgsdfg</div> <div class="class3">dhfkajhdfkldhf</div> </div> Пытался назначить float: left; второму классу и vertical-align: middle; второму и третьему, но это не сработало. display: inline тоже. Кто нибудь знает как решить проблему?
0 votes2 answers -
Таблица
Здравствуйте, подскажите как задать цвет этому border'у (белого цвета): Код такой: <table cellpadding="0" cellspacing="0" border="2" width="95%" align="center" class="mytable"> ... </table> .mytable {border-color:#353535;border-style:solid;border-collapse:collapse;}
0 votes1 answer -
Простой слайдер
Доброго времени суток! Есть с десяток объектов с 3-5 рисунками каждый. Хотел сделать на каждый объект подобие слайдера, картинка с цифрами снизу Все вроде просто, пример ниже, но вот при нажатие на цифру весь слайдер изменяет позицию (из центра вверх экрана), т.е браузер производит переход по странице. Вопрос: можно ли изменить поведение ссылки, что-бы при нажатии на цифру слайдер оставался на месте. спасибо <table border="1"> <col class="c_image" /> <col class="c_image" /> <tr> <td> <div class="project"> …
0 votes1 answer -
Javascript на странице постоянно перебивает Firebug
С каких-то недавних пор стал замечать вот какую вещь. Тыкаю я на странице правой кнопкой на каком-нибудь элементе, жмякаю «Инспектировать элемент с помощью Firebug», в окошке Firebug происходит перекидывание на инспектируемый элемент. В общем вроде бы всё как обычно. Но недавно стала проявляться вот какая вещь. Если на странице есть повторяющийся Javascript (например слайдер, который автоматически показывает новый элемент через заданный промежуток времени), то в окошке Firebug происходит перебрасывание с инспектируемого элемента на элемент, в отношении которого исполняется Javascript. Можно ли как-то отключить эту багофичу, что-то типа опции «Сидеть вот здесь и никуда не …
0 votes0 answers -
Вопрос по DIV верстке ...
Вот часть кода... #container { margin-top: 30px; display: block; border: 1px solid #CFCFCF; background-color: #FFFFFF; } #sidebar { width: 250px; float: right; background: #FF00FF; height: 500px; } #content { width: 648px; float: left; background: #0000FF; height: 400px; sidebar and content вложены в container. container отказывается расширятся по высоте этих блоков, на картинке он черного цвета... Чего подскажите?
0 votes2 answers -
Позиционмирование DIV-ов
Всем доброго времени суток! Хотел бы поинтересоваться у знатоков, как решить такую задачу: Необходимо разместить 9 квадратных DIV'ов внутри одного DIV'а, да так, чтобы в строку вмещалось 3 квадрата, и всего строк было 3. Причем отступ от границ каждого квадрата должен равняться 5 пикселам. Примерно как на рисунке: У меня получился следующий код, но что-то мне подсказывает, что можно сделать правильно #center { border:1px solid #000; padding:5px; position:absolute; width: 330px; } .square { position:relative; margin: 5px; float:left; background:#f00; width:100px; height:100px; } html-код: <div id="center"> <div class="square">1</div> …
0 votes2 answers -
Выравнивание трёх слоёв
В общем такая картина: <div id="slider"> <div class="slider_prev"></div> <div class="slider_body"></div> <div class="slider_next"></div> </div> #slider { width:100%; clear:both; } .slider_prev { float:left; width:37px; height:157px; background-image: url('../images/slider_prev.gif'); } .slider_body { margin:0 auto; width:1005px; height:300px; background:#000; } .slider_next { float:right; width:37px; height:157px; background-image: url('../images/slider_next.gif'); } Необходимо выровнить .slider_prev по левому краю, .slider_body по центру, .slider_next п…
0 votes1 answer -
загадочный border-collapse
подскажите пожалуйста как связано правило border-collapse: collapse и появляющаяся линия сверху table? убрать линию можно, используя значение separate, но хотелось бы понять логику разработчиков стандарта
0 votes3 answers -
Правильно ли я вывожу фрейм
вот код...начинайте пинать ))) <!-- Общий фрейм --><div id="frame-for-All"><iframe id="frameAll" src="menu\svet_fasadi\alumin.html" width=600 allowtransparency="true" scrolling=no frameborder='no'> </iframe></div>CSS #frame-for-All {color:#fff;position: absolute;top:40px;/*bottom: 0;*/left: 600px;/*right: 100px;*//*margin: auto;*//*height: 50%;width: 50%;*//*background: #ccc;*/}а так я пытаюсь сменить файл который грузится во фрейм $('a.spider').click(function(){$('frameAll').(document).location.href = "spider.html";});
0 votes0 answers