jamesnattier Posté 20 Juin 2009 Partager Posté 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;} Lien vers le commentaire Partager sur d’autres sites More sharing options...
jcaron Posté 20 Juin 2009 Partager Posté 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. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dudu Posté 21 Juin 2009 Partager Posté 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. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant