arthur1974
-
Posts
39 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by arthur1974
-
Как сделать вызов своей процедуры (или функции)?
arthur1974 replied to arthur1974's question in HTML Coding
Курите Яву лайт ну или нативный javascript Думаю Ваш пример с перехватом события OnClick и ф-цией на JS мне должен подойти. Спасибо -
Как сделать вызов своей процедуры (или функции)?
arthur1974 replied to arthur1974's question in HTML Coding
Причем здесь http? Это же просо протокол передачи данных. Вы вероятно имели в виду html? Но ведь в html можно ж вставить куски с JavaScript или php. -
Как сделать, что бы при щелчке по ссылке (вот к примеру: href="xx.htm") вызвалась сначала процедура (или функция), которой передать в параметре ссылку, а внутри функции выполнить кое-какие действия и уже потом перейти по адресу ссылки?
-
В Вашем примере серым цветом виден незакрываемая "шапкой" часть основной области страницы. Но как указать новому объекту на этой оставшейся (серой области) высоту заполнения от шапки до конца листа, если шапка может динамическим меняться (резиновый сайт)?
-
а если у блоков middle и последующих убираю 100%-ную высоту, но они становятся маленькими по высоте (если внутри их мало содержания). А нужно, что бы iframe занимал всю высоту middle
-
Прекрасный пример. У меня страничка фактически так и сделана, но почему-то проблема с высотой ifame. html <body> <div id="wrapper"> <header id="header"> <div class="top_flash" > </div> </header> <section id="middle"> <div id="container"> <div id="content"> <iframe name="smenu" src="0.htm" id="main_frame"> </iframe> </div> </div> <aside id="sidebar"> <div id="menu"> </div> </aside> </section> </div> </body> </html> css html { height: 100%; } header, nav, section, article, aside { display: block; } body { height: 100%; } #wrapper { height: 100%; } #header { position: relative; } #middle { height: 100%; } #container { height: 100%; } #content { height: 100%; } #main_frame { height: 100%; } Почему у iframe высота получается = 100% от всего экрана, а не от секции middle?
-
от блин... Собрался было уже переделать свой сайт под Ваш шаблон, НО - хедер то у Вас задан жёсткой высоты, а у меня там масштабируемые объекты находятся и высоту хедера задавать фиксированным нельзя. Поставил высоту в хедере авто - испортился middle - при сужении страницы уменьшается высота хедера и middle не достаёт до нижней области экрана. Т.е. оказывается проблема не решилась Может быть есть другие варианты или способы?
-
да... - всё гениальное просто. СПАСИБО!!!
-
По оводу высоты wrapper благодарю - я его действительно пропустил. Но это не решило мой проблемы и вопрос остался открытым: Как задать высоту middle = (100% - header.height)? Т.е. как сделать так, что бы высота middle занимала ниже header всю оставшуюся часть экрана и не зависела от степени её заполнения, но не выходила за экран (что бы не включался скрол) ?
-
вот привожу пример html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <header id="header"> <div class="top_flash" > <img src="1.jpg"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="Flash1"> <param name="movie" value="flash3.swf"> <param name="quality" value="High"> <param name="scale" value="ExactFit"> <param name="wmode" value="Transparent"> <param name="play" value="true"> <param name="loop" value="true"> <param name="menu" value="false"> <param name="allowfullscreen" value="false"> <param name="allowscriptaccess" value="sameDomain"> <param name="sAlign" value="tl"> <embed src="flash3.swf" width="100%" height="100%" quality="High" wmode="Transparent" loop="true" play="true" menu="false" allowfullscreen="false" allowscriptaccess="sameDomain" scale="ExactFit" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed> </object> </div> <div id="r_line"> <marquee behavior="scroll" scrolldelay="80" scrollamount="3"> My company</marquee> </div> </header><!-- #header--> <section id="middle"> <div id="container"> <div id="content"> <iframe name="smenu" src="0.htm" id="main_frame"> </iframe> </div><!-- #content--> </div><!-- #container--> <aside id="sidebar"> <div id="menu"> <div id="FlashMenuLabs"> <p>You need to upgrade your Flash Player or to allow javascript to enable Website menu.</br> <a href="http://www.adobe.com/go/getflashplayer">Get Flash Player</a></p> </div> <script type="text/javascript"> var so = new SWFObject("menu.swf", "menu", "200", "430", "8", "#ffffff"); //so.addVariable("page_code", "1"); //so.addParam("wmode", "transparent"); so.addParam("scale", "noscale"); so.addParam("salign", "TL"); so.write("FlashMenuLabs"); </script> </div> </aside> </section><!-- #middle--> </div><!-- #wrapper --> </body> </html> а это файл стилей: * { margin: 0; padding: 0; } html { height: 100%; } header, nav, section, article, aside { display: block; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; background: #0d1424 url(body-bg.jpg) no-repeat center top; background-size: cover; background-attachment: fixed; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { min-width: 450px; max-width: 980px; margin: 0 auto; } /* Header —————————————————————————--*/ #header { position: relative; } #r_line { font: bold 120% "Tahoma", Times, serif; color: #fff; width: 98%; position: relative; top: 35px; left: 10px; } /* embedded top_flash */ .top_flash { border: 0px solid blue; position: relative; top: 30px; left: 50px;} .top_flash > img { width: 100%; display: block;} .top_flash > object { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } /* Middle —————————————————————————--*/ #middle { width: 100%; height: 100%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 100%; } #container { width: 100%; float: left; overflow: hidden; height: 100%; } #content { margin: 40px 10px 10px 230px; background-color: #fff; height: 100%; } #main_frame { width: 100%; float: right; overflow: scroll; margin: 0; height: 100%; } /* Sidebar —————————————————————————--*/ #sidebar { float: left; margin: 40px 0 10px -100%; width: 210px; } #menu { float: right; } то ж в чём тогда здесь проблема? мне в данном случае надо, что бы iframe был начиная с текущего положения и до низа отображаемой области интернет-проводника
-
Да потому, что если прописать height:100% блок станет фиксированным на высоту области просмотра, и следовательно не будет растягиваться по контенту в случаи переполнения. мне, к примеру, и нужно ,что бы блок стал фиксированным на высоту области просмотра. Т.е. начиная с высоты которую он сейчас занимает (у него релятив) и до низа области просмотра. И сосем не нужно, что бы он растягивался по контенту. Вот попросисывал и в объекте и во всех его родительских, и в боди height:100% - болт с левой резьбой (т.е. не работает). Т.е. ширина width=xx - работает, но не высота.
-
вот перекинулся парой слов с специалистом в веб разработках. Сказал, что так сделать (height: 100%) в данном случае нельзя в принципе. Нужно ковырять только java-скриптом, перехватывать событие OnResize и задавать высоту объекта уже вычисленной высотой.
-
меня вот этот вопрос тоже очень интересует. В body стоит height: 100%; во внутреннем объекте ставил тоже height: 100%, и попробовал уже ставить min-height: 100% - всё равно не работает, а очень нужно. Или может быть есть какой-то другой способ вычислить и задать высоту в "резиновом" сайте объекту с текущей позиции (у него она релятив) и до конца отображаемой области интернет-проводника?
-
Как вычислить и задать высоту области iframe, что бы его нижняя граница находилась всегда внизу страницы независимо от позиции верхней границы (т.е. координаты верхней могут изменяться динамически) и независимо от высоты отображаемой области интернет-проводника?
-
автоподстройка высоты iframe в "резиновом" сайте
arthur1974 replied to arthur1974's question in HTML Coding
Неужели никто не интересуется данной темой? Думал такое может многих заинтересовать. Или никто не может подсказать как это можно реализовать? Вот разместил свой испытательный вариант на временном хостинге - при желании можно глянуть: http://mycompany.16mb.com/ Там в меню подвязано в "About Us" только пункты "Копания" и "Новости" - меняется содержимое iframe (0.htm либо 1.htm) -
Уважаемые профи, подсжите пожалуйста примерчиком, как можно реализовать такое: в iframe загружается страница с этого же домена. Нужно подогнать высоту iframe под высоту загружаемой страницы, что бы не включались скролы, но усложняется всё тем, что ширина iframe тоже плавающая - "резиновый" сайт. Следовательно в загружаемой странице в iframe с уменьшением ширины строки будут автопереноситься и высота соответственно будет увеличиваться. Поэтому и высота области iframe должна динамически изменяться. Этот вариант: http://ex-terior.at.tut.by/projects/js/resize_iframe/resize_iframe.rar не подходит в виду того, что в нём в загружаемый страницах в стилях жёстко прописана высота (а у меня, как я писал выше) она буде изменяться в зависимости от ширины.
-
Если на разных страницах одного сайта отображается одна и та же информация (картинки, флеш), то можно ли так сделать, что бы эта информация загрузилась один раз и потом при переходе по сайту она не выкачивалась каждый раз с инета, а бралась из локального кэша?
-
Вопрос снимается - уже подсказали. Кому интересно, то: нужно просто в html сайдбар разместить раньше контента.
-
Нелохой вариант браузер Lunascape Он может менять двики при отображении уже открытой станицы. Т.е. не надо устанавливать эксплорер, хром и мозилу, а открыл страницу и переключением движков видишь как она будет отображена в разных боаузерах - довольно удобно.
-
Подскажите пожалуйста, как приведённом примере резиновой страницы: http://habrahabr.ru/post/119127/ сделать, что бы сайдбар при сужении соскальзывал не ниже контента, а перед контентом?
-
Проблема вёрстки резинового сайта под HTML5
arthur1974 replied to arthur1974's question in HTML Coding
Пробелму решил. Сам прокидался - явно указал высоту хэдера -
С уменьшением ширины "резиновой" страницы построеной на HTML5 я сделал так, что у меня пропорционально уменьшается и высота header-а (т.е. "шапки"). Вопрос в следующем: почему с уменьшением высоты header-а не подымается выше content и sidebar? Я в стилях контента и сайдбара прописал: position: relative; но это ничего не меняет. ссылка на мою страницу: http://depositfiles.com/files/ykgvugjnk это я переделывал под себя шаблон из: http://habrahabr.ru/post/119127/
-
Помогите пожалуйста с непонятнками позиционирования. Сайт делается "резиновый" так: <шапка> <menu> <content> С уменьшением размера браузера уменьшается шапка и меню тем самым оно пропорционально уменьшается и по высоте. Но по непонятным причинам контент не смещается вверх следуя за меню, а остаётся на своём фиксированном вертикально положении. В стилях контента стоит: position: relative; но это почему-то ни на что не влияет, хотя position: fixed; действительно фиксирует контент. Как можно исправить, что бы вертикальная позиция контента менялась в зависимости от позиции вышесоящего меню? Или хотя бы как-то можно сделать что-то типа такого в стиле конткнта: #content { position: fixed; top: top.menu+100px }
-
По поводу: много всего написано, но не понятно как это всё связать с swf-файлом. Я в своём примере внутри эмбеда добавил wmode вот так: <embed wmode="transparent"... Но получается не кросбраузерно, т.е. Opera не понимает этого, хотя MFF, GH, IE8 отображают нормально - без чёрной заливки. А нужно сделать обязательно кросбраузерно!
-
Уважаемые специалисты, помогите, пожалуйста