Petit soucis de CSS je pense ...

Marsh Posté le 12-06-2007 à 22:00:26

:hello:

Je migre mon site vers CSS2 et XHTML, sachant qu'actuellement c'est le bordel ,mise en page en tableau, bref [:cerveau chacal_one]

donc, voila premier soucis, sur le header

mon code :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>FuriaGear.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="styles/style.css" />
</head>
<body>
<div id="header_leftside">
</div>
<div id="header_flash">
<object id="animflash1" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="938" height="37">
<param name="movie" value="images/furia.swf" />
<embed src="images/furia.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="938" height="37">
</embed>
</object>
<object id="animflash2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="938" height="162">
<param name="movie" value="images/electro.swf" />
<param name="quality" value="high" />
<embed src="images/electro.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="938" height="162">
</embed>
</object>
</div>
<div id="header_rightside">
</div>
</body>
</html>

CSS :

Code :

body
{
background-image: url("../images/texture.jpg" );
background-repeat: repeat;
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
margin-top: 5px;
width:970px;
}
/* IDs --------------------------------------------------------------------------------------------- */
#header_flash
{
position:absolute;
width:938px;
height:199px;
top:0px;
left:17px;
}
#header_leftside
{
position:absolute;
width:16px;
height:199px;
top:0px;
left:0px;
background-image: url("../images/furiagear_01.gif" );
background-repeat: no-repeat;
}
#header_rightside
{
position:absolute;
width:16px;
height:199px;
top:0px;
right:0px;
background-image: url("../images/furiagear_03.gif" );
background-repeat: no-repeat;
}

Mais, en fait, sur ma div "headerflash",

les deux flash, normalements collés se retrouvent separés de 5pixels environ :

je les veut collées, quelle est la propriété à utiliser ?

Merci :jap: (et pareil en horizontal, espacement de qqs pixels )

Reply

Marsh Posté le 12-06-2007 à 22:00:26

Reply

Marsh Posté le 12-06-2007 à 23:03:56

Il se peut que ton objet flash introduise "d'office" un bord et ton css header_flash englobe tes deux flas . Si tu crées un css pour tes deux id animflash1 et animflash2 avec un margin et un padding de 0, est-ce que cet espacement disparaît ?

Reply

Marsh Posté le 13-06-2007 à 00:00:33

Pourquoi pas oui, insère un OBJECT{padding:0;margin:0;} et EMBED{padding:0;margin:0;} dans ta css.

---------------
Studio CréeAll

Reply

Petit soucis de CSS je pense ...

Sujets relatifs:

Leave a Replay