Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1084 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Responsiv design

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Responsiv design

n°2167309
tartampion​89
Posté le 08-12-2012 à 16:00:35  profilanswer
 

Bonjour à tous,  
 
Je suis débutant et je suis en train de réaliser un site internet (projet pour l'école) mais je rencontre une petite difficulté.  
 
J'ai préalablement réalisé le design du site sur photoshop et il me suffit donc maintenant d'intégrer ces images en HTML. Ça parait simplissime mais le professeur demande de faire un site qui s'adapte à la taille de l'écran de l'utilisateur. J'ai un peu fouillé sur Internet et apparemment il faudrait que j'utilise la balise "position: relative" avec des indications en pourcentage. Le problème c'est que certaines de mes images doivent se superposer et dans ce cas il n'y a que "position: abolute" qui aille.  
 
Du coup comment faire ? Il n'y aurait pas une balise intermédiaire entre absolute et relative ?  
 
Merci d'avance pour votre aide.

mood
Publicité
Posté le 08-12-2012 à 16:00:35  profilanswer
 

n°2167325
CyberDenix
Posté le 08-12-2012 à 22:32:07  profilanswer
 

par défaut, les éléments absolute sont absolutes à la page.
Si tu mets des éléments absolute dans un div relative, alors ils seront relatifs en pixels à ce div.
 
Le responsive design n'a pas grand chose à voir avec relative / absolute, ce que tu veux c'est surtout du @media (min-width: ... ) { ... }


Message édité par CyberDenix le 08-12-2012 à 22:32:24

---------------
Directeur Technique (CTO)
n°2167437
rufo
Pas me confondre avec Lycos!
Posté le 10-12-2012 à 13:43:51  profilanswer
 

En français, on appelle ça le design "flottant" ou "fluide" il me semble (rien à voir avec float).
Faut utiliser les unités relatives (em ou %). Dans le graphisme, faut privilégier les éléments qui se dupliquent (horizontalement au moins).


Message édité par rufo le 10-12-2012 à 13:44:33

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Responsiv design

 

Sujets relatifs
Créer un site Internet avec un design de qualitéerreur lors d'excecution pentaho design studio
design many to one hibernateDesign/graphisme "FTP" pour mon website.
Donnez votre avis sur le design de mon siteadapter un design ss photoshop à un site web
Changer le design de l'appli en JAVADesign du Localhost
Découper un bouton directement sur le design.Design pattern IoC
Plus de sujets relatifs à : Responsiv design


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR