Модератор: [mweb team]
P.grn {background:url(../img/romb-grn.gif)
no-repeat 0px 2px;
text-indent:20px;
text-align:justify;
margin:0px}
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Before</title>
<style>
p.grn {
background:url(../img/romb-grn.gif) no-repeat 0px 2px;
text-indent:20px;
text-align:justify;
margin:0px
behavior: url('a.htc');
}
P.grn:before, p.grn span.ie {
color:#000;
font-weight: bold;
font-family: Times, serif;
font-size:16px;
content: "A. ";
}
</style>
</head>
<body>
<p class="grn">Это наш ответ Чемберлену.</p>
</body>
</html>
<public:attach event="oncontentready" onevent="before();" />
<script language="JavaScript" type="text/javascript"><!--
function before() {
element.innerHTML = "<span class='ie'>A.</span> " + element.innerHTML;
}
--></script>
margin:0px;
<p class="qst">Можно ли включать приставку без ламп подсветки?</p>
<strong class="qst">Можно ли включать приставку без ламп подсветки?</strong>
strong.qst {background:url(../img/romb-red.gif) no-repeat 0px 2px;
text-indent:20px; text-align:justify; margin:0px;
font-weight:bold; behavior: url('q-a.htc')}
strong.qst:before, strong.qst span.ie {color:#000; font-weight:bold;
font-family:Times, serif; font-size:16px; content:"Q. ";}
<p class="qst"><strong>Можно ли включать приставку без ламп подсветки?</strong></p>
<strong><p class="qst">Можно ли включать приставку без ламп подсветки?</p></strong>
<ABBR>
<td width="9" class="gif01"><img src="img/04.gif" alt="" width="9" height="10"></td>
TD.gif01 {background:url(../img/01.gif); vertical-align:top}
<td width="9" class="gif01"><img src="img/04.gif" alt="" width="9" height="10"></td>
<td class="gif01"> </td>
td.gif01:before, td.gif01 {
width:9px;
content: url("img/04.gif");
behavior: url('shadow.htc')
}
element.innerHTML = '<img src="img/04.gif" alt="" width="9" height="10">';
td.tst {width:9px; background:url(../img/01.gif); vertical-align:top}
td.tst, td.tst:before {content:url(../img/04.gif); behavior:url('shadow.htc')}
element.innerHTML = '<img src="../img/04.gif" alt="" width="9" height="10">';
<table class="main" align="center" style="background-image:url(support/fon.gif)">
<tbody>
<tr>
<td><script language="JavaScript">create_menu(0)</script></td>
<td class="tst"> </td>
</tr>
<tr>
<td height="9" class="gif02"><img src="img/05.gif" alt="" width="10" height="9"></td>
<td><img src="img/03.gif" alt="" width="9" height="9"></td>
</tr>
<tr>
<td class="padd10"><p class="title">Вопросы и ответы.</p>
<p class="grn">В данном разделе опубликованы ответы на различные вопросы, приходящие к нам по электронной почте, ICQ или по телефону. </p></td>
<td class="tst"> </td>
</tr>
<tr>
<td height="9" class="gif02"><img src="img/05.gif" alt="" width="10" height="9"></td>
<td><img src="img/03.gif" alt="" width="9" height="9"></td>
</tr>
<public:attach event="oncontentready" onevent="shadow();" />
<script language="JavaScript" type="text/javascript"><!--
function shadow() {
element.innerHTML = '<img src="../img/04.gif" alt="" width="9" height="10">';
}
--></script>
<img src="/img/04.gif" alt="" width="9" height="10">
<!--
function showPic(pic){
// проверяем не показывается ли в данный момент
// какая-нибудь большая кортинка и если да - уничтожаем ее
if(document.getElementById("picture")){document.body.removeChild(document.getElementById("picture"));}
// создаем див и вставляем в него нашу кортинко
var ppic = top.document.createElement("div");
ppic.setAttribute("id","picture");
ppic.style.position = "absolute";
ppic.style.zIndex = "2";
ppic.style.top = 0 + "px";
ppic.style.left = 0 + "px";
ppic.style.color = "#000";
ppic.style.backgroundColor = "#e0dfe3";
ppic.style.backgroundImage = "url(анимационная картинка.gif)";
ppic.style.backgroundPosition = "center";
ppic.style.border = "2px outset #fff";
ppic.style.padding = "10px 10px 10px 10px";
ppic.innerHTML = "<img src='" + pic + "' title='скрыть' alt='' style='cursor:pointer' onload='setTimeout(\"findCenter()\",100)'>";
top.document.body.appendChild(ppic);
ppic.onclick = function(){top.document.body.removeChild(this)};
}
function findCenter(){
var ppic = top.document.getElementById("picture");
ppic.style.left = parseInt(document.body.clientWidth/2 - ppic.offsetWidth/2)+ "px";
ppic.style.top = parseInt(document.body.clientHeight/2 - ppic.offsetHeight/2) + document.body.scrollTop + "px";
}
//-->
<!--
function showPic(pic){
// проверяем не показывается ли в данный момент
// какая-нибудь большая кортинка и если да - уничтожаем ее
if(document.getElementById("picture")){document.body.removeChild(document.getElementById("picture"));}
// создаем див и вставляем в него нашу кортинко
var ppic = top.document.createElement("div");
ppic.setAttribute("id","picture");
ppic.style.position = "absolute";
ppic.style.zIndex = "2";
ppic.style.top = 0 + "px";
ppic.style.left = 0 + "px";
ppic.style.color = "#000";
ppic.style.backgroundColor = "#e0dfe3";
ppic.style.backgroundImage = "url(анимационная картинка.gif)";
ppic.style.backgroundPosition = "center";
ppic.style.backgroundRepeat = "no-repeat";
ppic.style.border = "2px outset #fff";
ppic.style.padding = "10px 10px 10px 10px";
ppic.innerHTML = "<img src='" + pic + "' title='скрыть' alt='' style='cursor:pointer' onload='setTimeout(\"findCenter()\",100)'>";
top.document.body.appendChild(ppic);
ppic.onclick = function(){top.document.body.removeChild(this)};
}
function findCenter(){
var ppic = top.document.getElementById("picture");
ppic.style.left = parseInt(document.body.clientWidth/2 - ppic.offsetWidth/2)+ "px";
ppic.style.top = parseInt(document.body.clientHeight/2 - ppic.offsetHeight/2) + document.body.scrollTop + "px";
}
//-->
<!--
function showPic(pic, x , y){
// проверяем не показывается ли в данный момент
// какая-нибудь большая кортинка и если да - уничтожаем ее
if(document.getElementById("picture")){document.body.removeChild(document.getElementById("picture"));}
// создаем див и вставляем в него нашу кортинко
var ppic = top.document.createElement("div");
ppic.setAttribute("id","picture");
ppic.style.position = "absolute";
ppic.style.zIndex = "2";
ppic.style.width = x + 20 + "px";
ppic.style.height = y + 20 + "px";
ppic.style.left = parseInt(document.body.clientWidth/2 - (x + 20)/2) + "px";
ppic.style.top = parseInt(document.body.clientHeight/2 - (y + 20)/2) + document.body.scrollTop + "px";
ppic.style.color = "#000";
ppic.style.backgroundColor = "#e0dfe3";
ppic.style.backgroundImage = "url(loading.gif)";
ppic.style.backgroundPosition = "center";
ppic.style.backgroundRepeat = "no-repeat";
ppic.style.border = "2px outset #fff";
ppic.style.padding = "10px 10px 10px 10px";
top.document.body.appendChild(ppic);
ppic.onclick = function(){top.document.body.removeChild(this)};
ppic.innerHTML = "<img src='" + pic + "' title='скрыть' alt='' style='cursor:pointer' width=" + x + " height=" + y + ">";
}
//-->
<?PHP
$imsize=getimagesize($_SERVER['DOCUMENT_ROOT']."/kontakt/cyti/tumen.jpg");
?>
<a href="#null" class="menu2" onclick="showPic('kontakt/cyti/tumen.jpg', <?PHP echo $imsize[0].", ".$imsize[1] ?>)">г. Тюмень, пос. Матмасы</a>
- уж лучше на странице при необходимости размер картинки вручную прописать, чтоб она сразу в центре выскакивала, чем весь сайт на php переделывать ..."Если лень вписывать в вызов функции размеры большой картинки вручную, можно функцией РНР их определять автоматом."
Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 20