Je migre mon site vers CSS2 et XHTML, sachant qu'actuellement c'est le bordel ,mise en page en tableau, bref
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 (et pareil en horizontal, espacement de qqs pixels )