partiz

Через свойство о-трансформ-оригин исправил ошибку неправильного расположения: .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Opera */ -o-transform: rotate(-90deg); -o-transform-origin: 130px 250%; cursor:pointer;} Но все равно блоки немного уползли. Если честно, не понимаю, как поставить их на место, чтобы косяков в опере не было... UPDATE Потренировался до конца с этим свойством о-трансформ-оригин, получилось поставить элементы на место без косяков: .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Opera */ -o-transform: rotate(-90deg); -o-transform-origin: 123px 122px; cursor:pointer;} Интересно то, что оно не работает (или мне так настойчиво показалось) так, как оно описано. Смещение происходит не по Х и У, а одновременно. Т.е. указывая (0пх 10пх) или (10пх 0пх) нужно ожидать, что слой сместится и по Х и по У, т.е. координаты (0пх 100пх) не сместят слой только по оси У, а он полезет сразу по обоим осям.

Нашел интересный пример горизонтальной гармошки, решил использовать. В примере опера вообще не хочет вращать заголовки. Скачал пример, поправил стиль: добавил для оперы "о-трансформ" .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Opera */ -o-transform: rotate(-90deg); cursor:pointer;} Но это не помогло, загловки все равно странно смещены. Теперь просто интересно докапаться, как исправить неправильное отображение. Помогите разобраться.

Проблема решена. Прописал дополнительно линкам a:visited и благополучно про него забыл. Перекопал интернет, потратил пол дня... удивлялся, почему же не срабатывает class. Видимо заработался Удалить пост самостоятельно не получается.

