probleme taille des images

jamesnattier · 20 Juin 2009

bjr, je debute en css j'aimerais savoir comment mes images pourrais s'afficher proportionelement sur une petite resolutions que sur une grande

mes codes

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>fromagerie counasse fromages fermiers au lait cru</title>
  <link rel="stylesheet" type="text/css" href="design1.css" />
	<style type="text/css">
</style>

  </head>
  <body>
<div id="contenair"
</div>
  <div id="header"
  <img src="banniere.jpg" />
  </div>
  <div id="contenu"
   <img src="stand.png" />
		</div>
  <div id="footer"</div>
  </body>[code]

[code]code css:
/* commun */
* {
	margin:0;
	padding:0;
	}
body {
font-family: Verdana, arial,helvetica,sans-serif; 
font-size: 12px;
background-image:url(fond.jpg);
 }

#contenair
{
width:100%;
margin-left:auto;
margin-right:auto;


}

#header
{
position: relative;
top:20px;
margin:auto;
text-align:center;
}
#contenu
{
position: relative;
margin:auto;
text-align:center;
top:20px;
}

**jcaron** · 20 Juin 2009

Ca dépend beaucoup de ta définition de résolution: parles-tu de la définition en termes de pixels par pouce (ou centimètres), i.e. la "finesse" des pixels, ou de la résolution en termes de nombre de pixels en largeur/hauteur de l'écran?

Dans le premier cas, il suffit de donner des tailles CSS en "pt" plutôt que "px", et elles feront toujours la même taille (en pouces/centimères), si le PC de l'utilisateur est correctement configuré (mais ça donne des effets de pixellisation pas terribles).

Dans le deuxième cas, il faut probablement donner des tailles en %, mais ça suppose que l'ensemble des styles soient construits de cette façon... Et évidemment il y aura aussi une pixellisation pas très jolie...

Evidemment, tu peux toujours limiter les effets de pixellisation en utilisant des images dans des formats vectoriels, du flash par exemple.

Jacques.

Dudu · 21 Juin 2009

Bonjour

De quelles images parles-tu ? Tu en as dans le code HTML (balise <img>), et tu en as aussi dans le code CSS (background-image: url()).

Ce que tu demandes peut être fait dans les deux cas, mais avec deux méthodes légèrement différentes.

En passant, tu as un vrai problème dans ton code HTML: quasiment aucune de tes balises ouvrantes n'est bien écrite: le dernier chevron manque à chaque fois.

Et tes balises auto-fermantes sont écrites en XHTML alors que ton Doctype indique tu codes en HTML.

J'ose espérer que ce n'est pas PSPad qui code ainsi, sinon cela voudrait dire que ce logiciel (dont je ne me suis jamais servi et que je ne connais que de nom) est bon pour la poubelle.

Pour rappel, un balisage HTML correct s'écrit comme suit: <balise attribut="valeur de l'attribut">contenu de la balise</balise>

On appelle communément <balise> la balise ouvrante. Et </balise> la balise fermante.

Une balise auto-fermante est, quant à elle, beaucoup plus simple: <balise>. C'est tout, rien d'autre.

En XHTML (et uniquement en XHTML), elle s'écrit <balise/>. Mais ce n'est pas ton cas.

Connexion

probleme taille des images

Sujets conseillés

jamesnattier

jcaron

Dudu

Veuillez vous connecter pour commenter

Parcourir

Activité