wyśrodkowanie tła

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
sebur
Posty: 8
Rejestracja: wt lut 27, 2007 4:22 pm

wyśrodkowanie tła

Post autor: sebur »

co zrobić żeby , żeby tabela( w której jest zapisany obrazek-tło) była naśrodku stronyw sensie pionowym,bo poziomo już wiem
sebur
Posty: 8
Rejestracja: wt lut 27, 2007 4:22 pm

Re: wyśrodkowanie tła

Post autor: sebur »

hmmmm.....czyżby nikt nie wiedział jak to zrobić?
koziolek
Przelotem
Przelotem
Posty: 387
Rejestracja: sob paź 21, 2006 10:07 pm
Kontakt:

Re: wyśrodkowanie tła

Post autor: koziolek »

pion w css:

Kod: Zaznacz cały

/* X - wysokość elementu */

element{
   height: Xpx;
   position: absolute;
   top: 50%;
   margin-top: -X/2px;
}
sebur
Posty: 8
Rejestracja: wt lut 27, 2007 4:22 pm

Re: wyśrodkowanie tła

Post autor: sebur »

czyli w przypadku gdy tabela ma wymiary 790px x 490px (w niej tło o tych samych wymiarach) to bedzie to

/* X - 790px */

table{
height: 790px;
position: absolute;
top: 50%;
margin-top: -790/2px;
}

???
Hawk
Przelotem
Przelotem
Posty: 209
Rejestracja: ndz gru 22, 2002 9:34 pm

Re: wyśrodkowanie tła

Post autor: Hawk »

Prędzej:

Kod: Zaznacz cały

table {
  height: 490px;
  position: absolute;
  top: 50%;
  margin-top: -245px;
} 
sebur
Posty: 8
Rejestracja: wt lut 27, 2007 4:22 pm

Re: wyśrodkowanie tła

Post autor: sebur »

dzieki wielkie....i jeszcze takie pytanko...w które miejsce kodu to wkleić?
Hawk
Przelotem
Przelotem
Posty: 209
Rejestracja: ndz gru 22, 2002 9:34 pm

Re: wyśrodkowanie tła

Post autor: Hawk »

Do arkusza stylów - jeśli nie wiesz co to jest, poszukaj na googlach.
sebur
Posty: 8
Rejestracja: wt lut 27, 2007 4:22 pm

Re: wyśrodkowanie tła

Post autor: sebur »

Kod: Zaznacz cały

<html>
<head>
  <meta content="text/html; charset=ISO-8859-2"
 http-equiv="content-type">
  <title>moje www</title>
#srodek { height: 490px; position: absolute; top: 50%; margin-top:
-245px; }
</head>
<body>
<center>
<div style="text-align: center;"></div>
<table id="srodek"
 style="width: 760px; height: 490px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="1" cellspacing="1">
  <tbody>
    <tr>
      <td style="width: 760px; text-align: center; height: 490px;"
 background="layout/layout_1%20kopia.jpg"></td>
    </tr>
  </tbody>
</table>
</center>
<br>
</body>
</html>

możecie podpowiedzieć co tu jest żle?
bo chyba niekoniecznie trzeba tworzyć arkusz stylów w takim przypadku
123456
Zaczyna działać
Zaczyna działać
Posty: 514
Rejestracja: sob paź 28, 2006 1:19 pm

...

Post autor: 123456 »

Kod: Zaznacz cały

<style type="text/css">
/* <![CDATA[ */

/* ]]> */
</style>
sebur
Posty: 8
Rejestracja: wt lut 27, 2007 4:22 pm

Re: wyśrodkowanie tła

Post autor: sebur »

dzieki wielkie ,juz czaje.....
ODPOWIEDZ