Css taille image

Fermé
Nico_ Messages postés 1219 Date d'inscription vendredi 29 décembre 2006 Statut Membre Dernière intervention 15 mars 2016 - 10 mai 2008 à 10:45
Nico_ Messages postés 1219 Date d'inscription vendredi 29 décembre 2006 Statut Membre Dernière intervention 15 mars 2016 - 10 mai 2008 à 13:23
Bonjour,

Pour mon site j'ai créé une image de fond qui sert pour le titre, et les dans d'autre partie.
Je souhaite savoir ce que je dois mettre pour que l'image se réduisent a la taille de m'a cellule ou s'agrandisse (je travail dans un tableau avec des fusion de lignes et ou colonnes

Merci, Bonne journée et bon weekend.
A voir également:

1 réponse

je suis en galère
10 mai 2008 à 11:47
Donne moi le code de ta page pour que je fasse copier-coler et essayer de résoudrele pb
0
Nico_ Messages postés 1219 Date d'inscription vendredi 29 décembre 2006 Statut Membre Dernière intervention 15 mars 2016 189
10 mai 2008 à 13:23
Merci de la réponse:

page .php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="icon" type="image/gif" href="dependant/favicon.gif" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Accueil Infoxp</title>
<link href="dependant/css.css" rel="stylesheet" type="text/css" />
<script language="JavaScript">function verifSelection() {if (document.idees.idees.value == "") {
alert("Met un commentaire Merci !!!")
return false
}}
</script>
</head>

<table width="874" height="1312" border="0" bgcolor="#CAB0FF" align="center">
  <tr>
    <td height="68" colspan="2" background="dependant/nav.png"> <div align="center"><span class="Style1">Infoxp</span></div>    </td>
  </tr>
  <tr>
    <td height="34" colspan="2" background= "dependant/nav.png"> <div align="center"><span class="Style3"></span><table width="607" height="32" border="0" align="left" cellpadding="0" cellspacing="0" id="navigation">
        <tr>
          <td width="59" align="center" nowrap="nowrap" class="navText"><a href="index.php" class="Style3">Accueil</a></td>
          <td width="77" align="center" nowrap="nowrap" class="navText"><a href="sommaire.php" class="Style3">Sommaire</a></td>
          <td width="66" align="center" nowrap="nowrap" class="navText"><a href="softs/index.php" class="Style3">Logiciels</a></td>
          <td width="101" align="center" nowrap="nowrap" class="navText"><a href="priver/index.php" class="Style3">Espace Priv&eacute; </a></td>         
		  <td width="180" align="center" nowrap="nowrap" class="navText"><a href="cours/index.php" class="Style3">Les Cours D'Electricit&eacute;</a></td>
          <td width="124" align="center" nowrap="nowrap" class="navText"><a href="contactez-nous.php" class="Style3">Contactez-Nous</a></td>
        </tr>
      </table>
    </div><div align="left"></div></td>
  </tr>
  <tr>
    <td width="199" height="11">&nbsp;</td>
    <td width="665">&nbsp;</td>
  </tr>
  <tr>
    <td height="67">&nbsp;</td>
    <td rowspan="7" align="center" valign="top" bgcolor="#FFFFFF">	<p align="center">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="560" height="103" align="top" title="bienvenu">
        <param name="movie" value="dependant/Accueil.swf" />
        <param name="quality" value="autolow" /><param name="BGCOLOR" value="#FFFFFF" />
        <embed src="dependant/Accueil.swf" width="560" height="103" align="top" quality="autolow" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" bgcolor="#FFFFFF"></embed>
      </object>
    </p>
      <p align="center"><script type="text/JavaScript">
if (navigator.appName.substring(0,3)=="Mic") {
	document.write('<div class="boiterouge">');
	document.write('<p>');
	document.write('<p align="center">Pour une meilleure compatibilité, pensez <a href="#ff">Mozilla Firefox<\/a> (le <a href="https://www.mozilla.org/en-US/firefox/">télécharger<\/a>) ! Vous ne pourrez qu\'y gagner :)');
	document.write('<\/p>');
	document.write('<\/div>');
}
</script>
      <div align="center" class="Style20"> 
        <p class="Style21">Bonjour, ce site est con&ccedil;u pour donner des   petites aides sur l'informatique. Vous y trouverez des noms de logiciels et   leurs fonctions, rubrique logiciels, dans le rubrique Divers, des commandes, et   des diaporamas a t&eacute;l&eacute;charger,  ...</p>
        <p class="boitebleue"><a href="pages/divers.php"><strong>Ajouter votre site</strong></a> </p>
        <p class="Style21">Pour l'ann&eacute;e scolaire 2007-2008, suivant le temps personnel qui me restera, je publirais les<a href="cours/index.php"> cours de BP1 &eacute;lectrotechnique</a>. </p>
        <p class="Style21"><a href="cours/bcp.php">BCP C'est ICI !!!</a> </p>
        <p class="Style21">Le t&eacute;l&eacute;chargement des logiciels se fait   directement sur le site en question, ce qui permet aussi d'avoir la derni&egrave;re   version.</p>
        <p class="Style32">La &quot;charte&quot;</p>
        <p class="Style21">Je d&eacute;cline toutes responsabilit&eacute;s, concernant&nbsp;   les dommages ou <img border="0" src="dependant/img/stop.JPG" align="right" width="80" height="80" /><a href="javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName( &quot;img&quot; ); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+&quot;px&quot;; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+&quot;px&quot;}R++}setInterval('A()',5); void(0;"><img border="0" src="dependant/img/stop.JPG" width="80" height="80" align="left" /></a>dysfonctionnements caus&eacute;s (pertes de donn&eacute;es , crash de Windows etc..) suite &agrave; une mauvaise interpr&eacute;tation, ou &agrave; une ex&eacute;cution des   astuces ou conseils propos&eacute; sur le site sans ma&icirc;triser ce que vous faites.<br />
          Vous &ecirc;tes seul responsable de vos agissements sur votre ordinateur. Ce site&nbsp;   &agrave; &eacute;t&eacute; cr&eacute;e dans un esprit de partage de connaissances. Pour tout probl&egrave;mes, informations,   commenter le site, envoyer un commentaire par le formulaire &quot;cliquer ICI&quot;        </p>
        <p class="Style21">
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="502" height="221">
            <param name="movie" value="dependant/bonne visite.swf" />
            <param name="wmode" value="transparent" />
            <param name="quality" value="autolow" />
            <embed src="dependant/bonne visite.swf" width="502" height="221" quality="autolow" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash"></embed>
          </object>
        </p>
        <p class="Style21">Bonne visite &agrave; tous !!!</p>
        <p class="Style21"><a href="priver/index.php">Espace Priv&eacute;, cliquer ici.</a><br />
        Utilisateur &amp; Mot de passe requit.</p>
      </div></td>
  </tr>
  <tr>
    <td height="34" background="dependant/nav.png"> <div align="center" class="Style3">Tes infos</div></td>
  </tr>
  <tr>
    <td height="115" bgcolor="#FFFFFF"><div align="center">
      <p><span class="Style6"><span class="Style5">
        <?php
 $ip = $_SERVER['REMOTE_ADDR'];//On obtient l'adresse IP
 $gethostbyaddr = gethostbyaddr($ip);
 $dyn = explode('.', $gethostbyaddr);
 $nb_points = substr_count($gethostbyaddr, '.');// Nombre de point(s) dans la ligne
 ?>
      </span></br>
      </span>        <span class="Style4"><span class="Style6">Ton IP:</span>
      <span class="Style5">
      <?
echo $ip;
?>
      <br />
      </span></span><span class="Style6">Ton fournisseur:</span><span class="Style4"><span class="Style5">
  <?
 echo $dyn[$nb_points - 1];
  ?>
        </span></span>      
        <br />
        <span class="Style6">Ton navigateur est:</span>      <span class="Style10">
      <?php

