[css] faire un div avec des coins arrondis?

faire un div avec des coins arrondis? [css] - HTML/CSS - Programmation

Marsh Posté le 12-10-2004 à 12:31:27    

C'est possible de faire des div avec des coins arrondis? Il me semble avoir vu ca quelque part.

Reply

Marsh Posté le 12-10-2004 à 12:31:27   

Reply

Marsh Posté le 12-10-2004 à 12:32:32    

pas encore, aparement ca sera generaliser dans les css3

Reply

Marsh Posté le 12-10-2004 à 12:54:12    

initiators a écrit :

C'est possible de faire des div avec des coins arrondis? Il me semble avoir vu ca quelque part.


 
En trichant avec plusieurs divs, oui c'est possible, mais c'est très lourd vu qu'il faut spécifier toutes les largeurs et hauteurs sans parler de quelques autres problèmes...
 
Donc quand on a un site dynamique en PHP avec un contenu variable et qu'on ne connait pas la taille du contenu qui sera inséré, la seule soluce --> table.

Reply

Marsh Posté le 12-10-2004 à 12:54:58    

ça marche déjà dans moz/ff :)
j'ai ça, par exemple, dans mon css:


input, textarea, select {
  width: 200px;
  font-family: "Arial", "helvetica", sans-serif;  
  font-size: 12px;
  font-style: normal;
  border: none;
  color: #330033;
  background: white;
  -moz-border-radius: 15px;
  margin: 0px 0px 10px 0px;
  padding: 2px 8px 2px 8px;
}



---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 12-10-2004 à 12:55:54    

Hermes le Messager a écrit :


Donc quand on a un site dynamique en PHP avec un contenu variable et qu'on ne connait pas la taille du contenu qui sera inséré, la seule soluce --> table.

c'est faux, il y a qques techniques css qui marchent bien.
(sauf sur des vieilleries genre IE5)
(arrete d'etre aussi sur de toi [:ninipc])


Message édité par the real moins moins le 12-10-2004 à 12:56:15

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 12-10-2004 à 12:57:13    

the real moins moins a écrit :

c'est faux, il y a qques techniques css qui marchent bien.
(sauf sur des vieilleries genre IE5)
(arrete d'etre aussi sur de toi [:ninipc])


 
Exemple avec contenu variable (largeur du div central par exemple) ?

Reply

Marsh Posté le 12-10-2004 à 13:55:38    

Il y a des bidouilles qui marchent sur tous les navigateurs en jouant avec des images:
http://www.alistapart.com/articles/customcorners/

Reply

Marsh Posté le 12-10-2004 à 15:34:32    

Bon ben ca sera pas de coin arrondis alors.

Reply

Marsh Posté le 12-10-2004 à 22:50:45    

Hermes le Messager a écrit :

En trichant avec plusieurs divs, oui c'est possible, mais c'est très lourd vu qu'il faut spécifier toutes les largeurs et hauteurs sans parler de quelques autres problèmes...


Pas du tout : http://www.ljouanneau.com/standards/css/cadre/
 

Hermes le Messager a écrit :

Donc quand on a un site dynamique en PHP avec un contenu variable et qu'on ne connait pas la taille du contenu qui sera inséré, la seule soluce --> table.


En soit un tableau n'est pas spécialement plus simple pour ce genre de problème vu que ce n'est qu'une infâme imbrication de TR et de TD [:itm]


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 12-10-2004 à 22:56:02    


 
Ben trois niveaux de div pour un pauvre cadre, c'est un peu lamentable je trouve. Même sémantiquement, ça n'a plus aucun sens.
De plus, si la hauteur est variable, la largeur ne l'est pas. Et c'est sans parler des problèmes qui se poseraient s'il fallait mettre ce cadre à droite d'un autre cadre en float par exemple...
 

Citation :

En soit un tableau n'est pas spécialement plus simple pour ce genre de problème vu que ce n'est qu'une infâme imbrication de TR et de TD [:itm]


 
Bien sûr que si c'est plus simple et pour une bonne raison : les td et les tr dépendent NATURELLEMENT de la table. Les réactions des sous éléments sous "liées" entre elles.
 
La seule chose hors table qui s'en rapproche, ce sont les listes que j'utilise abondamment d'ailleurs à chaque fois qu'il y a un menu. [:itm]

Reply

Marsh Posté le 12-10-2004 à 22:56:02   

Reply

Marsh Posté le 12-10-2004 à 23:12:38    

Hermes le Messager a écrit :

Ben trois niveaux de div pour un pauvre cadre, c'est un peu lamentable je trouve. Même sémantiquement, ça n'a plus aucun sens.


D'accord, mais un tableau n'a pas plus de sens sémantiquement. Et au final tu te retrouves aussi avec 3 niveaux d'éléments...

Hermes le Messager a écrit :


De plus, si la hauteur est variable, la largeur ne l'est pas.


C'est juste pour l'exemple hein, tu peux enlever la contrainte sur la largeur si ça t'amuse.

Hermes le Messager a écrit :

Et c'est sans parler des problèmes qui se poseraient s'il fallait mettre ce cadre à droite d'un autre cadre en float par exemple...


:??: DIV#principal est dans le flux normal, je vois pas en quoi ce qui peut se passer à l'intérieur de celui-ci peut influencer le positionnement d'autres blocs...

Hermes le Messager a écrit :


Bien sûr que si c'est plus simple et pour une bonne raison : les td et les tr dépendent NATURELLEMENT de la table. Les réactions des sous éléments sous "liées" entre elles.


C'est une notion très subjective et personnelle...

Hermes le Messager a écrit :

La seule chose hors table qui s'en rapproche, ce sont les listes que j'utilise abondamment d'ailleurs à chaque fois qu'il y a un menu. [:itm]


Bah les listes ne sont que des DIV avec un soupçon de sémantique... Donc, du point de vue de l'utilisation rien ne les différencie des DIV...


Message édité par gm_superstar le 12-10-2004 à 23:13:47

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 13-10-2004 à 09:33:47    

Reply

Marsh Posté le 13-10-2004 à 10:24:13    


 

Citation :

Comme vous le voyez, les images "haut.gif" et "bas.gif" mesurent 1200px de largeur


 
Moi quand je lis ça, je zappe direct...
 
Marre des "bidouilles à 2 balles"...

Reply

Marsh Posté le 13-10-2004 à 10:33:40    

Reply

Marsh Posté le 13-10-2004 à 11:27:08    


 
déjà donné et commenté. Je ne vois pas l'intérêt de ce truc vu le nombre élevé de niveaux de div équivalent à une table en fait, la compatibilité avec des browsers un peu ancien en moins et des problèmes lorsque mis en adéquation avec d'autres trucs en plus.  
 
De plus, c'est buggé avec Opera 7.5x  :pfff:

Reply

Marsh Posté le 13-10-2004 à 12:15:17    

t'arretes un peu de ta la pêter [:opus dei]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 13-10-2004 à 12:20:40    

the real moins moins a écrit :

t'arretes un peu de ta la pêter [:opus dei]

te [:petrus75]

Reply

Marsh Posté le 13-10-2004 à 14:09:24    

ta [:neo_xp]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Sujets relatifs:

Leave a Replay

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