Css taille image
Nico_
Messages postés
1302
Statut
Membre
-
Nico_ Messages postés 1302 Statut Membre -
Nico_ Messages postés 1302 Statut Membre -
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.
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:
- Css taille image
- Comment réduire la taille d'un fichier - Guide
- Reduire taille image - Guide
- Image iso - Guide
- Afficher taille dossier windows - Guide
- Légender une image - Guide
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é </a></td> <td width="180" align="center" nowrap="nowrap" class="navText"><a href="cours/index.php" class="Style3">Les Cours D'Electricité</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"> </td> <td width="665"> </td> </tr> <tr> <td height="67"> </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ç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élécharger, ...</p> <p class="boitebleue"><a href="pages/divers.php"><strong>Ajouter votre site</strong></a> </p> <p class="Style21">Pour l'année scolaire 2007-2008, suivant le temps personnel qui me restera, je publirais les<a href="cours/index.php"> cours de BP1 électrotechnique</a>. </p> <p class="Style21"><a href="cours/bcp.php">BCP C'est ICI !!!</a> </p> <p class="Style21">Le téléchargement des logiciels se fait directement sur le site en question, ce qui permet aussi d'avoir la dernière version.</p> <p class="Style32">La "charte"</p> <p class="Style21">Je décline toutes responsabilités, concernant 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( "img" ); 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)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0;"><img border="0" src="dependant/img/stop.JPG" width="80" height="80" align="left" /></a>dysfonctionnements causés (pertes de données , crash de Windows etc..) suite à une mauvaise interprétation, ou à une exécution des astuces ou conseils proposé sur le site sans maîtriser ce que vous faites.<br /> Vous êtes seul responsable de vos agissements sur votre ordinateur. Ce site à été crée dans un esprit de partage de connaissances. Pour tout problèmes, informations, commenter le site, envoyer un commentaire par le formulaire "cliquer ICI" </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 à tous !!!</p> <p class="Style21"><a href="priver/index.php">Espace Privé, cliquer ici.</a><br /> Utilisateur & 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 à été 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" > </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