[css]Design Mac OS X

Design Mac OS X [css] - HTML/CSS - Programmation

Marsh Posté le 28-09-2007 à 18:06:04    

Bonjours, je suis en train de réaliser un petit design style Mac OS X.
Au début, j'ai essayé avec des tableaux, ca marchait plus ou moins bien, en fait, je doit fixer au moins une largeur, sinon j'obtient des trucs vraiment louche.
 
Si je fixe une largeur pour une cellule donnée, j'obtient un truc plus présentable, mais quand même, c'est pas la joie, c'est pas flexible, je peut pas faire de design extensible, faut que je réajuste les valeurs a chaques fois si je veut modifier la largeur de mes pages...
 
Finalement je vais le faire en css, mais j'ai quelque petit probléme: css
 
Comment je peut faire pour que mon design soit extensible, sans probléme au niveau des jonctions entre les cellules?
 
Merci

Reply

Marsh Posté le 28-09-2007 à 18:06:04   

Reply

Marsh Posté le 28-09-2007 à 21:39:29    

Il ne faut pas utiliser de tableau pour faire de la mise ne page
 
Bon sinon tu veux faire quoi au final ???

Reply

Marsh Posté le 28-09-2007 à 23:31:57    

Au final, il me faudrais une colonne de menu a gauche, une autre a droite, et au centre, le contenu, dans une fenétre style mac os x, ce que j'essai de faire.
 
Je sais que les tableau c'est plus trop a la mode pour la mise en page, seuelement on trouve pas beaucoup de tuto sur le net pour faire tout en css...

Reply

Marsh Posté le 29-09-2007 à 00:36:58    

J'ai suivis ce tuto: http://www.siteduzero.com/tuto-3-3 [...] -divs.html
 
Seulement il y a un peut de gris qui dépasse en bas: ici
 
Je n'arrive pas a trouver d'ou vient le probléme.
 
Une derniére question, tant que j'y suis, comment faire pour que ca soit extensible?
 
Je m'explique: pour contenu, pas de probléme, je met width: 100%, par contre, ca se complique pour .haut et .bas, la je peut pas mettre 100%, parce que il y a les deux coins.
 
A eux 2, les coins font 15 pixels de largeur, il faut donc que haut et bas fassent 100%-15px de largeur, comment faire ca en css?
 
Merci

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed