A voir également:
- Problème postion lien(ailgn)
- Lien url - Guide
- Verifier un lien - Guide
- Créer un lien pour partager des photos - Guide
- Cliquez sur ce lien. en n'utilisant que le clavier, quel mot obtenez-vous ? ✓ - Forum souris / Touchpad
- Lien mega ✓ - Forum Webmastering
2 réponses
Utilisateur anonyme
23 déc. 2009 à 19:44
23 déc. 2009 à 19:44
C'est normal, puisque tu as mis ici, c'est la position du 2ème div, et un div prend toute la largeur qu'il peut !
Voila ce que je te propose, un bon petit CSS :
Voila ce que je te propose, un bon petit CSS :
<div id="content" style="text-align:center"><object width="580" height="380"><param name="movie" value="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf"></param><embed src="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf" type="application/x-shockwave-flash" width="580" height="380" border="100"><align ="center"></embed></object></div>
Utilisateur anonyme
24 déc. 2009 à 16:52
24 déc. 2009 à 16:52
Ah ?? Bon, deux autres possibilités :
-<div id="content"><span align="center"><object width="580" height="380"><param name="movie" value="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf"></param><embed src="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf" type="application/x-shockwave-flash" width="580" height="380" border="100"><align ="center"></embed></object></span></div>
- <div id="content" style='padding-left:50%'><object width="580" height="380" style='margin-right:-50%'><param name="movie" value="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf"></param><embed src="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf" type="application/x-shockwave-flash" width="580" height="380" border="100"><align ="center"></embed></object></div>
J'ose préciser qu'à parement dans ton 1er message, le 1er div n'est pas fermé. C'est peut être tout bêtement ça non ?
-<div id="content"><span align="center"><object width="580" height="380"><param name="movie" value="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf"></param><embed src="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf" type="application/x-shockwave-flash" width="580" height="380" border="100"><align ="center"></embed></object></span></div>
- <div id="content" style='padding-left:50%'><object width="580" height="380" style='margin-right:-50%'><param name="movie" value="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf"></param><embed src="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf" type="application/x-shockwave-flash" width="580" height="380" border="100"><align ="center"></embed></object></div>
J'ose préciser qu'à parement dans ton 1er message, le 1er div n'est pas fermé. C'est peut être tout bêtement ça non ?
Sa ne marche pas mais je peux plus montrer
Je montre mon code source :
<title>Mon site</title>
<link rel="stylesheet" type= "text/css" href="style_aventure.css"/>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><!--
if (document.images) {
name1on = new Image();name1on.src = 'images/aventure_2.jpg'; name1off = new Image();name1off.src = 'images/aventure.jpg';
}
function swapOn(name) {
if (document.images)
document.images[name].src = eval(name + 'on.src');
}
function swapOff(name) {
if (document.images)
document.images[name].src = eval(name + 'off.src');
}
//--></SCRIPT>
<body>
<div id="pos">
<div id="logo">
<a href= "Menu_Mouhammad.html">Retour vers Le Menu</a>
</div>
<div id="tab">
<div id="menu">
<a href= "Aventure.html" id="menu1" onMouseOver="swapOn('name1')" onMouseOut="swapOff
('name1')"><img name="name1" src="images/aventure.jpg" border="" alt=""></a><br />
</div>
<div id="content"><span align="center"><object width="580" height="380"><param name="movie" value="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf"></param><embed src="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf" type="application/x-shockwave-flash" width="580" height="380" border="100"><align ="center"></embed></object></span></div>
<div id="copyright"></div>
</div>
</body>
Et voici le style_aventure.css :
body {
margin: 10px;
}
#logo {
float: left;
width: 800px;
height: 120px;
background-image: url(images/logo_jeux.jpg) ;
margin-bottom: 10px;
}
#menu {
float: left;
width: 92px;
height: 100px;
}
#menu1 {
width: 92px;
height: 20px;
}
#menu2 {
width: 92px;
height: 20px;
}
#content {
margin-left: 8px;
float: left;
width: 700px;
height: 600px;
background-image: url(images/content_aventures.jpg);
}
#tab {
clear: left;
width: 900px;
height: 600px
}
#copyright {
clear: left;
width: 800px;
height: 80px;
background-image: url(images/pied_3.jpg) ;
margin-top: 10px;
}
#copyright {
clear: left;
width: 800px;
height: 80px;
background-image: url(images/pied_3.jpg) ;
margin-top: 10px;
}
#pos {
width: 800px;
margin-left: auto;
margin-right: auto;
}
Je montre mon code source :
<title>Mon site</title>
<link rel="stylesheet" type= "text/css" href="style_aventure.css"/>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><!--
if (document.images) {
name1on = new Image();name1on.src = 'images/aventure_2.jpg'; name1off = new Image();name1off.src = 'images/aventure.jpg';
}
function swapOn(name) {
if (document.images)
document.images[name].src = eval(name + 'on.src');
}
function swapOff(name) {
if (document.images)
document.images[name].src = eval(name + 'off.src');
}
//--></SCRIPT>
<body>
<div id="pos">
<div id="logo">
<a href= "Menu_Mouhammad.html">Retour vers Le Menu</a>
</div>
<div id="tab">
<div id="menu">
<a href= "Aventure.html" id="menu1" onMouseOver="swapOn('name1')" onMouseOut="swapOff
('name1')"><img name="name1" src="images/aventure.jpg" border="" alt=""></a><br />
</div>
<div id="content"><span align="center"><object width="580" height="380"><param name="movie" value="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf"></param><embed src="http://www8.agame.com/games/flash/d/drago_adventure/drago_adventure.swf" type="application/x-shockwave-flash" width="580" height="380" border="100"><align ="center"></embed></object></span></div>
<div id="copyright"></div>
</div>
</body>
Et voici le style_aventure.css :
body {
margin: 10px;
}
#logo {
float: left;
width: 800px;
height: 120px;
background-image: url(images/logo_jeux.jpg) ;
margin-bottom: 10px;
}
#menu {
float: left;
width: 92px;
height: 100px;
}
#menu1 {
width: 92px;
height: 20px;
}
#menu2 {
width: 92px;
height: 20px;
}
#content {
margin-left: 8px;
float: left;
width: 700px;
height: 600px;
background-image: url(images/content_aventures.jpg);
}
#tab {
clear: left;
width: 900px;
height: 600px
}
#copyright {
clear: left;
width: 800px;
height: 80px;
background-image: url(images/pied_3.jpg) ;
margin-top: 10px;
}
#copyright {
clear: left;
width: 800px;
height: 80px;
background-image: url(images/pied_3.jpg) ;
margin-top: 10px;
}
#pos {
width: 800px;
margin-left: auto;
margin-right: auto;
}
24 déc. 2009 à 11:49
24 déc. 2009 à 11:51