ты видишь у тебя картинка разрешения какого?
- Код: Выделить всё
width="250" height="187"
а большая где?
Модератор: [mweb team]
width="250" height="187"
<td><a href="#null" onClick="showPic('Barahlo/L-music-big.jpg')" title="Увеличить изображение"><img src="Barahlo/L-music-small.jpg" alt="" width="250" height="187" border="0"></a></td>
<script language="javascript" type="text/javascript" src="Images/menu-img.js"></script>
function showPic(pic){
if(!document.getElementById("picture")){
if(linkTop > parseInt(document.body.clientHeight*0.8)){linkTop = linkTop - 200;}
var ppic = top.document.createElement("div");
ppic.setAttribute("id","picture");
ppic.style.position = "absolute";
ppic.style.top = linkTop + "px";
ppic.style.left = linkLeft + "px";
ppic.style.color = "#000";
ppic.style.backgroundColor = "e0dfe3";
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)};
if(ppic.offsetHeight > parseInt(top.document.body.clientHeight*0.98)){
ppic.style.width = ppic.firstChild.width + 42 + "px";
ppic.style.height = parseInt(top.document.body.clientHeight*0.98) + "px";
ppic.style.overflow = "auto";
}
}
else{window.alert("Закройте текущее изображение!");return;}
}
<script language="javascript" type="text/javascript" src="Images/menu-img.js"></script>
<script language="javascript" type="text/javascript" src="musor/bereza.js"></script>
function findCenter(){
var ppic = top.document.getElementById("picture");
ppic.style.left = parseInt(top.document.body.clientWidth*0.5) - ppic.offsetWidth/2 + "px";
var picT = ppic.style.top.substring(0, ppic.style.top.length - 2);
}
.main_link {
padding-left: 20px;
background: url('http://ett-m.ru/akula/Images/Romb-G.gif') left no-repeat;
font: bold 12px Arial;
text-decoration: underline;
color: navy;
}
.main_link:hover {
padding-left: 20px;
background: url('http://ett-m.ru/akula/Images/Romb-R.gif') left no-repeat;
font: bold 12px Arial;
text-decoration: none;
color: red;
}
<script language='JavaScript' type='text/javascript'>
var x = 0;
var y = 0;
var open = 0;
function openBig2(obj, img) {
if (self.innerHeight) {
x = self.innerWidth;
y = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) {
x = document.documentElement.clientWidth;
y = document.documentElement.clientHeight;
} else if (document.body) {
x = document.body.clientWidth;
y = document.body.clientHeight;
}
if (open == 0) {
obj.style.display = '';
obj.innerHTML = '<img src="http:/'+'/ett-m.ru/akula/Images/'+img+'">';
obj.style.top = y/2 - 240 + document.body.scrollTop + 'px';
obj.style.left = x/2 - 320 + document.body.scrollLeft + 'px';
open = 1;
}
}
function closeBig2(obj) {
obj.style.display = 'none';
open = 0;
}
</script>
@charset "windows-1251";
<div style="text-align:center">
<img style= "margin-left: -9px; width: 990px; height: 1px;" alt="" src="images/line2.gif"><br>
<a class="menu" href="index.html">Главная</a>
<a class="menu" href="raduga.html">Радуга</a>
<span class="menu">Комплект</span>
<a class="menu" href="biss-49-1.html">БИСС-49</a>
<a class="menu" href="barahlo.html">Барахолка</a>
<a class="menu" href="kontakt.html">Контакты</a>
<a class="menu" href="price.html">Прайс</a>
<img style="margin-left: -9px; width: 990px; height: 1px;" alt="" src="images/line2.gif"> </div>
a.menu {color: #483D8D; font: 15px Arial; font-weight:bold; text-decoration:none;
background: url('../images/romb-grn.gif') left center no-repeat; padding-left: 20px}
a.menu:hover {color: #DF0000; font: 15px Arial; font-weight:bold; /* Наведение мышки */
background: url('../images/romb-red.gif') left center no-repeat; padding-left: 20px}
.menu {color: #C8C8C8; font: 15px Arial; font-weight:bold; /* Серый пункт */
background: url('../images/romb-gry.gif') left center no-repeat; padding-left: 20px}
* {
padding: 0px;
margin: 0px;
}
<div>
картинка линии
</div>
<div>меню</div>
<div>
картинка линии
</div>
<div style="text-align:center"> <img style= "margin-left: -9px; width: 990px; height: 1px;" alt="" src="images/line2.gif"></div>
<div style="text-align:center"> <a class="menu" href="index.html">Главная</a>
<a class="menu" href="raduga.html">Радуга</a>
<span class="menu">Комплект</span>
<a class="menu" href="biss-49-1.html">БИСС-49</a>
<a class="menu" href="barahlo.html">Барахолка</a>
<a class="menu" href="kontakt.html">Контакты</a>
<a class="menu" href="price.html">Прайс</a> </div>
<div style="text-align:center"> <img style="margin-left: -9px; width: 990px; height: 1px;" alt="" src="images/line2.gif"> </div>
<div style="text-align:center"> <img style="margin-left: -9px; width: 990px; height: 1px;" alt="" src="images/line2.gif"> </div>
<div style="margin: 0px; padding: 0px; width: 990px; background: url('http://priam.spaceweb.ru/~colormusic/images/line2.gif') left bottom repeat-x; line-height: 1px; text-align: center;">
<img style="margin: 0px; padding: 0px;" src="http://priam.spaceweb.ru/~colormusic/images/line2.gif" width="990" height="1" border="0" alt=""><br>
<a style="color: #483D8D; font: bold 15px Arial; text-decoration: none; background: url('http://priam.spaceweb.ru/~colormusic/images/romb-grn.gif') left center no-repeat; padding-left: 20px;" href="">Ссылка</a>
<a style="color: #483D8D; font: bold 15px Arial; text-decoration: none; background: url('http://priam.spaceweb.ru/~colormusic/images/romb-grn.gif') left center no-repeat; padding-left: 20px;" href="">Ссылка</a>
<a style="color: #483D8D; font: bold 15px Arial; text-decoration: none; background: url('http://priam.spaceweb.ru/~colormusic/images/romb-grn.gif') left center no-repeat; padding-left: 20px;" href="">Ссылка</a>
<a style="color: #483D8D; font: bold 15px Arial; text-decoration: none; background: url('http://priam.spaceweb.ru/~colormusic/images/romb-grn.gif') left center no-repeat; padding-left: 20px;" href="">Ссылка</a>
<a style="color: #483D8D; font: bold 15px Arial; text-decoration: none; background: url('http://priam.spaceweb.ru/~colormusic/images/romb-grn.gif') left center no-repeat; padding-left: 20px;" href="">Ссылка</a>
<a style="olor: #483D8D; font: bold 15px Arial; text-decoration: none; background: url('http://priam.spaceweb.ru/~colormusic/images/romb-grn.gif') left center no-repeat; padding-left: 20px;" href="">Ссылка</a>
</div>
<div style="text-align:center"> - зачем text-align:center?
<div style="text-align:center">
Верхняя линия
Меню Меню Меню Меню Меню
Нижняя линия
</div>
margin-left: -9px; - это для чего?
width: 990px; height: 1px; - непонятно зачем указывать ширину и высоту картинки менно через css
Например нафига все обозначения модификаций запихивать в <th>?
.menuall {
margin: auto;
margin-left: 9px;
}
Для выравнивания в IE вдля тега body напиши в стиле text-align: center;
.menuall {
margin: auto;
margin-left: 9px;
}
<table width="990" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="990" height="1">картинка</td>
<td width="990" align="center">Ссылка Ссылка Ссылка</td>
<td width="990" height="1">картинка</td>
</tr>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 1000px" >
function showPic(pic){
if(!document.getElementById("picture")){
if(linkTop > parseInt(document.body.clientHeight*0.8)){linkTop = linkTop - 200;}
var ppic = top.document.createElement("div");
ppic.setAttribute("id","picture");
ppic.style.position = "absolute";
ppic.style.zindex = "2";
ppic.style.top = linkTop + "px";
ppic.style.left = linkLeft + "px";
ppic.style.color = "#000";
ppic.style.backgroundColor = "e0dfe3";
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)};
if(ppic.offsetHeight > parseInt(top.document.body.clientHeight*0.98)){
ppic.style.width = ppic.firstChild.width + 42 + "px";
ppic.style.height = parseInt(top.document.body.clientHeight*0.98) + "px";
ppic.style.overflow = "auto";
}
}
else{window.alert("Закройте текущее изображение!");return;}
}
function findCenter(){
var ppic = top.document.getElementById("picture");
ppic.style.left = parseInt(top.document.body.clientWidth*0.5) - ppic.offsetWidth/2 + "px";
var picT = ppic.style.top.substring(0, ppic.style.top.length - 2);
}
function findCenter(){
var ppic = top.document.getElementById("picture");
ppic.style.position = "absolute";
ppic.style.left = top.document.body.clientWidth/2 + "px";
ppic.style.top = top.document.body.clientHeight/2 + "px";
//var picT = ppic.style.top.substring(0, ppic.style.top.length - 2); - хз что за строка
}
Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 28