wyśrodkowanie na stronie
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>
26 lutego 2009, o 21:44
znacznik img jest obrazkiem w pozycji inline: możesz go wycentrować dając w div text-align: center;
jest jeszcze jedna metoda:
ustawić obrazek jako element blokowy: style="display: block" i marginesy na:
margin: 0 auto 0 auto.
jest jeszcze jedna metoda:
ustawić obrazek jako element blokowy: style="display: block" i marginesy na:
margin: 0 auto 0 auto.
27 lutego 2009, o 07:58
Mała poprawka:
Chciałem aby "ind1" był zawsze na środku ekranu, a obrazki 1, 2, 3, 4, 5 - były zawsze w tej samej pozycji w stosunku do obrazka ind1.jpg
Chciałem aby "ind1" był zawsze na środku ekranu, a obrazki 1, 2, 3, 4, 5 - były zawsze w tej samej pozycji w stosunku do obrazka ind1.jpg
27 lutego 2009, o 09:08
div jest elementem blokowym, więc środkujesz go za pomocą margin: 0 auto 0 auto.
Jeżeli div ma stałą szerokość to ustaw sobie zdjęcia marginesami, bądź:
position: relative; top x px; bottom: x px; left: x px; right: x px;
gdzie x jest wartością od pozycji spoczynkowej elementu
Pozdrawiam
Jeżeli div ma stałą szerokość to ustaw sobie zdjęcia marginesami, bądź:
position: relative; top x px; bottom: x px; left: x px; right: x px;
gdzie x jest wartością od pozycji spoczynkowej elementu
Pozdrawiam
27 lutego 2009, o 22:50
Dzięki za odpowiedź i "szczere chęci" jednak to jest forum dla "bardzo początkujących" 
i nie bardzo wiem gdzie i co włożyć.
Jeśli to możliwe ... to proszę jaśniej - najlepiej poprawki w kodzie.
i nie bardzo wiem gdzie i co włożyć.
Jeśli to możliwe ... to proszę jaśniej - najlepiej poprawki w kodzie.
28 lutego 2009, o 23:40
1 marca 2009, o 12:52
1 marca 2009, o 17:57