login  Naam:   Wachtwoord: 
Registreer je!
 Forum

swf width:100% height:100% probleem. (Opgelost)

Offline lolll - 28/07/2010 14:08 (laatste wijziging 28/07/2010 14:14)
Avatar van lolllLid Hallo SiMa's,
Ik zou graag willen dat een swf'je (dat als navigatie dient), met elke resolutie, in elke browser, volledig de header div vult. Ik heb dat met volgende code geprobeerd :
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="header">
  2. 	<object type="application/x-shockwave-flash" data="afbeeldingen/DCBR_header.swf" width="100%" height="100%"> 
  3. 		<param name="movie" value="afbeeldingen/DCBR_header.swf" /> 
  4. 	</object>
  5. </div>

in mijn css staat dit:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .header{
  2. 	position:absolute;
  3. 	top:0;
  4. 	left:0;
  5. 	margin:0;
  6. 	padding:0;
  7. 	width:100%;
  8. 	height:18%;
  9. 	border:1px solid #F90;
  10. }

Op die manier( met procenten ) zou het beeld ongeveer altijd het zelfde moeten zijn. Maar als ik die pagina open krijg ik dit te zien (swf is nog niet af):
afbeelding
de swf wordt dus eigenlijk in het midden gecentreerd. hoe kan ik ervoor zorgen dat hij heel die header ruimte inneemt ?

Grt,Lolll

6 antwoorden

Gesponsorde links
Offline Martijn - 28/07/2010 14:25
Avatar van Martijn Crew PHP en wat als je er een img in zet ipv je object? Als dat hetzelfde doet, kun je makkeluijk met een img knutselen tot je er bent.

Het zou kunnen door de div die absolute heeft, in sommige gevallen wordt het gezien als 1x1px groot, waardoor dingen raar gaan doen
Offline lolll - 28/07/2010 14:39 (laatste wijziging 29/07/2010 10:38)
Avatar van lolll Lid zoiets bedoel je ?
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="header"> 
  2. 	<img type="application/x-shockwave-flash" data="afbeeldingen/DCBR_header.swf" width="100%" height="100%" />
  3. 	<param name="movie" value="afbeeldingen/DCBR_header.swf" />
  4. </div>

Dit werkt helaas niet, ik krijg niets te zien dan. En dat van die absolute snap ik niet goed.
Grt,Lolll

EDIT: iemand nog een ander idee ? Ik w8 nog tot vanavond op andere ideeën, dan ga ik is proberen, om die knop appart in een klein swfje te zetten, en met divjes de andere knoppen voor de navigatie uit te lijnen. Ik weet nog niet of dat zal helpen, maar ik vrees wel dat dat niet gemakkelijk zal worden, dus wou ik eerst nog eens weten of er iemand anders nog een oplossing heeft, Grt,Lolll
Offline Martijn - 29/07/2010 11:04
Avatar van Martijn Crew PHP als het je header is, kun je je header ook gewoon een position relative geven, met een float:left ipv je absolute/top/left

Mogelijk dat het dan wel werkt. En je hoeft niet op ons te wachten hoor, je mag ook wat anders proberen, en als dat werkt kun je het hier zetten
Offline lolll - 29/07/2010 11:27 (laatste wijziging 29/07/2010 12:51)
Avatar van lolll Lid ok, ik ga dat ff proberen, en als dat niet werkt zal ik mijn ander idee uitproberen.
EDIT:werkt nog altijd niet. Ik heb ook geprobeerd die header div weg te doen, en mijn object de class header te geven, maar dat geeft hetzelfde probleem. Ik zal dan nu maar beginnen puzzelen met divjes zeker ? 
Grt,Lolll

oef, eerste divje functioneert goed. Ik zal ff m'n code laten zien, zodat je is kan kijken wat ik bedoelde.
[html]
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="header">
  2. 	<div class="DCBR_button">
  3. 		<a href="http://www.google.be" target="_blank" style="cursor:default;">
  4. 		<img src="afbeeldingen/DCBR_button.png" width="100%" height="100%" border="0" id="DCBR_button" onmouseover="over();" onmouseout="out();" onmousedown="klikdown();" onmouseup="klikup();" />
  5. 		</a>
  6. 	</div>
  7. </div>

heb ook kleine js-code om button te laten werken :
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function over(){
  2. 	var Dcbr_button=document.getElementById('DCBR_button');
  3. 	Dcbr_button.src='afbeeldingen/DCBR_button_out.png';
  4. }
  5. function out(){
  6. 	var Dcbr_button=document.getElementById('DCBR_button');
  7. 	Dcbr_button.src='afbeeldingen/DCBR_button.png';
  8. }
  9. function klikdown(){
  10. 	var Dcbr_button=document.getElementById('DCBR_button');
  11. 	Dcbr_button.src='afbeeldingen/DCBR_button_in.png';
  12. }
  13. function klikup(){
  14. 	var Dcbr_button=document.getElementById('DCBR_button');
  15. 	Dcbr_button.src='afbeeldingen/DCBR_button_out.png';
  16. }

Zoals je ziet, moet ik vele keren juist hetzelfde typen, heeft iemand een simpelere code die hetzelfde doet, heb al gedacht aan if(Dcbr_button.onmouseover) ofzo, maar oftewel lag het aan mij oftewel deed IE weeral lastig. Kortom, het werkte niet echt. Weet iemand dus mss iets eenvoudig met 1 functie en bv. met onchange bij de img, want da's een echte knoeiboel met al die on's.
Grt,Lolll
zal ondertussen maar verderwerken aan andere navi divjes 
Offline valles10 - 29/07/2010 12:53
Avatar van valles10 HTML interesse jQuery is altijd handig...
Offline lolll - 29/07/2010 12:54
Avatar van lolll Lid ik heb nog nooit met jQuery gewerkt, lijkt het op js of is het totaal anders ?
Want ik zou graag mijn code goed begrijpen.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.203s