Alignement sans tableaux...

Alignement sans tableaux... - HTML/CSS - Programmation

Marsh Posté le 03-08-2006 à 10:12:57    

bon, comme je lis un peu partout que les tableaux c'est le mal, j'essaie de m'en débarasser.
 
Comment faire un alignement du style


    nom : [________]
 
 prenom : [________]
 
          ¤ oui
ça va ? : ¤ non
          ¤ t'es d'la police ?
 


 ?
 
avec les tableaux, pas de soucis, mais en css... je cssèche (elle viend de loin celle là).
 
Merci de votre aide.
 
 
edit: hummm [ fixed ] marche pas trop comme je pensais..


Message édité par brisssou le 03-08-2006 à 10:16:11

---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 03-08-2006 à 10:12:57   

Reply

Marsh Posté le 03-08-2006 à 10:22:57    

les tableaux , c'est la mal , mais dans ce cas, ils vont vachement te simplifer la vie :D
 

Reply

Marsh Posté le 03-08-2006 à 10:23:22    

c'est bien qu'est-ce que j'me disais aussi...


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 03-08-2006 à 11:58:17    

C'est un formulaire?
Nom et prénom sont dans la balise <label>?
Transforme là en block qui flottent.
Ensuite tu choisis le padding pour ton ul (si tes boutons sont dans une liste non-ordonnée)
 
Regarde cette page:
http://www.webcredible.co.uk/user- [...] orms.shtml

Reply

Marsh Posté le 03-08-2006 à 14:15:46    

hooooooooooooooooo
 
 
c'est bôôôôô !!
 
 
merci !


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 03-08-2006 à 14:16:47    

galère, et en plus, je viens de me casser le bol à faire des groupes de champs, et là, le vois filedset.... les boules...


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 03-08-2006 à 14:25:24    

David Boring a écrit :

C'est un formulaire?
Nom et prénom sont dans la balise <label>?
Transforme là en block qui flottent.
Ensuite tu choisis le padding pour ton ul (si tes boutons sont dans une liste non-ordonnée)
 
Regarde cette page:
http://www.webcredible.co.uk/user- [...] orms.shtml


dans ce cas la tes label ont une largeur fixe ,non ?
l'avantage d'un tableau est de faire tout suel le calcul des largeurs necessaires  
 
a voir si c'est important  ou pas dans ton cas  
:jap:

Reply

Marsh Posté le 04-08-2006 à 13:10:26    

Les tableaux c'est mal  :cry:  
ça allourdi le code, c'est complique à mettre en page....
 
Crée une division (balise <div> ) et utilise css pour definir la position.


Message édité par vomegaz le 04-08-2006 à 13:12:23
Reply

Marsh Posté le 04-08-2006 à 14:13:04    

c'est ce que j'ai fait.
 
Maintenant que j'ai fini, il me viend une réfléxion : c'ets super pas dynamique. Avec les tableaux, j'arrivais à gruger à peu près comme je voulais, là avec les css, pour centrer un élément par rapport à uin autre (par exemple) c'est loin d'être évident.
 
En plus, il manque presque une notion d'héritage. On peut définir plusieurs classes en même temps, et donc factoriser des paramètres, mais c'est un peu naze je trouve, parce que ça eclate la définition en plusieurs endroits. En même temps, les gars qui ont spécifié tout ça y ont certainnement réflichit, donc je remmet pas en cause, je commente.  
Mais quand même...


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 07-08-2006 à 18:05:05    

Il y a une notion d'heritage justement, tous les éléments fils heritent des caracteristiques de leurs parents.
 
Apres pour center les divisions tu as plusieures possibilités ça depend de ton filingue, tu as le positionnement relatif...
 
Souvent les problemes de mise en page, viennent des differences d'interpretation des navigateurs, en particulier de ie qui ne respecte pas les standards w3c.


Message édité par vomegaz le 07-08-2006 à 18:05:39
Reply

Sujets relatifs:

Leave a Replay

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