if ( strpos( $_SERVER['HTTP_USER_AGENT'], 'Firefox' ) !== FALSE ) { echo " Firefox"; }
elseif ( strpos( $_SERVER['HTTP_USER_AGENT'], 'Opera' ) !== FALSE ) { echo " Opera"; }
elseif ( strpos( $_SERVER['HTTP_USER_AGENT'], 'Safari' ) !== FALSE ) { echo "Safari"; }
elseif ( strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE' ) !== FALSE ) { echo "Internet Explorer"; }
else { echo "navigateur non reconnu"; }
	
?>
      </span>
      <p><span class="Style6"><span class="Style6">Cette page &agrave; &eacute;t&eacute; vu</span><span class="Style10">
          <?php
function affiche($pages_vues){
	if ($pages_vues){
		$num=$pages_vues%10;
		$pages_vues=floor($pages_vues/10);
		affiche($pages_vues);
		echo $num;
	}
}
$monfichier = fopen('compteur.txt', 'r+');
$pages_vues = fgets($monfichier);
$pages_vues++;
fseek($monfichier, 0);
fputs($monfichier, $pages_vues);
fclose($monfichier);
affiche($pages_vues);
?> </span> <span class="Style6">
          fois</span> <br />
      </div></td>
  </tr>
  <tr>
    <td height="41" background= "dependant/nav.png"> <div align="center" class="Style3">Nous sommes le <span class="Style38"><br/>
        <?php
      setlocale( LC_TIME, 'fr_FR.ISO88591' );
      echo strftime("%A %e %B %Y", time() );
      ?>
    </span></div></td>
  </tr>
  <tr>
    <td height="35" background= "dependant/nav.png"> <div align="center" class="Style3">News</div></td>
  </tr>
  <tr>
    <td height="114" bgcolor="#FFFFFF"><div align="center" class="Style36">
	<?php

$fichier = file("news.txt"); // Nom du fichier à afficher
 
$total = count($fichier); // Nombre total des lignes du fichier

for($i = 0; $i < $total; $i++) 
{ // Départ de la boucle

echo $fichier[$i]; // On affiche ligne par ligne le contenu du fichier

} // Fin de la boucle

?>           
	</div></td>
  </tr>
  <tr>
    <td height="729" >&nbsp;</td>
  </tr>
  <tr>
    <td height="25" colspan="2"background="dependant/nav.png"> <div align="center" class="Style10 Style11">Infoxp V2 Reproduction Interdite </div></td>
  </tr>
</table>
</body>
</html>

mon CSS:
body {
	background-image:url('../dependant/fond1.png');
	}
.Style1 {
	font-family: "Brushstroke" , "commic sans ms";
	font-size: 42px;
	color: #000099;
	border: 2 px;
}
.Style3 {
	font-family: "Comic Sans MS", "Courier New";
	font-size: 14px;
	color: #CC3333;
	font-style: oblique;
	font-weight: bold;
}
.Style4 {
	font-family: "Comic Sans MS", "Courier New";
	font-size: 14px;
}
.Style5 {
	color: #3333CC;
	font-weight: bold;
}
.Style6 {
	font-family: "Comic Sans MS", "Courier New";
	font-size: 12px;
}
.Style10 {color: #3333CC; font-size: 14px; font-weight: bold; }
.Style11 {
	color: #FFFFFF;
	font-style: italic;
}
a:link {
	text-decoration: none; color: #3300CC;
}
a:visited {
	text-decoration: none;
	color: #9900CC;
}
a:hover {
	text-decoration: none;
	color: #FF6666;
}
a:active {
	text-decoration: none;
	color:#FFFF00;
}
.Style20 {
	font-weight: bold;
	font-family: "Comic Sans MS", "Courier New", "Chow Fun";
}
.Style21 {
	font-family: "comic sans ms";
	font-size: 13px;
}

.Style12 {color: #0033FF}
.Style14 {
	font-size: 18px;
	color: #9900FF;
}
.Style15 {
	color: #3F3D3D;
	font-size: 13px;
	font-weight: bold;
	font-family: "Comic Sans MS", "Courier New", "Chow Fun";
}
.Style16 {color: #000000; font-family:"Comic Sans MS", "Courier New", "Chow Fun"; font-size:13px}
.Style24 {
	font-family: "Comic Sans MS", "Courier New", "Chow Fun";
	font-size: 14px;
	font-weight: bold;
}
.Style32 {color: #9900CC}
.Style34 {color: #0000FF;font-size: 13px;font-weight: bold}
.Style35 {color: #FF0000}
.Style37 { font-family:"comic sans ms"; font-weight:normal ;font-size: 16px; color:#FF0000}
.Style36 {font-family: "Comic Sans MS", "Courier New", "Chow Fun"; font-size: 14px; font-weight: bold; color: #990099; }
.Style38 {font-family: "Comic Sans MS";	font-size: 14px;color: #CC3333;	font-style: oblique; font-weight: bold;color: #FF9900}

.boiterouge {

		padding:5px 10px 10px 5px;	color : #000000; vertical-align:middle;	background-color : #FFCCCC;	font-weight : bold;	text-align : center;	font-size : 13px;	font-family: comic sans MS;	text-decoration : none;	border: #FF3333; border-style: solid;	border-width: 2px;
margin:5px 10px 5px 10px;	}
	.boitebleue {
		padding:10px 10px 10px 10px;
		color : #000666;

		vertical-align:middle;
		background-color : #DDEEFF;
		font-weight : bold;
		text-align : center;
		font-size : 13px;
		font-family: comic sans MS,sans-serif;
		text-decoration : none;
		border: #6699FF;
		border-style: solid;
		border-width: 2px;
		margin:5px 50px 5px 50px;
		}
.boitemsg {
		padding:5px 5px 5px 5px;
		color : #000066;

		vertical-align:middle;
		background-color : #DEEDDD;
		font-weight : normal;
		text-align : left;
		font-size : 13px;
		font-family: comic sans MS,sans-serif;
		text-decoration : none;
		border: #6669FF;
		border-style: solid;
		border-width: 2px;
		margin:5px 50px 5px 50px;
		}

.premAnnee {
		padding:5px 5px 5px 5px;
		color : #000096;

		vertical-align:middle;
		background-color:#FF90F0;
		font-weight : normal;
		text-align : left;
		font-size : 13px;
		font-family: comic sans MS,sans-serif;
		text-decoration : none;
		border: #FF0099;
		border-style: solid;
		border-width: 2px;
		margin:10px 10px 10px 10px;
		}

.deuxAnnee {
		padding:5px 5px 5px 5px;
		color : #000096;

		vertical-align:middle;
		background-color:#9F90F0;
		font-weight : normal;
		text-align : left;
		font-size : 13px;
		font-family: comic sans MS,sans-serif;
		text-decoration : none;
		border: #330099;
		border-style: solid;
		border-width: 2px;
		margin:10px 10px 10px 10px;
		}

.troisAnnee {
		padding:5px 5px 5px 5px;
		color : #000096;

		vertical-align:middle;
		background-color: #00FF66;
		font-weight : normal;
		text-align : left;
		font-size : 13px;
		font-family: comic sans MS,sans-serif;
		text-decoration : none;
		border: #006633;
		border-style: solid;
		border-width: 2px;
		margin:10px 10px 10px 10px;
		}
	
.quatreAnnee {
		padding:5px 5px 5px 5px;
		color : #000096;

		vertical-align:middle;
		background-color: #CCCCCC;
		font-weight : normal;
		text-align : left;
		font-size : 13px;
		font-family: comic sans MS,sans-serif;
		text-decoration : none;
		border: #333333;
		border-style: solid;
		border-width: 2px;
		margin:10px 10px 10px 10px;
		}
.btonEnvoi { background-image:url(1nav1.png);  font-family:"Comic Sans MS", "Courier New", "Chow Fun"; color :#CC0033; font-style:italic; font-weight:bold; font-size:13px; border:#CC0033; border-style: outset; border-width: 1px;}

Merci pour l'aide, bonne journée
0