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 votes11 answers -
Как выравнить картинку background'a по цетру?
помогите пожалуйста, как сделать чтобы background:url('') было выровненно по центру, вот код для тега боди: body {margin:0;padding:0;background:url('http://trshb.ucoz.ru/images/backnew1.jpg') #747474;} вот сайт: http://trshb.ucoz.ru/ , на всех разрешениях эта картинки по разному смещается относительно центра(
0 votes15 answers -
Тэг открытия файла
Собственно отписываемся по впросу. Плиз очень надо.
0 votes9 answers -
Список, появляются отступы
Здравствуйте! Хочу сделать список. Между элементами списка хочу вставить полоски. Но не границами, а именно отдельными элементами. Пробую несколько вариантов, но в IE7 ни один корректно не отображается ((( HELP! HELP! HELP! В FF и Опере работают 2 варианта. Но в них, если задана картинка в списке, он слетает. Как это сделать нормально?? <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="t…
0 votes6 answers -
Высота таблицы
Собственно подскажите решение проблемы, знаю что она насущная, но так толкового решения и не нашел. Опишу: Черная таблица растягивается по высоте в зависимости от контента. Нужно сделать так чтобы, при увеличении высоты зеленой таблицы (в зависимости от количества текста) еще и синяя таблица растягивалась до самого конца. И наоборот. В зависимости от растягивания синей таблицы, растягивалась и зеленая таблица. Красная и оранжевая таблица имеют фиксированную высоту в пикселях.
0 votes6 answers -
Эмуляция ячеек таблицы с помощью слоев
Всем здрасте. Имеем блоки с картинкой товара, его названием и ценой. Блоки фиксированной ширины, имеют стиль float:left; Т.к. название обычно разной длины, блоки растягиваются внутренним содержимым по высоте. Пример того, что получается, можно посмотреть на этой странице. Как видно из моего состояния страницы, из-за разницы в высоте блоков некоторые из них располагаются в хаотичном порядке. Так сказать, кому места хватило - тот и влез. Цель - либо выровнять высоту самих блоков, либо как-то заставить блоки понимать, какой отступ снизу/сверху они должны использовать, чтобы таблички располагались ровно. Делать таблицей уж очень не хочется..
0 votes10 answers -
bootstrap выпадающее меню на вордпресс
Есть стандартное меню вордпресс то есть код для вывода прописал классы bootstrap не знаю как И куда добавить классы для под пунктов меню. <header><?php $args = array( // опции для вывода верхнего меню, чтобы они работали, меню должно быть создано в админке'theme_location' => 'top', // идентификатор меню, определен в register_nav_menus() в function.php'container'=> 'nav', // обертка списка'menu_class' => 'bottom-menu', // класс для ul 'menu_id' => 'bottom-nav', // id для ul );wp_nav_menu($args); // выводим верхнее меню?></header> Прописал классы bootstrap работает только меню подпункты НЕ РАБОТАЮТ (( <?php $args = array( // опции…
0 votes0 answers -
Не тянутся таблицы по высоте правильно
Я не знаю почему происходит следующая проблема: Ставлю высоту 100% у хтмл, боди и таблицы. В таблице у некоторых строк высота задана жестко, а у одной записана как 100%. В итоге получается, что вся таблица вытягивается гораздо больше желаемого и появляется прокрутка. Нужно чтобы если информации мало, тогда просто был занят весь экран браузера. А если иноформации много, то, соответственно, все растягивалось. В растягивании проблем нет, некрасивость в том, что когда информации мало, то высота таблицы "перебирает" размер экрана браузера. Помогите пожалуйста. Примерный код ниже: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D…
0 votes9 answers -
Полупрозрачность фона div-a..
итак. есть просто див: advanced { background-color: #E1E1E1; border: 1px; border-style: solid black; position: absolute; z-index: 1000; top: 0px; left: 0px; width: 0px; height: 0px; } ... <div id="opisanie" class="advanced" style="font-family: Tahoma; font-size: 6px" align="left;"></div> есть таблица. в ячейках таблицы картинки. <td bgcolor="#D6D6D6" style="border: 1px solid #808080; border-width: 1px 1px 0px 1px"><img src="vodostok/thumbs/keykan23.gif" border="0" onMouseOver="upps()" onMouseOut="close_opisanie()"></td> при наведении на картинку всплывает типа подсказка(описанный выше див) с описанием картинки: function upps(e) …
0 votes10 answers -
Выравнивание элементов с обтеканием
Есть такой код: <div style="width: 400px;"> <div id="ft1"><img src="images/foto1.jpg"></div> <div id="ft1"><img src="images/foto2.jpg"></div> <div id="ft1"><img src="images/foto3.jpg"></div> <div id="ft1"><img src="images/foto3.jpg"></div> <div id="ft1"><img src="images/foto4.jpg"></div> <div id="ft1"><img src="images/foto5.jpg"></div> <div id="ft1"><img src="images/foto6.jpg"></div> </div> стиль: #ft1 { float: left; margin-right: 15px; margin-bottom: 15px; } При разности восоты картинок, происходит такое смешение: Подскажите как …
0 votes9 answers -
h1 margin - отступ не там
<div id="container"> <div id="header"> <h1>text</h1> </div><!--header--> div#header h1 {width:333px; height:37px; background:url(../img/h_title.gif) no-repeat; margin: 70px 0 0 32px;} Т.е. верняя граница контейнера и хедера должна прилипать к верху... А h1 должен отсупить вниз... но вместо этого отступ делает не h1, а весь контейнер... так в FF. В ie нормально. Если перед h1 вставить параграф с текстом, то тогда все нормально... Что это?
0 votes4 answers -
В ie страница прыгает
После прокрутки делаю рефреш (в ie8). Затем при наведении на ссылку мышкой страничка прыгает, занимая положение до рефреша. Подскажите, пожалуйста, как бороться с этим неприятным эффектом. <HTML> <BODY> <style type="text/css"> a:hover{ color: #ffffff; background-color: #003399; } </style> <TABLE><TR><TD><a href=''>link</a></TD></TR></TABLE> <TABLE><TR><TD height=1000></TD></TR></TABLE> </BODY> </HTML>
0 votes8 answers -
В ячейке текст переносится на новую строку, почему?
Делал таблицу в программе NVU, в первой ячейке должен быть заголовок "московский государственный университет природообустройства (мгуп), но почему-то после слова университет текст переносится на другую строку этой же ячейки, почему такое происходит? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Table</title> </head> <body> <table style="text-align: left; width: 1200px; height: 800px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 95px; width: 33…
0 votes3 answers -
Работа с position:absolute и множественными элементами
Други, вновь за помощью спешу к вам. Ситуация такая нужно к множественным элементам, которые генерируются и имеют один класс применить абсолютное позиционирование, это получается, но вот проблема в том, что когда они начинают двигаться с помощью left, right.... т .п. то они собираются в одну кучку, причем относительное не потоходит по причине того что динамический элемент расширяет границы блока и верстка едет. подскажите как быть?
0 votes5 answers -
Эти вредные меню
Подскажите, как создать такое меню, чтоб при нажатии на его элемент разворачивались еще несколько вложенных пунктов? В общем похожее меню: http://htmlbook.ru/content/
0 votes3 answers -
cursor:hand не работает в FF
Хотел ссылки обычные заменить на свои. Но cursor:hand работает только в ие и опере, в FF так стрелка и остается.
0 votes3 answers -
Как зафиксировать ширину дива для ИЕ6?
.div_frame_back{ border:1px solid #FF6666; width:500px; padding-top:10px; padding-bottom:10px; } .div_frame_videocontent{ border:1px solid #990033; width:706px; position:relative; left:-15px; } <div class="div_frame_back" style="width:500px;"> <div class="div_frame_videocontent"> </div> </div> В опере и фоксе ширина рамки 500 а в ИЕ6 рстягивается на ширину контента Как быть?
0 votes4 answers -
Баг в Opera
Дрямс, помогите решить проблему в Opera: Пример см. здесь если поводить по меню (табs), в Opera весьма странно ведет себя таб "Полезное". Реализация сего меню на CSS исключительно, но есть небольшой скриптик для IE, т.к. он не понимает свойства :hover к любым другим элементам, кроме "a"
0 votes12 answers -
Разное отображение в разных броузерах
Столкнулся с проблемой... Отображается менюшка в левой части сайта, но в каждом браузере по разному. Если Опера текст притягивает в верхней границе ячейки таблицы, то ИЕ вс? размещает в центр, с желанием растянуть строки на всю высоту ячейки. Как мне притянуть строки к верхней части?
0 votes3 answers -
border как его в нутерь запихать
завдаю элемент шириной 100% ему же бордер в 1px опа-па появляется скролинг и всё понятно он к элементу не имет отношение (ширине) это оконтовка в связи с чем вопрос как сделать так что бы он внутри оказался ———————————-- мои приставления надо создать элемент на 100% а уж в него элемент с бордером но что то ни как не получаться ————-- помоги те пожалуйста
0 votes10 answers -
Шрифты на ретине
Доброго всем. Может кто то подсказать, на ретина мониторах, как отображаются шрифты. Если задать к примему 13px, то на ретина он как то изменится???
0 votes9 answers -
footer отображаеться не коректно
Всем доброго времени суток, столкнулся снова с проблемой. на скрине видно, что не так???? подскажите пожалуйста. Вот код моего творения <!DOCTYPE html> <html> <head> <!-- включение тегов HTML5 для IE --> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',' <img src="/.s/sm/1/wink.gif" border="0" align="absmiddle" alt="wink" /> ; for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <!-- /включение тегов HTML5 для IE/ --> <title>$SITE_NAME$</title> <st…
0 votes11 answers -
большой баннер на несколко строк
В начале страницы баннер, который по размерам занимает несколько обычных строк. после баннера по идее ниже должны идти кнопочки. но получается так, что когда заканчивается абзац баннера, то кнопочки расплагаются во второй строке, но на уровне середины баннера ("наплывают" на него) в каком месте исправлять?
0 votes5 answers -
Нуждаюсь в экстренной помощи. JS/Резина
Приветствую! Господа, нужна помощь. Есть макет. Вопрос в том, как его сверстать таким образом, что бы при уменьшении окна броузера сжимались все картинки, совершенно ВСЕ, как логотип, так и кнопки и букет (в данном случае). Потому, если оставить все изображения как есть, они остаются при малых разрешениях монитора ГРОМАДНЫ. Для наглядки — Посоветовали скрипт — http://designformasters.info/stuff/adaptiv...ayout_news.html При сжатии и разжатии окна броузера, Вы заметите как себя ведет скрипт. Но вопрос, как его использовать? Ссылку на скрипт в документе html указал, все классы в css соответствующие скрипту так же указал. Реакции нет. В чем моя ошибка? Спасибо.
0 votes9 answers -
центровка блока с "absolute" элементами внутри
Ребята проясните плиз ситуацию с position:absolute Мне нужно: загнать одну картинку под другую (читай 2 картинки на одних и тех же координатах, одна над другой) для того что бы потом анимировать прозрачность верхней. Это у меня получается сделать только с помощью position:absolute DIV-а (картинки внутри) НО мне нужна еще и центровка этого блока (в который и помещаются картинки друг под другом) и куда бы я этот блок не пихал картинки стоят на месте, движется только блок или таблица. брр.. надеюсь понятно о чем речь, то есть ограничить абсолютную позицию каким либо блоком нельзя, действие будет в любом случае на все окно так? Сорри за нубство, первый раз довелось заниматьс…
0 votes13 answers