Zaloguj się

oleyy · 09-04-2009, 14:57

Witam,

Mam taki kod moim pliku index.html:

Cytat:<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>index</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="#00000">




<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width', '750',
'height', '530',
'src', 'index',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'bottom',
'play', 'true',
'loop', 'true',
'scale', 'exactfit',
'wmode', 'window',
'devicefont', 'false',
'id', 'index',
'bgcolor', '#990000',
'name', 'index',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'index',
'salign', ''
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="750" height="530" id="index" align="bottom">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="index.swf" /><param name="quality" value="high" /><param name="scale" value="exactfit" /><param name="bgcolor" value="#990000" /> <embed src="index.swf" quality="high" scale="exactfit" bgcolor="#990000" width="750" height="530" name="index" align="bottom" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</body>
</html>

Jak zrobic, aby obiekt flash byl na srodku monitora? (od gory i od boku)
W kodzie wstawilem znak "center" ale to nie pomoglo.

**dziamber** · 09-04-2009, 15:17

Musisz stworzyc oddzielną klasę dla tego, i ustawic margines tak aby obiekt był na środku

oleyy · 09-04-2009, 15:29

klasę? tzn.?

**dziamber** · 09-04-2009, 16:38

Do pliku .css:

Kod:
#flash {

            margin-left: 50px;

            margin-top: 50px;

}

Do kodu strony:

Kod:
<div id="flash">

kod 

</div>

Za ewentualne błedy przepraszam, dawno nie uzywalem css i troche zapomnialem Smile

Oczywiscie musisz tak pozmieniac wartosci "margin-left" i "margin-top" aby element znalaz sie idealnie na srodku

**Labsta.com** · 09-04-2009, 17:07

Mam nadzieje, że to Ci pomoże:
Najpierw plik CSS(jest kilka opcji, ja preferuje ten sposób centrowania):

Kod:
body

{

height: 100%;

width: 100%;

}

#kontener

{

position: absolute;

top:50%; 

height:530px; 

width: 750px;

margin: 0px auto;

margin-top:-265px; /* połowa wysokości */

}

kod html:

Kod:
....

<body>

<div id="kontener">

twój kod flash

</div>

</body>

Sposób polega na tym, że jeśli masz nadaną szerokość rodzica (tutaj body) i kontenera to możesz użyć margin: 0px auto czyli centrowania poziomego(lewo-prawo).
Centyrowanie w pionie to pozycja absolutna (względem body) w odległości 50% wysokości body od góry. Jednak to oznacza, że górna krawędź kontenera jest w połowie body. Dlatego dajemy ujemny margines o wartości połowy kontenera i mamy środek.

Wydaje się to może ciut zagmatwane, ale w sumie jest dość proste, gdy połapiesz się w metodzie.

Mam nadzieje, że nie ma błędów bo pisze z "ręki". Jakby co to daj znać.

96th · 10-04-2009, 02:34

Aby chłopak się nauczył, to zaprezentuje jeszcze jedno rozwiązanie (mam nadzieje że nie zostanie uznane to za spam).

Do arkuszu stylu wstaw to:

Kod:
#flash {

margin-top:50%;

margin-bottom:50%;

margin-left:50%;

margin-right:50%;

}

I tam gdzie chcesz skrypt:

Kod:
<div id="flash">

Kod Flash

</div>

Nie jestem pewien czy to działa, ale powinno.

***Marcin*** · 10-04-2009, 03:44

To jest złe rozwiązanie. Bo w takim razie nie pozostawiasz ani jednego procenta na zawartość Wink

. Ja stosuje takie rozwiązanie:

CSS:

Kod:
#vertical{

    position:absolute;

    top:50%;

    margin-top: -140px; /* polowa wysokosci na minusie */

    left:0;

    width:100%;

}

#horizontal {

    width:600px;/* szerokosc*/

    margin-left:auto;

    margin-right:auto;

    height: 285px;

}

I teraz w HTMLu

Kod:
<div id="vertical"> 

  <div id="horizontal">

       tutaj flash czy cokolwiek innego

  </div>

</div>

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie