TonKhaO

Народ столкнулся с такой проблемой, делаю сайт на ивритском языке, и когда копирую из того же ворда иврит во флеш (текст) то када он вставляется во флеш то буквы переставляются местами, как сделать так чтобы такого не происходило, настройки винды???

есть на примете хорошая инструкция на русском про firebug ?

Народ всем привет. столкнулся с проблемой на одной сайте пришлось использовать сразу 2 скрипта с jquery один работает на открытие больших изображений а другой на слайдинг этих изображение по вертикали, как только поставил их одновременно то произошел коллапс, оба они одновременно работать никак не хотят, а по отдельности работают на ура, чуть попозже пришлю ссылку, а пока просто хачу спросить как любитель в javascript что в таких случаях делать, то есть какими прогами или методами отлаживать скрипт и удалять ненужные куски кода, подскажите плз, спасибо собственно вот сам сайт , правая колонка с изображениями, пока она работает на слайдинг то есть пролистывание вверх/вниз, но если отключить jquery.tools.min.js то чудесным образом заработает jquery.fullsize.js, примерно понимаю почему не работает, в скрипте со слайдингом есть собитие по кликиу на картинки они пролистываются (но CLICABLE : false), то есть эта ф-я отключена. скрипт с полными картинками тем не менее, doesnt work :-(

ага, именно это и интересовало, спасибо :-)

то есть сори немного даж не так задал вопрос, вот что больше интересует конструкция 1. a {color:#FF0000} эквивалентна a:link {color:#FF0000}? 2. или же a {color:#FF0000} = a:link {color:#FF0000} a:visited {color:#00FF00} a:hover {color:#FF00FF} a:active {color:#0000FF} То есть сразу всем четырем псевдоклассам?

ага, конечно если никаких эффектов и нет, то есть меня просто иногда парит громоздкость конструкции с псевдоклассами када они по факту не используются ) ок, вы подтвердили мои догадки, но интересно послушать еще и остальных

Господа, день! Добрый! Появился такой логичный вопрос как вы в стилях прописываете псевдоклассы для ссылок, и прописываете ли их вообще ) То есть всем известно что можно писать так a:link {color:#FF0000} /* unvisited link */ a:visited {color:#00FF00} /* visited link */ a:hover {color:#FF00FF} /* mouse over link */ a:active {color:#0000FF} /* selected link */ а можно ли писать просто: a {color:#FF0000} без псевдоклассов ? Интересует конечно аспект семантичности и кроссбраузерности последнего примера :-) PS: при условии что никаких действий по наводу клику и прочее не происходит, ТО есть для всех 4-х состояний они абсолютно одинакоые :-) Заранее спасибо за профессиональный совет :-)

все дело в том что када в ДИВЕ ничего нету, пусто то его минимальная высота равна ВЫСОТЕ ШРИФТА, то есть просто добавь в стили дива FONT-SIZE: 1px и это вроде конечно только проявляется в 6 ИЕ :-)

Я всегда для таких случаев использую скрипт, которые для IE 6, у меня скрипт для минимального разрешения, но если перебрать то можно и для максимального поставить! Скрипт универсальный и для 2-х режимов работы браузеров (режим обратной совместимости и нормальный режим). Советую использовать его! <!--[if IE 6]> <style> * html #nonFooter { width:expression( (document.compatMode && document.compatMode == 'CSS1Compat') ? ( document.documentElement.clientWidth < 1000 ? "1000px":"100%" ) : ( document.body.clientWidth < 1000 ? "1000px":"100%" ) ); } </style> <![endif]-->

вечерком обязательно покопаюсь. а можно хотя б в 2-х словах пока, там замешано все на position: relative?

Народ все наверняка видели вот этот метод http://themaninblue.com/writing/perspective/2005/08/29/ как сделать так чтобы подвал прилипал всегда к низу браузера! НО я не понимаю как сделать так чтобы КОНТЕНТНАЯ часть когда в ней мало контента контента тоже растягмвалась на всю высоту окна браузера. Для наглядности ниже пример. Ессно речь идет о блочной верстке, С УЧЕТОМ IE 6

