28172 sujets

CSS et mise en forme, CSS3

Cadrer et ajuster une image dans une cellule

Bonjour,

Je cherche a afficher une image en fond d'une cellule d'un tableau.
Je passe par un css mais on dirait que l'image se calle au contenant parent de mon tableau...
donc mon 1er soucis et de pouvoir le placer à l'intérieur de ma cellule.
Pouvez vous me débloquer?


#filigramme
{
	size: 100%;
	min-height:100%;
	
	 background-image:url(../image/filigrammeBrouillon2.jpg);
	 background-repeat:no-repeat; /**/
	 
	 background-position:bottom left;
	 margin-bottom:50px;
	 margin-left:50px;
	 
	 position:relative;	 
	 background-size:auto 100%;
	 -moz-background-size: auto 100%;
	 -o-background-size: auto 100%;		 
	 
	 background-attachment:fixed;	
	
	font-size: 0px;  text-align: left; 

}




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <link rel="stylesheet" type="text/css" href="/include/Styles.css" />
</head>

<body>
	<div id="cadre">
		<table bordercolor="#000000" border="2">  
			<tr bgcolor="#FFFFFF">
            	<td align="center"></td>
                <td></td>
            </tr>
            
        	<tr>
            	<td  > 
                	<!-- ici le menu -->
                	
        			</td>
                <td  id="filigramme" height="800px" width="500px">  
                	<!-- ici la page -->      
                </td>
            </tr>
        
        
        </table>  
    </div>	
</body>
</html>
Salut,

Un bon conseil serait de ne pas utiliser des tableaux pour ta mise en page, on ne fait plus ça depuis 1605 (bon j'exagère un peu a quelques année près Smiley langue ).

Sinon as-tu firebug pour vérifier que l'URL est correct car à priori ça devrait fonctionner.
Bonjour Gili,

Merci pour tes conseils, je sais bien que mon code n'est pas des plus optimisé...
Je me considère débutante en web, du coup, je cherche à m'initier en 'douceur'. Et comme les tableaux me semblent + facil et + rapide pour construire la structure générale de mon site, je commence par là.
Pour tout le reste, j'essaie d'utiliser des div pour m'y familiariser.
Le tableau me permet d'avoir des zones correctement alignées dans l'interface sans que cela me prenne trop de temps.
J'ai trouvé d'ou venait mon problème, j'avais mis dans la feuille de style 
background-attachment:fixed;
en prévision se son utilisation future. en mettant cette ligne en commentaire, l'image s'affiche nikel!
Donc pour l'instant tout est rentré dans l'ordre Smiley smile .
Bonne soirée
Iop,

Je sais que ça peut paraitre une bonne idée, mais ce n'est pas le cas. Pourquoi apprendre une méthode qui est déprécié (et surtout qui n'est pas accessible !)? pourquoi ne pas se mettre dans le bain directement en utilisant les CSS et les multiples modes de positionnement (plus ou moins sympathiques) offert ?

Ce n'est pas plus compliqué que la mise en page par tableau, bien au contraire. Mais bon je conçois bien que ça peut être rebutant de recommencer de zéro, mais parfois c'est la meilleur solution. Là tu apprends quelques choses qu'on fuit comme la peste. C'est dommage.

À bientôt Smiley smile
Sujet clos
Aller à