Ga naar inhoud


wbsite met dreamweaver geluid en centreren

groeselt

Door groeselt
in Off topic

 Delen

Aanbevolen berichten

groeselt Rijzende ster

groeselt

Geplaatst:
Geplaatst:

Ik heb een vraag , ik heb een simpele website gemaakt met dreamweaver cs6.

Nu heb ik aan de de index een wav bestandje toegevoegd als code, deze hoor ik wel op een pc met windows, maar niet op iphone op ipad, ligt dit eraan dat dit niet hoorbaar is op ipad of iphone of ergens anders aan. kan ik zorgen dat ik het liedje overal op hoor.

 

als ik gewoon een foto heb, die ik geslied heb met photoshop en dan inlees in dreamweaver, kan ik deze align center zetten, dan zet hij hem horizontaal in het midden,

maar verticaal lukt niet, hoe kan ik ervoor zorgen dat de foto precies in het midden staat

Link naar reactie
Delen op andere sites

  • Beheerder
Michel Superster

Michel

Geplaatst:
  • Beheerder
Geplaatst:

Een foto verticaal in het midden kan niet. Een browser heeft immers geen vaste verticale hoogte (je kunt scrollen) en jij kunt niet weten hoe hoog het scherm van de gebruiker is ;)

 

Mogelijk is je wav file in een formaat dat de iphone niet kan afspelen. Maak hem 16bit mono (of eventueel stereo) 44,1Khz, of gebruik gewoon een MP3.

 

Stuur eerst de wav eens in een bijlage per email naar jezelf en probeer met de iphone de bijlage te openen en afspelen. Lukt het dan wel?

 

Mvg,

 

Michel

Gebruik je een advertentie blocker? Sluit onze website dan uit. Zonder advertenties kan deze site niet voortbestaan.

Link naar reactie
Delen op andere sites
Puch Superster

Puch

Geplaatst:
Geplaatst: (aangepast)

Je kan een afbeelding met een trucje in het midden plaatsen, maar zoals Michel aangeeft weet je nooit welk scherm een bezoeker heeft en het zal niet altijd correct worden weergeven.

 

Maak op je pagina een tabel aan met 1 rij en 1 kolom.

Maak de tabel 100% breed.

Ga in de cel staan en maak de cel 900px hoog.

De cel horizontaal en verticaal in het midden uitlijnen en de afbeelding erin zetten

 

<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td width="100%" height="900" align="center" valign="middle" >plaats hier de afbeelding</td>
	</tr>
</table>
aangepast door Puch

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link naar reactie
Delen op andere sites
Puch Superster

Puch

Geplaatst:
Geplaatst:

mp3 geluiden afspelen op de achtergrond kan zonder probleem met html 5

 

<audio autoplay="autoplay">  
   <source src="test.ogg" type="audio/ogg">
  <source src="test.mp3" type="audio/mpeg">
</audio>

 

Wil je er de controles bij dan is het

<audio autoplay="autoplay" controls="controls">  
   <source src="test.ogg" type="audio/ogg">
  <source src="test.mp3" type="audio/mpeg">
</audio>

 

Helaas, speelt niet automatisch af in safari op iphone

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link naar reactie
Delen op andere sites
Hellum Superster

Hellum

Geplaatst:
Geplaatst:

een betere (modernere) truc om het te doen is met margin.

 

index.php:

<!DOCTYPE html>
<html>
	<head>
		<title>TestSite</title>
		<link href="stijl.css" rel="stylesheet" type="text/css">
	</head>
	
	<body>
		<div class="testdiv">
			asdf
		</div>
	</body>
</html>

stijl.css:

.testdiv{
	position: absolute; 
	height: 150px; 
	width: 400px; 
	background-color: #f1f1f1; 
	
	/* de text in de div in het midden */
	text-align:center; 
	
	/* verticaal uitlijen */
	top: 50%; 
	margin-top: -75px; 
	
	/* horizontaal uitlijnen */
	left: 50%; 
	margin-left: -200px;
}

deze manier werkt over het algemeen netter omdat je in je code geen enkele stijl toevoegd

 

mvg. Gerard

If history repeats itself, and the unexpected always happens, how incapable must Man be of learning from experience.

 

-George Bernard Shaw

Link naar reactie
Delen op andere sites
groeselt Rijzende ster

groeselt

Geplaatst:
  • Auteur
Geplaatst:

zal er eens mee gaan stoeien, dankjewel

 

iets anders, ik heb op de website een countdown bij gezet (code gekopieerd vie een website in HTML)

op een windows pc werkt die goed, alleen ook op ipad niet zichtbaar, dit heeft natuurlijk met flash te maken, of niet?

is er een manier om deze wel overal zichtbaar te krijgen

Link naar reactie
Delen op andere sites
Puch Superster

Puch

Geplaatst:
Geplaatst: (aangepast)

Dit heeft volgens mijn niets met flash te maken vermits je zegt dat het html is.

 

Hier een eenvoudig countdown javascript

 

Je kan de datum instellen waar je wil naar aftellen. (maanden in het engels dus met hoofdletter)

 

Deze werkt wel voor ipad en iphone

 

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function cdtd() {
	var einde = new Date("May 13, 2013 00:00:01");
	var now = new Date();
	var timeDiff = einde.getTime() - now.getTime();
	if (timeDiff <= 0) {
        clearTimeout(timer);
		document.write("Timer voltooid!");
		
    }
	var seconds = Math.floor(timeDiff / 1000);
	var minutes = Math.floor(seconds / 60);
	var hours = Math.floor(minutes / 60);
	var days = Math.floor(hours / 24);
	hours %= 24;
    minutes %= 60;
    seconds %= 60;
	document.getElementById("daysBox").innerHTML = days;
	document.getElementById("hoursBox").innerHTML = hours;
	document.getElementById("minsBox").innerHTML = minutes;
	document.getElementById("secsBox").innerHTML = seconds;
	var timer = setTimeout('cdtd()',1000);
}
</script>
</head>
<body>
Aantal dagen: <div id="daysBox"></div>
Aantal uren:<div id="hoursBox"></div>
Aantal minuten:<div id="minsBox"></div>
Aantal seconden:<div id="secsBox"></div>
<script type="text/javascript">cdtd();</script>
</body>
</html>
aangepast door Puch

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link naar reactie
Delen op andere sites

Maak een account aan of log in om te reageren

Je moet een lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Registreer voor een nieuwe account in onze community. Het is erg gemakkelijk!

Registreer een nieuwe account

Inloggen

Heb je reeds een account? Log hier in.

Nu inloggen
 Delen
Ga naar topic overzicht

  • Wie is er online   0 leden

    • Er zijn geen geregistreerde gebruikers deze pagina aan het bekijken
×
×
  • Nieuwe aanmaken...