Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Centrowanie grafiki
cent4
post
Post #1





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----


Obojętnie jaka jest rozdzielczość ekranu - jak dodaję grafikę ma być ona wycentrowana - nawet jak jest za szeroka w stosunku do storny:
  1. background:transparent url("images/naglowek2.png") no-repeat scroll center top;


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:
  1. <div class="naglowek">
  2. <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">
  3. <param name="movie" value="images/animacja2.swf">
  4. <param name="wmode" value="transparent" />
  5. <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>
  6. </object>
  7. </div>


CSS:
  1. .naglowek{
  2. min-width:1020px;
  3. height:464px;
  4. margin:0px;
  5. padding:0px;
  6. text-align: center;
  7. position: relative;
  8. /*
  9. background:transparent url("images/naglowek1.jpg") no-repeat scroll center top;
  10. */
  11. }
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
Damonsson
post
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
cent4
post
Post #3





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----


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.
Go to the top of the page
+Quote Post
Damonsson
post
Post #4





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


Pokaż online.
Go to the top of the page
+Quote Post
cent4
post
Post #5





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----


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ę...
Go to the top of the page
+Quote Post
Sebastian003
post
Post #6





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

Ostrzeżenie: (0%)
-----


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

Kod
<div id="center"
<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></div>
Go to the top of the page
+Quote Post
cent4
post
Post #7





Grupa: Zarejestrowani
Postów: 415
Pomógł: 0
Dołączył: 24.12.2008

Ostrzeżenie: (10%)
X----


Niestety nie działa, ale zrobiłem to inaczej - w css'ie na warstwach - wszystko zrobiłem osobno i jest ok.
Potestuję to jeszcze.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 18:38