wyśrodkowanie na stronie
Napisane: 26 lutego 2009, o 19:09
Jeśli ktoś może pomóc to bardzo proszę:
Co trzeba zrobić, aby "ind1.jpg" z obrazkami był zawsze na środku strony - przy każdej rozdzielczości ?
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</head>
<style type="text/css">
<!--
BODY {
background-image: url("index_tlo_3.jpg");
background-repeat: repeat;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Download(Img)
{
n=new Image();
return n.src=Img;
}
Podmien();
function Podmien()
{
Adres=new Array("10.jpg", "20.jpg", "30.jpg", "40.jpg", "50.jpg");
for (i=0; i<Adres.length; i++) Adres[i]=Download(Adres[i]); }
function On(z) {document.images["A"+z+"A"].src=""+z+"0.jpg";}
function Off(z) {document.images["A"+z+"A"].src=""+z+".jpg";}
//-->
</SCRIPT>
<body>
<div id="ind1"><img src="ind1.jpg" height="585px" width="841px" align="middle" border="0" alt="">
<a href="duszpast.html" onMouseOver="On(1)" onMouseOut="Off(1)"><img src="1.jpg" style="position: absolute; left: 610px; top: 249px" name="A1A" width="241" height="34" border="0" alt=""></a>
<a href="aktual.html" onMouseOver="On(2)" onMouseOut="Off(2)"><img src="2.jpg" style="position: absolute; left: 610px; top: 283px" name="A2A" width="241" height="34" border="0" alt=""></a>
<a href="historia.html" onMouseOver="On(3)" onMouseOut="Off(3)"><img src="3.jpg" style="position: absolute; left: 610px; top: 317px" name="A3A" width="241" height="34" border="0" alt=""></a>
<a href="galeria.html" onMouseOver="On(4)" onMouseOut="Off(4)"><img src="4.jpg" style="position: absolute; left: 610px; top: 351px" name="A4A" width="241" height="34" border="0" alt=""></a>
<a href="linki.html" onMouseOver="On(5)" onMouseOut="Off(5)"><img src="5.jpg" style="position: absolute; left: 610px; top: 385px" name="A5A" width="241" height="34" border="0" alt=""></a>
</div>
</body>
</html>
Co trzeba zrobić, aby "ind1.jpg" z obrazkami był zawsze na środku strony - przy każdej rozdzielczości ?
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</head>
<style type="text/css">
<!--
BODY {
background-image: url("index_tlo_3.jpg");
background-repeat: repeat;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Download(Img)
{
n=new Image();
return n.src=Img;
}
Podmien();
function Podmien()
{
Adres=new Array("10.jpg", "20.jpg", "30.jpg", "40.jpg", "50.jpg");
for (i=0; i<Adres.length; i++) Adres[i]=Download(Adres[i]); }
function On(z) {document.images["A"+z+"A"].src=""+z+"0.jpg";}
function Off(z) {document.images["A"+z+"A"].src=""+z+".jpg";}
//-->
</SCRIPT>
<body>
<div id="ind1"><img src="ind1.jpg" height="585px" width="841px" align="middle" border="0" alt="">
<a href="duszpast.html" onMouseOver="On(1)" onMouseOut="Off(1)"><img src="1.jpg" style="position: absolute; left: 610px; top: 249px" name="A1A" width="241" height="34" border="0" alt=""></a>
<a href="aktual.html" onMouseOver="On(2)" onMouseOut="Off(2)"><img src="2.jpg" style="position: absolute; left: 610px; top: 283px" name="A2A" width="241" height="34" border="0" alt=""></a>
<a href="historia.html" onMouseOver="On(3)" onMouseOut="Off(3)"><img src="3.jpg" style="position: absolute; left: 610px; top: 317px" name="A3A" width="241" height="34" border="0" alt=""></a>
<a href="galeria.html" onMouseOver="On(4)" onMouseOut="Off(4)"><img src="4.jpg" style="position: absolute; left: 610px; top: 351px" name="A4A" width="241" height="34" border="0" alt=""></a>
<a href="linki.html" onMouseOver="On(5)" onMouseOut="Off(5)"><img src="5.jpg" style="position: absolute; left: 610px; top: 385px" name="A5A" width="241" height="34" border="0" alt=""></a>
</div>
</body>
</html>