Nasze strony wykorzystują pliki cookies. Używamy cookies i podobnych m.in. w celach reklamowych i statystycznych oraz w celu dostosowania serwisów do potrzeb użytkowników. Mogą też stosować je nasi reklamodawcy, firmy badawcze oraz dostawcy aplikacji. W przeglądarce można zmienić ustawienia dotyczące cookies. Więcej informacji. Jeśli nie wyrażasz zgody, opuść tę stronę.

wyśrodkowanie na stronie

Jeśli jesteś bardzo początkujący i nie wiesz prawie nic na temat tworzenia stron czy też innej tematyki, a chciałbyś zadać pytanie, prosimy, zrób to na tym forum.

Moderator: Grupa pościgowa ;-)

wyśrodkowanie na stronie

Postprzez ugjod » 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>
ugjod
Zanim zapytam poszukam odpowiedzi
Zanim zapytam poszukam odpowiedzi
 
Posty: 4
Dołączył(a): 26 lutego 2009, o 18:53

Postprzez marus6 » 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.
marus6
Znawca tematu
Znawca tematu
 
Posty: 204
Dołączył(a): 27 stycznia 2005, o 23:24

Postprzez ugjod » 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
ugjod
Zanim zapytam poszukam odpowiedzi
Zanim zapytam poszukam odpowiedzi
 
Posty: 4
Dołączył(a): 26 lutego 2009, o 18:53

Postprzez marus6 » 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
marus6
Znawca tematu
Znawca tematu
 
Posty: 204
Dołączył(a): 27 stycznia 2005, o 23:24

Postprzez ugjod » 27 lutego 2009, o 22:50

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.
ugjod
Zanim zapytam poszukam odpowiedzi
Zanim zapytam poszukam odpowiedzi
 
Posty: 4
Dołączył(a): 26 lutego 2009, o 18:53

Postprzez marus6 » 28 lutego 2009, o 23:40

marus6
Znawca tematu
Znawca tematu
 
Posty: 204
Dołączył(a): 27 stycznia 2005, o 23:24

Postprzez ugjod » 1 marca 2009, o 12:52

ugjod
Zanim zapytam poszukam odpowiedzi
Zanim zapytam poszukam odpowiedzi
 
Posty: 4
Dołączył(a): 26 lutego 2009, o 18:53

Postprzez marus6 » 1 marca 2009, o 17:57

marus6
Znawca tematu
Znawca tematu
 
Posty: 204
Dołączył(a): 27 stycznia 2005, o 23:24


Powrót do Dla bardzo początkujących

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników

cron