идея не подходит по причине того, что у меня мой див "foto" не один на странице и не в самом ее верху там на странице top, body, bottom. в body записана эта "foto", лефты и райты не туда втанут (((

У меня есть Див, в который периодически аяксом подгружаются разные картинки: например тут Хочу сделать пролистывание, чтобы поверх картинки слева и справа подгружались кнопочки "влево" и "вправо": примерно как тут Желательно, чтобы эти кнопочки были "активные", но при этом человек мог бы "достучаться" до изображения. Подскажите решение, пожалуйста.

Я не понимаю... а в чем проблема автоинкремента? Ну присваивает он самостоятельно номера, ну и что? Автор, или у тебя код вывода статей привязан к индексам, т.е. ты их выводишь через "for"?

Ответ нашел на http://forum.codenet.ru/showpost.php?p=273...amp;postcount=5 Простите, если мой вопрос баян, а мой ответ не принес дополнительных знаний.

У меня есть скрипт, задача которого отдавать файлы. Когда я хочу скачать файл, скрипт запускается хорошо и отдает, но если во время отдачи какого-то файла попробовать скачать другой файл или попытаться поработать с сайтом, то ни работа с сайтом, ни отдача второго файла не начнется, пока отдача первого файла не закончится. Если сделать скрипт полностью независимым, т.е. в нем самом прописать настройки подключения к базе, то и работа с сайтом будет и файл будет отдаваться... но файл будет отдаваться по прежнему один, второй файл будет ждать, пока отдача первого не закончится. Как это можно побороть? Мне нужно организовать ограничение скачиваний средствами пхп. Возможно, есть иные способы решения проблемы? Вот скрипт, который отдает файлы: <?php session_start(); include_once "base.php"; if ((!isset($_GET['test']))||($_GET['test']=='')) exit; FDownloadArchive($_GET['test']); function FDownloadArchive($test) { /*отключаем контроль времени выполнения скрипта*/ set_time_limit( 0 ); /* Подключаюсь к базе, проверяю, не превышен ли лимит подключений, если их больше чем 1, вывожу ошибку. Определяю $file_name. Создаю ключ и сохраняю его в базу, чтобы можно понять: "я сейчас качаю" и "что я качаю". */ header ( "Expires: Thu, 19 Nov 1981 08:52:00 GMT" ); header ( "Cache-Control: None" ); header ( "Pragma: no-cache" ); /*выдаем файл либо на докачку либо с начала*/ $file_path = $put_k_failam.'/'.$file_name; $file_size = filesize($file_path); $content_size = $file_size; $handle = fopen($file_path, "rb"); $n=0; if (isset($_SERVER['HTTP_RANGE'])) { preg_match ("/bytes=(\d+)-/", $_SERVER["HTTP_RANGE"], $m); $content_size = $file_size - intval( $m[1] ); $start_offset = $file_size - $content_size; $end_offset = $file_size - 1; header ( "HTTP/1.1 206 Partial Content" ); header ( "Accept-Ranges: bytes" ); header ( "Content-Disposition: attachment; filename=$file_name" ); header ( "Content-Range: bytes $start_offset-$end_offset/$file_size" ); header ( "Content-Length: " . $content_size ); header ( "Content-Type: application/$type" ); $n=$start_offset; } else { header( "HTTP/1.1 200 OK" ); header( "Content-type: application/" ); header( "Content-Disposition: attachment; filename=$file_name" ); header( "Content-Transfer-Encoding: binary" ); header( "Accept-Ranges: bytes" ); header( "Content-Length: $file_size" ); } fseek($handle,$n); while (!feof($handle)) { $buffer = fgets($handle, 4096); echo $buffer; } fclose($handle); // Удаляю ключ из базы exit; } ?>

У меня все нормально отображается. Смотри настройки своего браузера.

2 SelenIT ... спасибо большое за решение, оно помогло!

Есть свойство у checkbox... называется checked... если оно true, то галочка стоит, если false, то галочка снята. <script language="JavaScript" type="text/javascript"> function filter(flag, type) { var items = document.getElementById('myform').getElementsByTagName('label'); for (var i=0; i<items.length; i++) if (items[i].className == type) if (flag) items[i].style.display = 'none'; else items[i].style.display = ''; } </script> <input type="checkbox" name="" value="red" onclick="filter(this.checked, this.value)" /> Red only <input type="checkbox" name="" value="green" onclick="filter(this.checked, this.value)" /> Green only <input type="checkbox" name="" value="blue" onclick="filter(this.checked, this.value)" /> Blue only <form id="myform"> <label class="red">Красный инпут 1<input type="text"></label> <label class="blue">Синий инпут 1<input type="text"></label> <label class="red">Красный инпут 2<input type="text"></label> <label class="green">Зеленый инпут 1<input type="text"></label> <label class="blue">Синий инпут 2<input type="text"></label> <label class="green">Зеленый инпут 2<input type="text"></label> <label class="red">Красный инпут 3<input type="text"></label> </form>

2 SelenIT... мы можем остаться при своих мнениях, и, безусловно, вы правы в отношении того, что тот вариант не идеальный и решать проблему им не фантан ... но вы, если разбираетесь с разницой "понимания" и "выполнения" кода браузерами, действительно могли бы помочь мне в решении мой проблемы http://forum.htmlbook.ru/index.php?showtopic=11960

Совсем не обязательно делать разные id, и если бы разные id были обязательным условием, то, вероятнее всего, браузер бы это запрещал (и/или выдавал предупреждение/ошибку) (хотя, используя здравый смысл, id на то и id, чтобы быть уникальным идентификатором... но я не могу полностью принять это утверждение (можно даже сказать правило) в отношении ХТМЛ (т.к. имея определенный опыт проектирования и работы с базами данных, с полной ответственностью заявляю, что в отношении БД id должен быть всегда уникальным), потому что иногда нужно так извернуться, чтобы как в поговорке про лису: "и рыбку съесть, и...") Можно объединять элементы (к сожалению, не все элементы: например, формы нельзя называть одинаково) в группы, по одному тегу (tagName), одному имени (name), одному идентификатору (id). Все Браузеры нормально понимают и принимают эти группы, а так же позволяют с ними работать.

1. Если хочешь сделать "умную" форму, то лучше с Ajax. 2. Если нужно спрятать несколько элементов, относящихся к одному блоку, то можно их занести в ДИВ и спрятать див: <script language="JavaScript" type="text/javascript"> function onShowBlock(id) { var myobj = document.getElementById(id); if (myobj.style.display=='block') myobj.style.display='none'; else myobj.style.display='block'; } </script> Прячем/показываем блок № <select size="1" onchange="if (this.value!='0') onShowBlock(this.value);"> <option value="0">#</option> <option value="d1">1</option> <option value="d2">2</option> </select> <hr> <div id="d1" style="display: block; border: 1px dashed black;"> <input name="" /><textarea name=""></textarea><input type="radio" name="" /> </div> <div id="d2" style="display: block; border: 1px dashed black;"> <input type="checkbox" name="" /><select name="" size="1"></select><input type="button" name="" value="" /> </div> 3. Можешь объединить свои элементы в группу по, например, одному ID... а затем искать их и прятать: <script language="JavaScript" type="text/javascript"> function onShowBlock(id) { for (var i=0; i<document.all.length; i++) if (document.all.item(i).id==id) if (document.all.item(i).style.display=='block') document.all.item(i).style.display='none'; else document.all.item(i).style.display='block'; } </script> Прячем/показываем все элементы с ID = <select size="1" onchange="if (this.value!='0') onShowBlock(this.value);"> <option value="0">#</option> <option value="d1">d1</option> <option value="d2">d2</option> </select> <hr> <div style="display: block; border: 1px dashed black;"> <input id="d1" name="" style="display: block;"/><textarea id="d1" name="" style="display: block;"></textarea><input id="d1" type="radio" name="" style="display: block;"/> </div> <div style="display: block; border: 1px dashed black;"> <input id="d2" type="checkbox" name="" style="display: block;"/><select id="d2" name="" size="1" style="display: block;"></select><input id="d2" type="button" name="" value="" style="display: block;"/> </div> Мой совет, это 1й или 2й варианты...

2 Vlad... спасибо за совет! Проставил единицы измерения, но это все равно не привело к желаемому результату... Мозилла так же не выводит нужный ДИВ ... обновил код в первом сообщении, не стал снова вставлять, чтобы не захламлять

Написал пример моего кода с "всплывающей подсказкой"... по какой-то причине подсказка не всплывает в Mozilla... Помогите решить проблему, пожалуйста. <style type="text/css"> <!-- .bubble { z-index: 100; display: block; position: absolute; border: 1px solid #6699FF; background: #D9ECFF; padding: 2px; width: 150px; height: 20px; font-size: 14px; FILTER: alpha(Opacity=85); } --> </style> <script language="JavaScript" type="text/javascript"> function onShowBubble(mytext) { e = window.event; document.getElementById('bubble').style.width = "150px"; if (mytext.length>100) document.getElementById('bubble').style.width = "300px"; document.getElementById('bubble').style.left = (e.clientX-10) + "px"; document.getElementById('bubble').style.top = (e.clientY-10) + "px"; document.getElementById('bubble').innerHTML = mytext; document.getElementById('bubble').style.display='block'; } </script> <input type="button" name="" value="Click me" onclick="onShowBubble('Моя подсказка')"/> <div id="bubble" class="bubble" onmouseout="document.getElementById('bubble').style.display='none';"></div>

2 ZoNT и Storm... огромное спасибо я просто программист, в вопросах нарезки и стилей не очень понимающий... очень помогли! ))) з.ы. прошу прощения, что не ответил сразу, был в командировке

Нужно сделать простой чат. Справа должно быть поле [пользователи] (ширина 250), в котором будут показаны юзеры онлайн, слева должно быть поле, которое будет занимать всю свободную часть экрана. В левом поле внизу расположено поле (высота 100), в котором человек будет писать сообщение, а вверху все свободное место занимает поле [чат], в котором будут выводиться сообщения. Поле "пользователи" и поле "чат" - дивы со скролами, растянутые на всю свободную область отведенной для них рамки. В примере выше я показал, как это все выглядит полностью с возможностью отправлять сообщения для проверки появления скроллов и т.д. Проблема в том, что див в поле "чат" не отображается как нужно в опере, если ему не поставлена фиксированная высота или не проставлено свойство дисплей. Если проставлено свойство дисплей, тогда в опере все ок, но Мазилла начинает загонять: сначала она показывает все правильно, но когда отправляешь сообщение, слой сдвигается на центр и начинает расти по мере отправки сообщений, скроллы при этом появляются не в диве (т.е. где должны), а у самой страницы, т.к. она безбожно растягивается. Вот как выглядит структура, в поля "чат" и "пользователи" которой нужно вписать дивы с возможностью скролла: <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td width="100%" height="100%"> <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr height="100%"> <td id="pagechat" height="100%" valign="top" style="border:1px dotted #cccccc;"> Чат </td> </tr> <tr> <td height="100"> Отправка сообщения </td> </tr> </table> </td> <td width="250" height="100%" nowrap="nowrap"> <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td> </td> </tr> <tr height="100%"> <td height="100%"> Пользователи </td> </tr> <tr> <td> </td> </tr> </table> </td> </tr> </table> В первом посте можно посмотреть рабочий пример с добавлением сообещний, и лучше тестировать на нем, т.к., например, ошибка отображения Мозиллой проявляется только при добавлении сообщений (т.е. изменения контента дива).

2 Storm ... ок, спасибо! позже потестю, уже поздно

2 ZoNT ))) ты прям как Ганс Христиан Андерсон (сказочник)... ты мой пример в ФФ тести (не просто открой, а напиши что-нибудь в поле для ввода и нажми на "Сказать")... а потом убери свойство "дисплей" и открой оперой, и снова тести... з.ы. Эксплорер, кстати, оба варианта на "ура" понимает

