28172 sujets

CSS et mise en forme, CSS3

bonjour

depuis quelques jours j'essaie (sans succès) de résoudre mon problème

j'ai crée une page html avec du css dedans :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
html,body{margin:0;padding:0}

body{font: 76% arial,sans-serif;text-align:center}

p{margin:0 10px 10px}

a{display:block;color: #981793;padding:10px}

div#header h1{height:50px;line-height:50px;margin:0;
  padding-left:5px;background: #EEE;color: #79B30B}
  
div#container{text-align:left}

div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}

div#anime_flash{background:#be063c}

div#footer{background: #333;color: #FFF}

div#footer p{margin:0;padding:5px 10px}

div#container{width:700px;margin:0 auto}

div#content{float:right;width:500px}

div#navigation{float:left;width:200px}

div#anime_flash{float:left;width200px}

div#footer{clear:both;width:100%}
</style>
<script type="text/javascript" src="swfobject.js"></script>
		<script type="text/javascript">
			var flashvars = {};
			var params = {};
			params.quality = "high";
			params.wmode = "transparent";
			params.allowfullscreen = "true";
			params.allowscriptaccess = "sameDomain";
			var attributes = {};
			swfobject.embedSWF("menu.swf", "anime_flash", "200", "764", "8.0.0", false, flashvars, params, attributes);
		</script>


</head>
<body>
<div id="container">
<div id="header"><h1>test</h1></div>
<div id="wrapper">
<div id="content">
</div>
</div>
<div id="navigation">
<div id="anime_flash">
			<a href="http://www.adobe.com/go/getflashplayer">
				<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
			</a>
		</div>


</div>
<div id="footer"><p>pied de page</p></div>
</div>
</body>
</html>

menu.swf étant un bouton flash cs4 qui à l'actionscript 2.0 suivante dedans :

on (release) {

//Goto Webpage Behavior
getURL("page1.html","_div#content");
//End Behavior

}


comme je disais dans le titre de mon poste le bouton ouvre bien page1.html mais dans une nouvelle fenêtre et moi je voudrais qu'il l'ouvre dans le pseudo cadre "content" crée en css Smiley smile

je suis plutôt novice/apprenant sur le tas ....j'ai lu beaucoup sur le net depuis quelques jours ....mais là je ne comprend pas (je tourne en rond je crois à force de lire et relire de pistes !!! rires) quelque chose me dit que mon code AS2 ne doit pas être bon ??

merci d'avance pour toute idée / aide !!
andy
Modifié par andyb45 (16 Feb 2010 - 15:31)
Hello andyb45 et bienvenue sur le forum Smiley smile ,

en tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

upload/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que l'Aide (dont le lien est fourni lors de l'inscription) contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
andyb45 a écrit :
ça doit être mieux là ?
Oui. Smiley smile

Quelques remarques / questions :
* la phrase pseudo cadre "content" crée en css ne veut rien dire. Smiley lol Il s'agit d'un élément DIV créé en HTML.
* quel est l'intérêt de faire un menu en Flash qui va poser des problèmes d'accessibilité et de référencement au lieu d'un simple menu en CSS ?
* quel est l'intérêt d'afficher le nouveau contenu dans un DIV de la même page au lieu d'afficher une nouvelle page par contenu ? Si tous les éléments sont communs (header, menu, footer) à part le contenu proprement dit on a l'impression que seul ce dernier a été mis à jour.


Edit: je t'invite à jeter un œil sur ce tuto pour voir concrètement les différentes phases d'intégration d'un site web.
Modifié par Heyoan (14 Feb 2010 - 19:47)
merci pour la réponse

pour les approximations dans mes propos ...."novice/apprenant sur le tas"

le menu flash c'était pour avoir plusieurs boutons animés avec notamment une image (.jpeg à l'origine) dessus (maintenant si la même chose se fait en css et c'est mieux côté accessibilité et référencement ??) ...je suis 100% partant

sur la deuxième remarque me perds un peu ...je voudrais que lors d'accès au site après une intro flash une première présentation s'affiche et qu'ensuite seules cinq possibilités existent (les cinq boutons en menu vertical gauche) chaque bouton chargeant en effet une nouvelle page mais dans le div content....j'avais commencé en frameset html ...mais j'avais cru comprendre qu'utilisant des div mon problème ce sera résolu ....

merci pour tout conseil je vais aller voir le tuto

surtout si des boutons animés avec image peuvent se fairent en css ....dites moi le ...et entendu je change mon fusil d'épaule !!! volontiers là je craque !

andy
résolu en utilisant les méthodes ci-dessus citées par "Heyoan" notamment le tuto recommandé
je n'ai plus les boutons flash voulus ...mais un menu horizontal à images (coulissantes) avec lequel j'obtiens un effet "similaire"

merci

andy