Leaderboard
Popular Content
Showing content with the highest reputation on 04/24/2011 in all areas
-
А где тут блочная вёрстка? <center> не закрыт, да и запрещён к использованию. Так же как и <font> </p>/a></a> это что? Открывающий <a> был один </td></tr></td></tr> Так быть не может, <tr> должен быть внутри <table> Нет доктайпа.2 points
-
самый простой способ: я просто в корень сайта кидал favicon.ico. результат во всех современных браузерах был достигнут без дополнительных тегов, насколько помню. единственно, браузер иконки кэширует и бывает надо почистить, что бы результат увидеть.1 point
-
ммм, хорошая тема! хотелось бы узнать, пользуясь случаем, у людей имеющих опыт заключения сабжа, сопсно... вот к примеру есть такая форма. её можно взять за основу, чтобы закрепить отношения с заказчиком, являясь при этом физ. лицом? или узаконить отношения удел только ИП? ТС, извините что в чужую тему со своим вопросом, но отдельную создавать смысла не вижу.1 point
-
Извините, ступил. Удалите пожалуйста тему...1 point
-
для удобства дала такие названия, временно спасибо всем, для начала буду исправлять указанные недочеты1 point
-
Здравствуйте Уважаемые форумчане. Пришёл к Вам в надежде на помощь, ибо сам уже мозги сломал с этим javascript. Есть форум на phpBB за валидность которого мы с малыми успехами боремся, сделана валидной индексная страница, страница просмотра списка тем. Сейчас боремся со страницей просмотра сообщений темы. На странице сообщений основные ошибки которые мы не можем победить даёт скрипт скрытия-показа информации в блоке. Если образно то под аватарой пользователя есть кнопка-изображение по клику на которую с плавным эффектом выезжает вертикально текстовая информация, при повторном клике информация так же плавно уезжает. По умолчанию блок скрыт style="display: none; что очень очень не гут. ( Выглядит это примерно вот так(просьба детей и людей со слабой психикой убрать от экрана): <!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" dir="ltr" lang="ru-ru" xml:lang="ru-ru"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>title</title> <script type="text/javascript"> // <![CDATA[ jQuery(document).ready(function(){ jQuery('img').click(function(e){ var img = jQuery(e.target); var div = img.parent().next('div#first'); if(div.length > 0) { if (div.css('display') == 'none'){ div.show('slow', function(){ img.attr('src', 'images/dopinfo_up.gif'); }); } else{ div.hide('slow', function(){ img.attr('src', 'images/dopinfo_down.gif'); }); } } }); }); </script> // ]]> </script> </head> <body> <span><img src="images/dopinfo_down.gif" id="toggleimg" style="cursor:pointer;"/></span> <div id="first" style="display: none;"> <span class="postdetails"> <!-- содержимое --> <!-- содержимое --> <!-- содержимое --> <!-- содержимое --> <!-- содержимое --> <!-- содержимое --> <!-- содержимое --> <!-- содержимое --> <!-- содержимое --> <!-- содержимое --> <!-- содержимое --> </span> </div> </body> </html> Побродивши некоторое время по htmlbook нашёл вот такой вот скриптик: <!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" dir="ltr" lang="ru-ru" xml:lang="ru-ru"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>Template</title> <style type="text/css"> div.submenu { background: #00AA00; overflow: hidden; width: 200px; } </style> <script type="text/javascript"> // <![CDATA[ var timeoutID = 0; var currentHeight = 0; function dropDwn() { if (currentHeight < maxMenuHeight) { currentHeight += 5; scroll_menu.style.height = currentHeight.toString() + "px"; } else { window.clearInterval(timeoutID); timeoutID = 0; } } function dropBack() { if (currentHeight > 5) { currentHeight -= 5; scroll_menu.style.height = currentHeight.toString() + "px"; } else { scroll_menu.style.height = "0px"; window.clearInterval(timeoutID); timeoutID = 0; currentHeight = 0; } } function show(linkobj) { if (timeoutID != 0) {window.clearInterval(timeoutID);} linkobj.parentNode.innerHTML="<a href='#' onclick='hide(this);'>Collapse menu</a>"; timeoutID = window.setInterval("dropDwn()", 10); } function hide(linkobj) { if (timeoutID != 0) {window.clearInterval(timeoutID);} linkobj.parentNode.innerHTML="<a href='#' onclick='show(this);'>Expand menu</a>"; timeoutID = window.setInterval("dropBack()", 10); } // ]]> </script> </head> <body> <div><a href="#" onclick="show(this);">Expand menu</a></div> <div class="submenu" id="scrollMenu"> <a href="#">Lorem</a><br /> <a href="#">ipsum</a><br /> <a href="#">dolor</a><br /> <a href="#">sit</a><br /> <a href="#">amet</a> </div> <script type="text/javascript"> // <![CDATA[ var scroll_menu = document.getElementById("scrollMenu"); var maxMenuHeight = scroll_menu.offsetHeight; scroll_menu.style.height = "0px"; // ]]> </script> </body> </html> В дополнению к скрипту что выше найден ещё один скриптик с кнопкой которая как мне кажется ну обязана быть у нас. Второй скрипт с кнопкой залит на народ Человек у которого руки растут не оттуда откуда у нас, откликнись!!! Помоги решить проблему. По мере возможностей готов оплатить "скрещивание" скриптов до получения кросбраузерно рабочей, валидной массы за которую не будет стыдно. Для связи личка, ася: 40-ноль-6-четыре-65-шесть-1, скайп: desmond9903 Форумчане не проходите мимо горя, помогите. Не допустите бан форума на http://validator.w3.org/ А то чувствуется что это скоро случится, валидатор корёжит и корчится проверяя нас... Спасибо всем кто откликнется. up: Христос Воскресе!1 point
-
Вот он, славный идальго Дон Кихот Ламанчский нашего времени, борящийся с ветряными мельницами. Если все же вы решили не оставлять шансов мельнице, то есть форуму, то могу помочь со скриптом. кто вам сказал что: style="display: none; есть очень не гуд ? Покажите мне хоть один форум проходящий проверку на валидность.1 point
-
Да у нас тут чат.1 point
-
<img src="images/logo.jpg" border="0" style="border-radius:10px; padding: 10px 10px 0 10px"> зачем писать в html если для этого есть css?1 point
-
Судя по отетам, слайсами пользуются только чтоб удобнее было вырезать и сохранять. И не все. Я просто думала, что может в них какой-то более важный смысл, раз везде про них пишут)) Спасибо тем, кто отвечал. Значит,буду резать пока как привыкла, а там посмотрим1 point
-
не, спрайты как я поняла - это другое.. ну вот например в теме http://forum.htmlbook.ru/index.php?showtopic=16763 скачала psd, чтоб верстать макет, открыла в фотошопе, а там все порезано на слайсы..ну т.е. добавлены направляющие,а потом по ним выделены прямоугольнички(слайсы). В итоге оказалось, что нужно нам из них всего несколько картинок. Ну да, оно удобно взять и все сохранить..но это мне удобно, не нужно ничего выделять и вырезать, а человек, который с этим морочился, непонятно, зачем все это делал. Может, надо было в той теме и спросить. Но решила, что это как бы более общая тема и чтобы там не засорять глупыми вопросами написать в раздел "для начинающих") Ну в смысле вопрос не конкретно к тому макету, а вообще.1 point
-
9.2 Controlling box generation Затрудняюсь перевести эту игру слов и полёт мысли автора Но смысл такой что ячейки таблицы хоть и блоки, но не такие как дивы, параграфы и т.п. элементы. Короче таблицы особенные.1 point
-
И правильно делают ибо так положено по спеке. Ваша проблема решается без таблиц: <div style="height: 90px; background: red;"> Header </div> <div class="body" style="position: absolute; top: 90px; bottom: 90px; overflow: auto; width: 100%;"> Body </div> <div style="height: 90px; background: red;"> Footer </div> Для ИЕ7 надо будет написать экспрешн: <!--[if lte IE 7]> <style type="text/css"> .body { height: expression(document.body.clientHeight - 180 + 'px'); /* 90 + 90 = 180 */ } <![endif]--> UPD: Чёт ща подумал... Наверное ИЕ7 поймет и без экспрешна, хотя хз. UPD2: Если все-же хочется таблицей, то надо просто сменить доктайп на Transitional (или вообще на HTML4). При XHTML Strict в ИЕ7 таблицы себя дебильно ведут.1 point
-
В школе не преподы - а самое несамое г***о. Не парся - если знаешь html и css - уж точно препод не завалит. Ты просто подготовь фон и картинки для мини-сайта, а затемь набери код и вставь картинки где надо - всё будет на ура. У нас в техникуме препод даже не знает div со стилем розобрать, его надуть - раз плюнуть. Я вовсе на пары не ходил - а когда здавал экзамен - тот офигел и чуть ли не заикался - когда я его начал срашивать о кроссбраузерности.-1 points
-
Со временем пользователей IE будет еще больше. Намного больше.-1 points
-
-1 points
-
такого быть не должно. видимо что-то не верно сделали, т.к. шрифт от кодировки ни коим образом не зависит.-1 points
-
С ИЕ6 все понятно, там нет автообновления. А в 7 8 ИЕ тоже нет? CSS3 мечта...-1 points
This leaderboard is set to Kiev/GMT+02:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-