Forum PHP.pl > [HTML][CSS]Centrowanie grafiki

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Centrowanie grafiki

cent4

14.11.2011, 15:32:02

Obojętnie jaka jest rozdzielczość ekranu - jak dodaję grafikę ma być ona wycentrowana - nawet jak jest za szeroka w stosunku do storny:

[HTML] pobierz, plaintext 
background:transparent url("images/naglowek2.png") no-repeat scroll center top;
[HTML] pobierz, plaintext

Mój problem: zamiast grafiki chcę dać tam wycentrowaną animację flash - ale justuje mi się do lewej strony a nie centruje się - jak to zrobić:

HTML:

[HTML] pobierz, plaintext 
<div class="naglowek">
        <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="1909" height="466">
        	<param name="movie" value="images/animacja2.swf">
        	<param name="wmode" value="transparent" />
        	<embed src="images/animacja2.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer";; type="application/x-shockwave-flash" width="1909" height="466"></embed>
        </object>
    </div>
[HTML] pobierz, plaintext

CSS:

[HTML] pobierz, plaintext 
.naglowek{
    min-width:1020px;
    height:464px;
    margin:0px;
    padding:0px;
    text-align: center;
    position: relative;
    /*
    background:transparent url("images/naglowek1.jpg") no-repeat scroll center top;
    */
}
[HTML] pobierz, plaintext

Damonsson

14.11.2011, 15:40:11

No przecież, jeżeli dasz tak to ta animacja będzie wycentrowana. A jeśli jest za szeroka, to logiczne, że będzie do lewej, ale też i do prawej, wypełni 100% szerokości.

cent4

14.11.2011, 17:40:08

ale jak grafika jest szersza niż ekran to widać jej środkową część i tak samo chcę żeby było z animacją flash...
czyli ma być ona wycentrowana ale ma być widoczna jej środkowa część w przypadku małego ekranu...
a tak nie działa - tylko ładuje się ona od lewej strony ekranu.

Damonsson

14.11.2011, 18:26:42

Pokaż online.

cent4

15.11.2011, 07:33:26

animacja się centruje ale jak zmienia się CTRL+rolka wielkość ekranu w przeglądarce i ekran robi się mały wtedy animacja ładuje się od lewej.
Nie mam możliwości wystawić tego online na tę chwilę...

Sebastian003

15.11.2011, 09:37:38

Kod

#center {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 1909px;
}

Kod

cent4

15.11.2011, 10:29:16

Niestety nie działa, ale zrobiłem to inaczej - w css'ie na warstwach - wszystko zrobiłem osobno i jest ok.
Potestuję to jeszcze.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.