Petit soucis de CSS je pense ...

Marsh Posté le 12-06-2007 à 22:19:42

: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:19:42

Reply

Marsh Posté le 12-06-2007 à 23:49:16

essaye avec la fonction float
et tu peux contracter des trucs, genre

Code :

background: url('../images/texture.jpg') repeat;

et

Code :

margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
margin-top: 5px;

en

Code :

margin: 5px auto 20px auto; (toujours respecter cet ordre : top right bottom left

ensuite, essaye de mettre tes div header en relative, l'absolute pose des problemes lors d'un redimensionnement de fenetre web

Message édité par dartyduck le 12-06-2007 à 23:50:20

---------------
Nikon D7000 + 18-105VR + 35mm 1.8

Reply

Marsh Posté le 13-06-2007 à 18:22:38

ok, mais sans les float spa possible ?

parce que avec une page de base, sans css ni rien, juste le body avec les 2 flash ,j'ai toujours ce vilain espace :sweat: je pense qu'en css c'est possible [:spamafoote] ca doit etre l'ecart interligne qui fait ca non ?

Reply

Marsh Posté le 13-06-2007 à 18:28:06

probleme resolu avec "line-height" [:dawa]

Reply

Petit soucis de CSS je pense ...

Sujets relatifs:

Leave a Replay