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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [css] faire un div avec des coins arrondis?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[css] faire un div avec des coins arrondis?

n°871296
initiators
Posté le 12-10-2004 à 12:31:27  profilanswer
 

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

mood
Publicité
Posté le 12-10-2004 à 12:31:27  profilanswer
 

n°871298
Profil sup​primé
Posté le 12-10-2004 à 12:32:32  answer
 

pas encore, aparement ca sera generaliser dans les css3

n°871303
Hermes le ​Messager
Breton Quiétiste
Posté le 12-10-2004 à 12:54:12  profilanswer
 

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.

n°871304
the real m​oins moins
Posté le 12-10-2004 à 12:54:58  profilanswer
 

ç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 ?
n°871306
the real m​oins moins
Posté le 12-10-2004 à 12:55:54  profilanswer
 

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 ?
n°871309
Hermes le ​Messager
Breton Quiétiste
Posté le 12-10-2004 à 12:57:13  profilanswer
 

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) ?

n°871363
Valeriand
Posté le 12-10-2004 à 13:55:38  profilanswer
 

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

n°871560
initiators
Posté le 12-10-2004 à 15:34:32  profilanswer
 

Bon ben ca sera pas de coin arrondis alors.

n°871954
gm_superst​ar
Appelez-moi Super
Posté le 12-10-2004 à 22:50:45  profilanswer
 

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
n°871960
Hermes le ​Messager
Breton Quiétiste
Posté le 12-10-2004 à 22:56:02  profilanswer
 


 
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]

mood
Publicité
Posté le 12-10-2004 à 22:56:02  profilanswer
 

n°871977
gm_superst​ar
Appelez-moi Super
Posté le 12-10-2004 à 23:12:38  profilanswer
 

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
n°872148
ratibus
Posté le 13-10-2004 à 09:33:47  profilanswer
 
n°872176
Hermes le ​Messager
Breton Quiétiste
Posté le 13-10-2004 à 10:24:13  profilanswer
 


 

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"...

n°872184
Flyman30
Posté le 13-10-2004 à 10:33:40  profilanswer
 
n°872220
Hermes le ​Messager
Breton Quiétiste
Posté le 13-10-2004 à 11:27:08  profilanswer
 


 
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:

n°872252
the real m​oins moins
Posté le 13-10-2004 à 12:15:17  profilanswer
 

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


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°872258
Profil sup​primé
Posté le 13-10-2004 à 12:20:40  answer
 

the real moins moins a écrit :

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

te [:petrus75]

n°872371
the real m​oins moins
Posté le 13-10-2004 à 14:09:24  profilanswer
 

ta [:neo_xp]


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

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

  [css] faire un div avec des coins arrondis?

 

Sujets relatifs
[CSS] div avec angles arrondisune idée pour représenter des trapèzes à coins coupés ?
Coins ronds transparents étirables ?[CSS] Bug affichage cadre aux coins arrondis
[PHP][Jpgraph] Need Help pour faire des arrondis de courbeprobleme d'arrondis
[2d] : Bezier + Point containment = bord arrondisArrondis superieur sous visualbasic
Bordures avec coins arrondis[HTML] Coins arrondis
Plus de sujets relatifs à : [css] faire un div avec des coins arrondis?


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