Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Jak wstawic w srodek obiekt Flash - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Jak wstawic w srodek obiekt Flash (/thread-jak-wstawic-w-srodek-obiekt-flash)



Jak wstawic w srodek obiekt Flash - oleyy - 09-04-2009

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">
<!--url's used in the movie-->
<!--text used in the movie-->
<!--
Loading
-->
<!-- saved from url=(0013)about:internet -->
<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.


RE: Jak wstawic w srodek obiekt Flash - dziamber - 09-04-2009

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


RE: Jak wstawic w srodek obiekt Flash - oleyy - 09-04-2009

klasę? tzn.?


RE: Jak wstawic w srodek obiekt Flash - dziamber - 09-04-2009

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


RE: Jak wstawic w srodek obiekt Flash - Labsta.com - 09-04-2009

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ć.


RE: Jak wstawic w srodek obiekt Flash - 96th - 10-04-2009

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.


RE: Jak wstawic w srodek obiekt Flash - Marcin - 10-04-2009

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>