Простите не уверен что до конца к сожалению понял, а вы не знаете туторы хоть даж на английском где такая проблема обсуждается, вы как человек который с этим сталкивались наверняка знете какую нить статейку по этому поводу, и немного не понятно что вы подразумеваете под слово СХЛОПЫВАТЬСЯ и самое для меня неясное почему у меня без бордера маргин появляется конкретной высоты, то есть почему именно этой а скажем ни какой нить другой, от чего это зависит, брррр бррр, посмотрел еще раз внимательно, смотрите какая интересная ситуация, значит как обычно убираю я бордер с #header1 (браузер OPERA) делаю релоад странице и получается вот это, то есть образовавшийся маргин у #header1 равен 60 пикселей НО нажав F5 еще раз, марджин уменьшился до 30 пикселей тут более менее уже понятно почему 30 пикселей (у меня в #logo стоит марджин топ как раз 30 пикселей) то есть теперь уже 2 вопроса не понятно 1. почему опера (на других пока не проверял) с первой загрузкой удваивает этот маргин 2. и собсно почему вообще этот маргин образовывается, бррр, ведь у меня блок #logo лежит внутри #header1 и тут же не понятно почему он (внутренний блок) влияет на отступы внешнего блока, бррр

Добрый день уважаемые, столкнулся с непонятно й для меня дилемой. Ниже привожу html и css. На всякий вот прямая ссылка http://shinoda.ru/what_the_fuck/default1.htm Проблема в следующем, в диве с айди header1 когда стоит однопиксельная рамка вокруг блока, ну то есть border: 1px solid "color" - вобчем блок отображается на своем законном месте без каких либо отсутпов, НО если я уберу из #header1 рамку, то чото происходит непонятное, словно у него (header1) появляется верхний марджин. Кто нить сталкивался с подобным??? Скрины в приложении :-) <!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> <title>сайт</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <div id="nonFooter"> <div id="header1"> <div id="logo"></div> <div id="menu"> <ul id="ul_menu"> <li><a class="menu_link" href="#">О заводе</a></li> <li><a class="menu_link" href="#">Производство</a></li> <li><a class="menu_link" href="#">Продукция</a></li> <li><a class="menu_link" href="#">Услуги</a></li> <li><a class="menu_link" href="#">Контактная информация</a></li> </ul> </div> </div> <div id="content"> <div id="left"> left block </div> <div id="text"> content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content </div> <div class="clear"></div> </div> </div> <div id="footer"> <div id="footer_left"> <div class="footer_small_pics_block"> <a href="#"><img src="images/to_home.gif" alt="" /></a> </div> <div class="footer_small_pics_block"> <a href="#"><img src="images/to_search.gif" alt="" /></a> </div> <div class="footer_small_pics_block"> <a href="#"><img src="images/to_feedback.gif" alt="" /></a> </div> </div> <div id="footer_right"> копирайты </div> </div> </body> </html> * {margin: 0px; padding: 0px;} html, body { height: 100%; } a img {border: none;} table, tr, td, div, p, ul, ol, li { color: #191919; font: 10px verdana; } p {margin-top: 15px; margin-bottom: 15px;} a:link {color:#1f4298; font: 10px verdana} a:visited {color:#1f4298; font: 10px verdana} a:hover {color:#1f4298; font: 10px verdana} a:active {color:#1f4298; font: 10px verdana} a.menu_link:link {color:#1f4298; font: 12px verdana;} a.menu_link:visited {color:#1f4298; font: 12px verdana;} a.menu_link:hover {color:#1f4298; font: 12px verdana;} a.menu_link:active {color:#1f4298; font: 12px verdana;} #nonFooter { position: relative; min-height: 100%; width: 1000px; margin: 0 auto; } * html #nonFooter { height: 100%; } #header1 { width: 1000px; height: 361px; background: silver; border: 1px solid red; } #logo { width: 186px; height: 97px; margin-top: 30px; margin-left: 38px; background: url(../images/logo.png) no-repeat; } #menu { margin-top: 20px; margin-left: 73px; width: 230px; } ul#ul_menu { list-style: none; } ul#ul_menu li { margin-bottom: 5px; } #content { padding-bottom: 150px; } #left { width: 232px; float: left; margin-left: 50px; display: inline; margin-top: 15px; } .left_block { margin-bottom: 30px; } .left_block_caption { margin-bottom: 15px; } .blue_text {font: bold 12px verdana; color: #79a8c1;} .red_text {font: bold 12px verdana; color: #ff3333;} .left_block_picture { text-align: center; } .left_image_description { margin-top: 10px; margin-bottom: 20px; text-align: left; } #text { width: 616px; float: left; margin-left: 30px; display: inline; } h1#page_caption { color: #575353; font: 30px verdana; text-align: center; } #footer { position: relative; height: 100px; width: 1000px; margin: 0 auto; margin-top: -100px; background: url(../images/footer_bg.jpg) no-repeat right top; } #footer_left { width: 232px; float: left; margin-left: 50px; display: inline; } .footer_small_pics_block { float: left; margin-right: 50px; } #footer_right { width: 350px; height: 58px; float: left; margin-left: 30px; display: inline; font: 11px verdana; letter-spacing: 1px; color: #191919; padding-left: 15px; padding-top: 5px; background: url(../images/orange_line.gif) no-repeat left top; } .clear {clear: both;} Нормальное поведение: НЕНОРМАЛЬНОЕ ПОВЕДЕНИЕ

