Помогите пожалуйста. Вообщем, есть одна страница, на ней одно изображение размером 1100х605, по сути оно должно растягиваться на весь браузер при разрешении 1152х1024. При разрешении 1152х1024 смотрится нормально, но если смотреть при 1024х768, то появляются скролы как вертикальные так и горизонтальные, если смотреть при 1280х1152, тогда наоборот, изображение маленькое и не растягивается. Вопрос в том, как обеспечить нормальный вид рисунка (чтобы растягивался или наоборот) в любом разрешении ?? Заранее спасибо.
Спасибо. А как это использовать совместно с тегом <area> ? Ну т.е, есть строка Code: <area shape="rect" coords="164,120,158,391" href="index.php" alt="Просмотреть форум"> Соот-но по границам этого изображения есть ссылка на index.php. При разном разрешении экрана, разные координаты нужно указывать, т.к все сползает. Как решить эту проблему?
если в div.popup позицию указать в пикселях, то драг работает нормально. с процентами не работает... потому что не может определить начальную позицию элемента. как сделать так, чтобы див попап был по центру выше всех, и при этом работало его перетаскивание? HTML: <style> div.popup { position: absolute; overflow: auto; width: 500px; left: 50%; top: 20%; margin-left: -250px; background: #efefef; padding: 8px; border: 1px solid silver; text-align: right; } div.popup div.content { border: 1px solid silver; padding: 10px; background-color: white; text-align: justify; font-size: 13px; font-family: Tahoma; cursor: default; } div.popup img { padding: 3px; padding-top: 0; padding-left: 0; cursor: pointer; } span.button_close { height: 30px; padding: 5px; border: 1px solid silver; background: url('button_bg.png') repeat-x; font-size: 11px; font-family: Tahoma; cursor: pointer; } span.button_close:hover { background: url('button_bg_hover.png') repeat-x; } .p-right { text-align: right; } .b-top { border-top: 1px solid silver; } </style> <script> kernel = { HideElement:function(element) { document.getElementById(element).style.display = 'none'; }, } visual = { flag: false, shift_x: false, shift_y: false, StartDrag:function(itemId, e) { if(!e) { e = window.event; } this.flag = true; this.shift_x = e.clientX-parseInt(itemId.style.left); this.shift_y = e.clientY-parseInt(itemId.style.top); if(e.stopPropagation) { e.stopPropagation(); } else { e.cancelBubble = true; } if(e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; } }, EndDrag:function() { this.flag = false; }, Drag:function(itemId, e) { if(!this.flag) { return; } if(!e) { e = window.event; } itemId.style.left = (e.clientX-this.shift_x) + "px"; itemId.style.top = (e.clientY-this.shift_y) + "px"; if(e.stopPropagation) { e.stopPropagation(); } else { e.cancelBubble = true; } if(e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; } } } </script> <div class="popup" id="popup"> <img src="close.png" alt="{CLOSE_WINDOW}" width="16" height="16" onclick="kernel.HideElement('popup')" /> <div class="content"> Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello <div class="p-right b-top"> <br /><span class="button_close" class="save">Сохранить</span> </div> </div> </div>
Переписать код "перетаскивателя", тем более, что вне зависимости от единиц измерения, element.style.width и element.style.height не обязаны содержать то, что было указано в стилях.
2 Zitt: Примерно так (пример не по твоему коду): PHP: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Горизонтальное выравнивание блока неизвестной ширины</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> div.outer {background: #CCFFCC; width: 100%; overflow: hidden;} div.inner {background: #CCFFFF; float: right; position: relative; right: 50%;} div.center {background: #FFFFCC; position: relative; right: -50%;} </style> </head> <body> <div class="outer"> <div class="inner"> <div class="center">Блок произвольной ширины</div> </div> </div> </body> </html> ну и тут посмотри: http://webmaster.abilogic.ru/article/css-tricks/
Привет всем, такой вопрос, сделал на своем сайте все html странички валидными XHTML 1.0, но возникла проблема, вот код: Code: <!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" lang="en" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Title</title> </head> <body> <span style="font-size: 24">Текст</span> </body> дело в том, что размер текста почему то не меняется: Code: <span style="font-size: 24">Текст</span> если убрать строку: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> то все работает и размер текста меняется, в чем проблема???
http://wdh.suncloud.ru/contents.htm - вот, не совсем html, dhtml, и немного старовато, но все равно актуально, хорошо описаны ,грубо говоря, те пограничные состояния между xml и html, если когда то займешся js+html то лутчше не видел справочника.
Здравствуйте, подскажите ... есть форма. две кнопки... Старт и Стоп. изначально старт можно нажать, а стоп нет. нажимаем на старт, загорается стоп, а старт уже нажать нельзя... и наоборот... нужно такое реализовать =) и еще что бы для все пользователей отображалась такая штука =) т.е. один нажал стоп... значит у всех кто зайдет на страницу нажать можно только старт )
PHP: <html> <head> <title>test</title> <script type="text/javascript"> function start(){ document.getElementById('start').disabled = 'disabled'; document.getElementById('stop').disabled = ''; } function stop(){ document.getElementById('start').disabled = ''; document.getElementById('stop').disabled = 'disabled'; } </script> </head> <body> <button id="start" onclick="start()">Start</button> <button id="stop" onclick="stop()">Stop</button> </body> </html> Чтобы нажатие действовало глобально для всех, посылай ajax'ом запрос на скрипт, им записывай например в файл started.txt обозначение, что кнопка нажата, и уже при заходе на страницу так же посылай запрос на чтение файла. Должно работать.
