Css taille image

Nico_, le samedi 10 mai 2008 à 10:45:06

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.
Le service a besoin de nous, mais nous nous n'avons pas besoin de lui !

Si la réponse donnée ne vous convient pas demander aux modérateurs de le supprimer!

Configuration: Windows XP
Firefox 2.0.0.14

Répondre à Nico_ Signaler ce message aux modérateurs Aller au dernier message

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

je suis en galère, le samedi 10 mai 2008 à 11:47:10

Donne moi le code de ta page pour que je fasse copier-coler et essayer de résoudrele pb

Répondre à je suis en galère

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Nico_, le samedi 10 mai 2008 à 13:23:37

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://download.macromedia.com/pub/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="http://www.macromedia.com/go/getflashplayer" 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="http://mozilla.com/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://download.macromedia.com/pub/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="http://www.macromedia.com/go/getflashplayer" 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 Le service a besoin de nous, mais nous nous n'avons pas besoin de lui !

Si la réponse donnée ne vous convient pas demander aux modérateurs de le supprimer!

Répondre à Nico_

Posez votre question Répondre

HTML/CSS Taille image dans un tableau [html/php ou CSS]taille d'image (Résolu) [CSS] Aligner image en bas a droite (Résolu) HTML, CSS Entourer image avec texte,.... (Résolu)

Trucs & astuces pertinents trouvés dans la base de connaissances

28/03 14h16	Agrandir une image de petite taille	Infographie
25/08 17h31	[Infographie] Optimiser la taille des images PNG.	Infographie
28/08 10h34	Diminuer la taille des images JPEG	Infographie
15/02 09h25	[Webmaster] Afficher une image de grande taille	Webmaster
30/04 18h41	[Image Resizer] Réduire la taille de photos	Windows

Plus d'astuces sur « css taille image »

Discussions pertinentes trouvées dans le forum

21/01 20h02	HTML/CSS Taille image dans un tableau	4
14/06 16h19	[html/php ou CSS]taille d'image	13
25/07 10h57	Réduire taille image	5
30/03 21h55	(PHOTOSHOP) Redimensionner Taille Image exis	6

Plus de discussions sur « css taille image »

Logiciels pertinents trouvés dans les téléchargements

	Image Resizer - Petit utilitaire (PowerToy) basique, très simple, permettant de réduire la taille d'une image, dans le but, notamment, de...	Catégorie: Graphisme Licence: Freeware/gratuit
	ImageWell - ImageWell n'est pas à proprement parler un logiciel de Retouche photo. Il permet plutôt de préparer des images pour le...	Catégorie: Retouche photo Licence: Freeware/gratuit
	VSO Image Resizer - Le logiciel VSO Image Resizer organise vos photos en réduisant leur résolution et en les déplaçant facilement au sein de...	Catégorie: Graphisme Licence: Freeware/gratuit
	Pochette Express - Pochette express est un logiciel permettant d'imprimer sur une seule feuille, le recto et le verso de votre pochette CD,...	Catégorie: Pochettes Licence: Freeware/gratuit

Plus de logiciels gratuits sur « css taille image »

Produits relatifs

TNB CSSP1	Catégorie: Casque audio	7.49 € Alapage
TNB CSSP2	Catégorie: Casque audio	7.49 € Alapage
TNB CSSP4BL	Catégorie: Casque audio	8.69 € Alapage
TNB CSSF033272	Catégorie: Casque audio	44.90 € Alapage

Plus de produits sur « css taille image »