hallo mede forum gebruikers :)

ik heb met flash titels gemaakt (in voorbeeld "home") dat heb ik omdat je dan je eigen lettertypes kan gebruiken maar nu is hij wordt hij niet goed weergeven in chrome en safari.

in chrome lijkt de tekst niet mooi:


en in safari werkt de achtergrond niet goed:


dit is de site waar het over gaat:
http://81.206.236.77/thecornerstone/index.htm
Als je de www weglaat, ga je naar de site van een voetbalploeg. Ook van jou neem ik aan? Ik zou dit naar een ander domein halen, aangezien veel mensen die 3 w's weglaten ;)
Lekker handig als je server dan offline staat.
maar jullie weten zeker niet hoer ik dit kan oplossen?
Gebruik dan te minste iets wat al werkt, zoals sifr (of afgeleide / variant).
Niet dat eigen gepruts.
Voor de mensen die de code willen zien:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
	<title>Style test</title>
    <style type="text/css">
		body {
			background-image:url("img/bg.jpg");
			background-repeat:no-repeat;
			background-position:50% 15%;
			background-color:#3D1403;
		}
		#header {
			background-image:url("img/header.png");
			height:147px;
			width:697px;
			position:relative;
			margin:0 auto;
			margin-top:-10px;
		}
		#menu {
			width:710px;
			height:66px;
			position:relative;
			margin:0 auto;
			margin-top:-15px;
			z-index:5;
			text-align:center;
		}
		#content {
			border:solid #361400 2px;
			z-index:2;
			width:690px;
			height:auto;
			min-height:500px;
			position:relative;
			margin:0 auto;
			margin-top:-20px;
			background-color:#491c00;
				/* for IE */
  			filter:alpha(opacity=75);
  				/* CSS3 standard */
  			opacity:0.75;
		}
		#footer {
			position: absolute; 
			bottom: 10px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:9px;
			text-align:center;
			text-shadow:#000;
			color:#FFF;
			bottom:0;
			height:15px;
			width:100%;
			background-color:#666;
				/* for IE */
  			filter:alpha(opacity=25);
  				/* CSS3 standard */
  			opacity:0.25;
		}
		p {
			margin-left:10px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}
		p.image {
			margin-top:54px;
			margin-left:60px;
		}
		#frame {
			background-image:url("img/frame.png");
			width:311px;
			height:260px;
			float:right;
			margin-top:25px;
			margin-right:10px;
		}
	</style>
</head>
<body>
	<div id="header">
    </div>
    <div id="menu">
    	<a href="index.htm" alt="Home"><img src="img/home.png" alt="Home" border="0" style="opacity:1;filter:alpha(opacity=100)"
			onmouseover="this.style.opacity=0.75;this.filters.alpha.opacity=75"
			onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/></a>
        <a href="index.htm" alt="Foto's"><img src="img/fotos.png" alt="Foto's"  border="0" style="opacity:1;filter:alpha(opacity=100)"
			onmouseover="this.style.opacity=0.75;this.filters.alpha.opacity=75"
			onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/></a>
        <a href="index.htm" alt="Informatie"><img src="img/info.png" alt="Informatie"  border="0" style="opacity:1;filter:alpha(opacity=100)"
			onmouseover="this.style.opacity=0.75;this.filters.alpha.opacity=75"
			onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/></a>
        <a href="index.htm" alt="Contact"><img src="img/contact.png" alt="Contact"  border="0" style="opacity:1;filter:alpha(opacity=100)"
			onmouseover="this.style.opacity=0.75;this.filters.alpha.opacity=75"
			onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/></a>
        <a href="index.htm" alt="Game Corner"><img src="img/gamecorner.png" alt="Game Corner"  border="0" style="opacity:1;filter:alpha(opacity=100)"
			onmouseover="this.style.opacity=0.75;this.filters.alpha.opacity=75"
			onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/></a>
        <a href="index.htm" alt="Gastenboek"><img src="img/blaathoek.png" alt="Gastenboek"  border="0" style="opacity:1;filter:alpha(opacity=100)"
			onmouseover="this.style.opacity=0.75;this.filters.alpha.opacity=75"
			onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/></a>
        <a href="index.htm" alt="Links"><img src="img/links.png" alt="Links"  border="0" style="opacity:1;filter:alpha(opacity=100)"
			onmouseover="this.style.opacity=0.75;this.filters.alpha.opacity=75"
			onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/></a>
    </div>
    <div id="content">
        <div id="frame">
        	<p class="image">
        		<img src="http://www.thenextcorner.com/WindowsLiveWriter/Southpark-character.jpg" width="193" height="133" alt="Pic of the Week" border="1" />
            </p>
        </div>
    	<p>
        	<br />
        	<br />
 		   		<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="250" HEIGHT="50">

					<PARAM NAME=movie VALUE="titel.swf"> 
					<PARAM NAME=FlashVars VALUE="titel=Home">
					<PARAM NAME=quality VALUE=high> 
            		<param name="wmode" value="transparent">

					<EMBED src="titel.swf" quality=high bgcolor=#FFFFFF  WIDTH="250" HEIGHT="50" TYPE="application/x-shockwave-flash" 				
        			PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" FlashVars="titel=Home" wmode="transparent">
					</EMBED>

				</OBJECT>
        	<br />
       		bla bla bla bla bla bla bla bla bla bla bla bla bla bla <br />
        	bla bla bla bla bla bla bla bla bla bla bla bla bla bla <br />
        	bla bla bla bla bla bla bla bla bla bla bla bla bla bla <br />
        	bla bla bla bla bla bla bla bla bla bla bla bla bla bla <br />
        	bla bla bla bla bla bla bla bla bla bla bla bla bla bla <br />
        </p>
        <div id="footer">
        	&copy; The Cornerstone 2007-2010 - Vincent Huisman
        </div>
    </div>
</body>
</html>

En dat inline css / javscript gedoe is ook niet erg goed.
Je kunt het met het javascript object SWFObject doen. Die is speciaal gemaakt voor cross-browser compatability.

.. ik zie geen speciaal font in title.swf.
:p ja ik weet dat ik mijn css niet inline moet doen maar dit is ook nog maar een test pagina

en dedankt voor de link, ik zal me er in verdiepen

Reageren