а на более приземленном? скажем опера и мозилла игнорируют эти пробелы, что ж ИЕ как всегда "радует"

хммм, убрал пробелы и отступы исчезли есть ли рациональное этому обьяснение?

попробовал ээффекхта никакого

http://shinoda.ru/1c-expert/default.htm

сцылко на что??? яж привел весь html и css :-)

Народ всем привет , столкнулся при очередной верстке сайта вот с такой проблемой, представляю вашему внимаю 2 скрина Проблема возникает в ИЕ, а именно взгляните на синюю выделенную область (такое впечатление что у ссылок стоит какой то margin-top: ...px), вобчем по идее ее быть не должно, так у ссылок отсутствуют отступы по умолчанию, тем боле что у меня в css * {margin: 0px; padding: 0px;} в лисе и в опере такой проблемы нет, есть у кого нить идеи??? CSS: * {margin: 0px; padding: 0px;} html, body { height: 100%; } body {background: #ffffff;} a {border: 1px solid green;} a:link {color: #b4002d; font: 12px arial;} a:visited {color: #b4002d; font: 12px arial;} a:hover {color: #b4002d; font: 12px arial;} a:active {color: #b4002d; font: 12px arial;} a.top_header_links:link {color: #dc1528; font: 11px tahoma;} a.top_header_links:visited {color: #dc1528; font: 11px tahoma;} a.top_header_links:hover {color: #dc1528; font: 11px tahoma;} a.top_header_links:active {color: #dc1528; font: 11px tahoma;} #nonFooter { position: relative; min-height: 100%; border: 1px solid red; } * html #nonFooter { height: 100%; } #header { border: 1px solid black; height: 300px; } #top_header_links_block { border: 1px solid orange; } #top_header_links_left { width: 180px; float: left; border: 1px solid black; } #top_header_links_right { width: 400px; float: right; border: 1px solid black; } #content { padding-bottom: 70px; border: 1px solid green; } #leftcol { border: 2px solid red; width: 240px; float: left; } #rightcol { border: 2px solid red; width: 240px; float: right; } #centercol { border: 2px solid green; padding: 0px 240px 0 240px; } #footer { position: relative; margin-top: -61px; height: 61px; border: 1px solid blue; } .clear {clear: both;} HTML: <!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> <title>1c</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <div id="nonFooter"> <div id="header"> <div id="top_header_links_block"> <div id="top_header_links_left"> <a class="top_header_links" href="#">Домой</a> </div> <div id="top_header_links_right"> <a class="top_header_links" href="#">Распечатать</a><a class="top_header_links" href="#">Карта сайта</a><a class="top_header_links" href="#">Обратная связь</a> </div> <div class="clear"></div> </div> </div> <div id="content"> <div id="leftcol"> menu </div> <div id="rightcol"> right </div> <div id="centercol"> content </div> </div> </div> <div id="footer">footer</div> </body> </html>

ПАСИИИИИБКИ, а можно для такого новичка как я немного комментов, в чем собсно разница моего метода и вашего? Особенно конечно не понятна строка e = e||window.event;

попробовал, не проканало, тож самое ток перестали и ие и опера работать UNDEFINED

Народ привет! Вот код <html> <head> <style> html,body {height: 100%;} </style> <script> var mX,mY; // глобальные переменные function getMouseCoords(event) { mX = window.event.x; mY = window.event.y; alert(mY); } </script> </HEAD> <body> <DIV onClick="getMouseCoords(event);" id="mydiv" style="position:absolute; top:100; background: silver; height: 100px; width: 100px; left:100px;"></DIV> <a onClick="getMouseCoords(event);" href="#">click</a> </body> </html> Смысл моего скрипта таков, просто по щелчку по какому то из элементов на странице получить координаты курсора мышки, все работает в ие и опере и прочих брозах, но как вы наверное догадались в мозилле не пашет так как там заведомо нет window.event, немного покопавшись в нете нашел следующее function show_menu(event) { if (!event)event=window.event; document.getElementById('blok').style.visibility='visible'; document.getElementById('blok').style.left=event.clientX+'px'; document.getElementById('blok').style.top=event.clientY+'px'; } onMouseMove="show_menu(event);" И люди клянуться что такой подход работает в мозилле, у меня же - фиг, помогите плз!