Titre: Alignement et Calculs...
Posté par: Creatux le le 31-12-2010 a 20:26:42
Bonjour,
Je suis en train de crée un site pour un client en auto-entreprenariat.
Tout se passe a merveille mais un problème d'alignement m'empêche d'avancer.
Voir l'image ci-dessous:
http://www.plixup.com/pics_core2/12938190332159capture_ecran_probleme.PNG (http://www.plixup.com/pics_core2/12938190332159capture_ecran_probleme.PNG)
Je voudrais en effet que les 4 Bloc soit aligné parfaitement au pixel prêt, j'ai sorti la calculette etc, me suis aider avec la règle je me retourne la téte et je ne trouve pas la nombre de pixel exact je pense faire des erreurs de pixels.
Infos:
Largeur Body: 780px
Largeur Bloc: 140px
Merci. |
Titre: Re:Alignement et Calculs...
Posté par: Wolf18 le le 01-01-2011 a 00:49:52
| Pour t'aider plus précisemment il faut le fichier css et le code HTML. Attention aux margin et padding qui peuvent induire en erreur ;) |
Titre: Re:Alignement et Calculs...
Posté par: Creatux le le 01-01-2011 a 12:26:01
| Je ne peut pas le fournir car je suis en train de crée le design du site donc pas encore découper ni intégrer. |
Titre: Re:Alignement et Calculs...
Posté par: FOTOTEK le le 04-01-2011 a 15:17:48
Alors là chapeau ! Tu es bien le seul que je connaisse qui arrive à se créer des problèmes d'alignements avec photoshop ;D Mais qu'est-ce que ça va être quand tu vas passer en html/css !!!
T'es sûr que tu connais le métier ? Car là ce n'est qu'un problème de calcul, t'as déjà entendu parlé des grilles pour le webdesign ?
Donne nous tes vraies tailles, on t'aidera à faire les calculs.
Exemple :
- longueur du design total : 1000px
- header avec marge 3px : 1000px - 6px = 994px pour le cadre interne
- 4 zones en dessous séparées de 20px et calées à gauche et droite et encadrement de 3px :
60px pour les séparations de 3 zones à 20px, il reste 940px à diviser en 4 soit 235px par bloc, et si chacun a un contour de 3px, chaque bloc aura une surface utile interne de 229px.
Rien de compliqué, juste des additions, divisions et soustractions... |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|