Strona 1 z 1

wyśrodkowanie na stronie

PostNapisane: 26 lutego 2009, o 19:09
przez ugjod
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>

PostNapisane: 26 lutego 2009, o 21:44
przez marus6
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.

PostNapisane: 27 lutego 2009, o 07:58
przez ugjod
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

PostNapisane: 27 lutego 2009, o 09:08
przez marus6
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

PostNapisane: 27 lutego 2009, o 22:50
przez ugjod
Dzięki za odpowiedź i "szczere chęci" jednak to jest forum dla "bardzo początkujących" :shock: :o i nie bardzo wiem gdzie i co włożyć.
Jeśli to możliwe ... to proszę jaśniej - najlepiej poprawki w kodzie.

PostNapisane: 28 lutego 2009, o 23:40
przez marus6

PostNapisane: 1 marca 2009, o 12:52
przez ugjod

PostNapisane: 1 marca 2009, o 17:57
przez marus6