2 ZoNT ... я тоже много чего считал, посмотри мой пример и убедись.

У второго варианта проблема с шириной, опера глючит, если вводишь слишком длинное сообщение. Опера странная какая-то, чтобы корректно отображать желаемый див, его надо сделать блоком или таблицей, но в этом случае ругается ОгненнаяЛиса, т.к. она не понимает дива как блок или таблицу (( если можно, то лучше исправить мой пример, чтобы все отображалось правильно, а не придумывать новые варианты...

К сожалению, это не решило проблемы. (( Когда доктайп ставил, всег height=100% и wigth=100% ставят высоту и ширину страницы

В таблице есть 2 строки: верхняя имеет высоту=100%, а нижняя просто 100. В верхнее поле вписан див, в стиле которого так же стоит высота=100%, добавлен оверфлоу=авто и скролл=авто. Но проблема в том, что Опера некорректно отображает этот див (высота в 0 пиксель, не показывая содержимое дива и отображая только его только границы). Проблему с Оперой можно побороть, поставив в стиле дива свойство display, равное table. Но тогда начинает выпендриваться Фаерфокс, бесконечно увеличивая высоту дива и не показывая скроллбары. Пример вот: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <body style="margin: 0px; padding: 0px;"> <script language="JavaScript" type="text/javascript"> function onSendMessage() { if (document.getElementById("message").value!="") { document.getElementById("chat").innerHTML=document.getElementById("chat").innerHTML+" "+document.getElementById("message").value; document.getElementById("chat").scrollTop = document.getElementById("chat").scrollHeight; document.getElementById("message").value=""; document.getElementById("message").focus(); } } function onPressEnter(myevent) { myevent = (myevent) ? myevent : event; if ('keydown' == myevent.type && 13==myevent.keyCode) onSendMessage(); } </script> <table width="1000" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr height="100%"> <td width="750" height="100%"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr height="100%"> <td id="pagechat" height="100%" valign="top" style="border:1px dotted #cccccc;"> <div id="chat" style="display:table;height:100%;width:100%;OVERFLOW: auto; scroll: auto;"> Тут чат. </div> </td> </tr> <tr> <td height="100"> <b>Отправка сообщения</b> <span id="condition"></span> <input id="message" type="text" value="" style="width: 400px" onkeydown="onPressEnter(event)"/> <input type="button" name="" value=" Сказать " onclick="onSendMessage()"/> <script language="JavaScript" type="text/javascript"> document.getElementById("message").focus(); </script> </td> </tr> </table> </td> <td width="250" height="100%"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td> </td> </tr> <tr height="100%"> <td height="100%"> </td> </tr> <tr> <td> </td> </tr> </table> </td> </tr> </table> </body> </html>

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