Чтобы во всех браузерах было одинаково, надо использовать ресет стилей. самый простой это *{margin:0;padding:0} Но из-за этого у тебя могут возникнуть вопросы, потому что для каждого элемента придется все прописывать. Насчет расстояний, попробуй помути со значениями что я дал. так же у td можешь line-height: значени px, прописать. А вообще учи css
мне надо лишь на одну картинку наложить две формы (поле ввода ника и пароля) и кнопку входа и чтобы это всё во всех браузерах стояло на своих местах!) если не сложно помоги это реализовать основы css изучил, но справиться с этой задачей не могу, а надо бы побыстрее это сделать, так что на полное изучение css времени к сожалению пока нет!(( если поможешь стукни плиз в аську 433788690!
Мне нужно при вызове функции passq в диве вывести то что лежит в passw Никак не получается( P.S тут урезный вариант.форма и т.д имеется
У меня картинки выстраиваются таким образом HTML: #img { margin-top: 5%; padding-left: 5%; } А как можно сделать так ? желательно чтобы у всех был один id дива
верхний левый: position:fixed; top:0; left:0; нижний правый: position:fixed; bottom:0; right:0; Для ie6 найди expression, если нужна поддержка в нем
Code: <script> var img = '<img src="http://ya.ru/logo.png">'; var div_top_left = '<div style="position: absolute; margin-top:0; margin-left:0;">' + img + '</div>' var div_top_right = '<div style="position: absolute; margin-top:0; margin-left:' + (screen.width - 150) + ';">' + img + '</div>'; var div_bottom_left = '<div style="position: absolute; margin-top:' + (screen.height - 300) + '; margin-left:0;">' + img + '</div>'; var div_bottom_right = '<div style="position: absolute; margin-top:' + (screen.height - 300) + '; margin-left:' + (screen.width - 150) + ';">' + img + '</div>'; document.write(div_top_left); document.write(div_top_right); document.write(div_bottom_left); document.write(div_bottom_right); </script> <div> <br> абааббаабабба <br> чачачачача <br> папапапапапапа <br> даддааддадада <br> опаопаопаопоапоаоп </div> или вместо absolute используй fixed, чтобы таскалось с прокруткой текста
Ребят незнаю в тему нужную попал или нет ))) в общем кто нибудь знает как реализовать такую задачу: на сайте, нужно что бы юзер сначала просмотрел рекламу а потом получил в итоге ссылку на скачивание. Желательно без использования php) с фреймами можно что нибудь намутить подобное?
Попробуй элементарно сделать скрытый див, поставить таймаут на функцию его открытия... А в это время показывай ифрейм с рекламой...
Так ты полностью описывай задачу. Тебе нужно как например на дипозитфайле, с таймаутом, или просто чтоб пользователь увидел рекламу и закрыл? Первый случай тебе описали выше, делается при помощи функции setTimeout. Во втором случае открывай рекламу в каком-нибудь попапе, и повесь событие на его закрытие.
Я так понимаю что он ничего не понимает в том что он сказал и сам он не напишет. Если хочешь как на летитбите, то : -Создай файл frame_top.php ( млм как хочешь назови.) и укажи в нем следущее: PHP: <title> / </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <script language="javascript"> function StartGlide() { y = 60; action = window.setInterval("Glide()",1000); } function Glide() { y = y - 1; document.getElementById('errt').innerHTML= y; if (parseInt(y)<='0') { document.getElementById('countdown').style.display='none'; document.getElementById('links').style.display='block'; window.clearInterval(action); } } function DownloadClick(){ var pop_win = window.open('ССЫЛКА НА СТРАНИЦУ РЕКЛАМы, КОТОРАЯ ОТКРОЕТСЯ ВМЕСТЕ С ЗАГРУЗКОЙ',"_blank","resizable=1,toolbar=1,location=1,menubar=1,status=1,scrollbars=1'"); self.focus(); } </script> <table align="center"> <tr> <td> <div id="countdown" style="display:block;" align="center"><b>Дождитесь своей очереди<br><span id="errt" name="errt">60</span> секунд</b></div> <div id="links" align="center" style="display:none;"> <a onClick="DownloadClick();" href="">Ваша ссылка на скачивание файла</a> </div> </td> </tr> </table> <script language="javascript">StartGlide();</script> В странице, там где человек ждать будет пропиши: PHP: <frameset rows="70,*" frameborder="no" border="0" framespacing="0"> <frame src="ССЫЛКА НА ФАЙЛ- frame_top.php?link=ССЫЛКА НА ФАЙЛ,КОТОРЫЯ ПОЯВИТСЯ ПОСЛЕ ОЖИДАНИЯ" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frame src="ССЫЛКА НА СТРАНИЦУ С РЕКЛАМОЙ," name="mainFrame" id="mainFrame" title="mainFrame" /> </frameset> в 1-ом та ссылка на рекламу которая открывается паралельно с закачкой. во 2-м ссылка на рекламу, которая показывается на странице ожидания. Вроде так. спизжено с летитбита!
да спс всем. я непишу сам. но у меня есть куча готовых жабаскрптов. задачу со счетчиком ожидания решил. хотелось конечно нетак. всем спасибо за помощь) всем по +10 к репутации))) и как на летитбите решается без php вот пример на жабе: <script type="text/javascript"> var c = 10; // числом указывается необходимый период задержки в секундах... function fcwait() { if (c > 0) { var el = document.getElementById("downloadDelayTimeSec") if( el ){ el.innerHTML = "" + c } c = c - 1 setTimeout("fcwait()", 1000) } else { document.getElementById("divDLWait").style.display = 'none'; document.getElementById("divDLStart").style.display = 'block'; } } </script> <div style="display:none;" id="divDLWait">Ссылка для скачивания будет доступна через <b id="downloadDelayTimeSec">Load</b> секунд...</div> <div style="display:none;" id="divDLStart"><a href="http://бла бла">Ваша ссылка на скачивание</a></div> <a href="javascript://" onclick="fcwait();document.getElementById('divDLWait').style.display='block';style.display='none'">Скачать</a> </div> типа после клика запускается счетчик. ___________________________________________________________________________________________________________________ Я так понимаю что он ничего не понимает в том что он сказал и сам он не напишет. как ты можешь понимать понимаю ли я или нет??? )
У меня вопрос как сделать на сайте _ownzone.at.ua 2 верхних рисунка чтобы их было полностю видно... HTML: <html> <head> <title>[TITLE]</title> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <meta http-equiv="charset" content="windows-1251"> <meta http-equiv="vw96.object type" content="Homepage"> <link type="text/css" rel="StyleSheet" href="http://s19.ucoz.net/src/layer3.css" /><script type="text/javascript" src="http://s19.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlockL {display:none}</style> </head> <body style="margin:0px; padding:0px; background-color: #000000;color: #000000;"> <table cellpadding="0" cellspacing="0" border="0" width="100%" style="background: url('/img/s3.gif') repeat-x;"><tr><td align="center"> <!-- Header --> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="height: 200px;"> </td></tr> <tr><td align="center" height="15"></td></tr> </table border="0" cellpadding="0" cellspacing="0" width="100%" style="height: 200px;" width: 600px;"> <td style="background: url('/img/s2.gif') no-repeat top right; width: 800px; height: 200px;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> </table> </td> </tr> </table> <!-- /Header --> <br> <center> <table align="center"> <A href="/" onmouseout="document.mypic1.src='/img/1off.jpg'" onmouseover="document.mypic1.src='/img/1on.jpg'"><IMG border=0 name=mypic1 src="/img/1off.jpg"></A><A href="/forum" onmouseout="document.mypic2.src='/img/2off.jpg'" onmouseover="document.mypic2.src='/img/2on.jpg'"><IMG border=0 name=mypic2 src="/img/2off.jpg"></A><A href="/load" onmouseout="document.mypic3.src='/img/3off.jpg'" onmouseover="document.mypic3.src='/img/3on.jpg'"><IMG border=0 name=mypic3 src="/img/3off.jpg"></A><A href="/publ" onmouseout="document.mypic4.src='/img/4off.jpg'" onmouseover="document.mypic4.src='/img/4on.jpg'"><IMG border=0 name=mypic4 src="/img/4off.jpg"></A> </table></center> <!-- Body --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="width:186px;padding:0 0 0 0px;"> <!-- --> <table border="0" cellpadding="0" cellspacing="0" width="245"> <tr><td><img src="/img/menu.jpg" border="0"></td></tr> <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center>$GLOBAL_AAMENU$</center></td></tr> <tr><td><img src="/img/niz.jpg" border="0"></td></tr> <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr> </table> <!--/--> <!-- --> <table border="0" cellpadding="0" cellspacing="0" width="245"> <tr><td><img src="/img/pro.jpg" border="0"></td></tr> <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center>$GLOBAL_PRO$$LOGIN_FORM$</center></td></tr> <tr><td><img src="/img/niz.jpg" border="0"></td></tr> <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr> </table> <!--/--> <!-- --> <?if($CHAT_BOX$)?> <table border="0" cellpadding="0" cellspacing="0" width="245"> <tr><td><img src="/img/chat.jpg" border="0"></td></tr> <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center>$CHAT_BOX$</center></td></tr> <tr><td><img src="/img/niz.jpg" border="0"></td></tr> <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr> </table> <?endif?> <!--/--> <!-- --> <?if($POLL$)?> <table border="0" cellpadding="0" cellspacing="0" width="245"> <tr><td><img src="/img/poll.jpg" border="0"></td></tr> <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center>$POLL$</center></td></tr> <tr><td><img src="/img/niz.jpg" border="0"></td></tr> <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr> </table> <?endif?> <!--/--> <!-- --> <?if($COUNTER$ || $ONLINE_COUNTER$)?> <table border="0" cellpadding="0" cellspacing="0" width="245"> <tr><td><img src="/img/stat.jpg" border="0"></td></tr> <tr><td style="background:url('/img/center.jpg');padding: 10px 15px 0 15px;"><center><center>$COUNTER$<?if($ONLINE_COUNTER$)?> <hr />$ONLINE_COUNTER$$ONLINE_USERS_LIST$<?endif?> </center></center></td></tr> <tr><td><img src="/img/niz.jpg" border="0"></td></tr> <tr><td style="padding-right: 20px; color: rgb(241, 124, 28); height: 15px;" align="right" valign="bottom"></tr> </table> <?endif?> <!--/--> </td> <td valign="top" style="padding:0px 10px 0px 10px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="70" height="70"><img src="/img/l.jpg" border="0"></td><td align="center" valign="top" style="background-image:url('/img/v.jpg'); color:#49bb25; padding-top: 30px; "><b>Реклама</b></td> <td width="70" height="70"><img src="/img/p.jpg" border="0"></td></tr> <tr> <td style="background-image: url('/img/b.jpg');"></td> <td style="background-image: url('/img/n.jpg');"> <ul class="uz"> </ul><div align="center"> <span style="color: rgb(255, 137, 41);"></span><font color="#49bb25"> <center><a href="http://stalker-cop.3dn.ru/" target="_blank" alt="S.T.A.L.K.E.R.: Зов Припяти"><center><img src="http://stalker-cop.3dn.ru/banners/BANNER.gif" alt="S.T.A.L.K.E.R.: Зов Припяти" title="S.T.A.L.K.E.R.: Зов Припяти" width=468 height=60 border=0></center></a></center> <td style="background-image: url('/img/p2.jpg');"></td> </tr> <tr><td width="70" height="70"><img src="/img/l2.jpg" border="0"></td><td style="background-image: url('/img/n2.jpg');"></td><td width="70" height="70"><img src="/img/p3.jpg" border="0"></td></tr> </table> <br> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="70" height="70"><img src="/img/l.jpg" border="0"></td><td align="center" valign="top" style="background-image:url('/img/v.jpg'); color:#ff7800; padding-top: 30px; "></td> <td width="70" height="70"><img src="/img/p.jpg" border="0"></td></tr> <tr> <td style="background-image: url('/img/b.jpg');"></td> <td style="background-image: url('/img/n.jpg');"> <ul class="uz"> </ul><div align="center"> <span style="color: rgb(255, 137, 41);"></span><font color="#49bb25"> <center>[BODY]</center> <td style="background-image: url('/img/p2.jpg');"></td> </tr> <tr><td width="70" height="70"><img src="/img/l2.jpg" border="0"></td><td style="background-image: url('/img/n2.jpg');"></td><td width="70" height="70"><img src="/img/p3.jpg" border="0"></td></tr> </table> </table> </td> <td valign="top"> </tr> </table> <!-- /Body --> <!-- Footer --> <div style="text-align:center;padding:5px 10px 5px 10px;"> <p align="center"><table border="0" cellpadding="0" height="30" cellspacing="0" width="100%" style="background:url('/img/nizc.jpg') #000000;"> <tr><td><img src="/img/niz1.jpg" border="0"></td><td align="center" style="color:#cccccc;">Design by Memories ICQ: 8868673 © 2009<br><br>$POWERED_BY$<td align="right"><img src="/img/niz2.jpg" border="0"></td></tr> </table> <!-- /Footer --> <tr> </tr> </table> </p> </div> </body> </html> <!-- <popup> --> <table border="0" cellpadding="2" cellspacing="1" style="background:#585858;" width="100%"> <tr><td style="background:url('/img/poloska.png') no-repeat;height:38px;color:#FFFFFF;" align="center"><b>[TITLE]</b></td></tr> <tr><td align="center" style="background:#000000;padding:10px;">[BODY]</td></tr> </table> <!-- </popup> --> html.txt скрин1(справо) скрин2(слево)
HTML: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="background-image: url(http://ownzone.at.ua/img/s3.gif); background-position:left; height:300px;"> </td> <td style="background-image: url(http://ownzone.at.ua/img/s2.gif); background-position:left; height:300px;"> </td> </tr> </table> можно так, но я бы вырезал круглый знак и его прилепил бы к правому краю
