comment faire un tableau aux bords arrondis ??

Marsh Posté le 24-02-2003 à 22:25:04

comment fait on pour insérer un tavleau avec des angles arrondis ?je sais qu'il y a une astuce mais me rappelle plus.
merci.

Message édité par mister_nice le 24-02-2003 à 22:25:25

Reply

Marsh Posté le 24-02-2003 à 22:25:04

Reply

Marsh Posté le 24-02-2003 à 22:26:45

A part faire des .jpg ou des .png avec du texte au dessus, je vois pas..

Reply

Marsh Posté le 24-02-2003 à 22:30:31

Il faut mettre ton tableau au milieu d'un autre tableau de 3 lignes et 3 colonnes avec dans chaque coin une image de l'arrondi.

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

Reply

Marsh Posté le 24-02-2003 à 22:34:06

c bon j'avais trouvé !
http://javanilla.free.fr/trucs/truc_tableau.php

Reply

Marsh Posté le 24-02-2003 à 22:35:04

Sinon, sans utiliser de tableau, mais avec des DIV et des CSS : http://ljouanneau.free.fr/standards/css/cadre/

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

Reply

Marsh Posté le 24-02-2003 à 22:55:08

exellent! :sol:

Reply

Marsh Posté le 24-02-2003 à 23:27:26

ou alors encore plus light avec -moz-border-radius

Code :

.curvedborder
{
text-align: center;
border:2px solid #000;
-moz-border-radius: 20px;
}

Evidemment c'est spécifique mozilla , mais il devrait y avoir un truc de ce genre en CSS3

Reply

Marsh Posté le 24-02-2003 à 23:30:23

Dsls a écrit :

ou alors encore plus light avec -moz-border-radius

Code :

.curvedborder
{
text-align: center;
border:2px solid #000;
-moz-border-radius: 20px;
}

Evidemment c'est spécifique mozilla , mais il devrait y avoir un truc de ce genre en CSS3

:lol:

Dans mon nouveau browser que je devel, ça sera integré! :whistle:

Message édité par Mr yvele le 24-02-2003 à 23:31:15

Reply

Marsh Posté le 24-02-2003 à 23:32:04

Dsls a écrit :

ou alors encore plus light avec -moz-border-radius

Code :

.curvedborder
{
text-align: center;
border:2px solid #000;
-moz-border-radius: 20px;
}

Evidemment c'est spécifique mozilla , mais il devrait y avoir un truc de ce genre en CSS3

Oui et en plus ça ne marche que si on veut une bordure simple. Si on a une image il faut utiliser une des méthodes données plus haut.

D'une manière générale, les propriétés non-standards sont à éviter.

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

Reply

Marsh Posté le 24-02-2003 à 23:35:46

Mr yvele a écrit :

-moz-border-radius :heink:

http://www.google.fr/search?q=-moz [...] %3Dlang_fr

http://www.blooberry.com/indexdot/ [...] nsions.htm

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

Reply

Marsh Posté le 24-02-2003 à 23:35:46

Reply

Marsh Posté le 24-02-2003 à 23:38:49

gm_superstar a écrit :

http://www.blooberry.com/indexdot/ [...] nsions.htm

:ouch: pourtant ça a rien donné dans google...

jsuis sur le cul, je pensais que c'été un fake..

ça sera compliant ça?
ça devient de pire en pire,si meme modzilla commence.. chaque browser aura son propre language.. :pfff:

Message édité par Mr yvele le 24-02-2003 à 23:40:38

Reply

Marsh Posté le 24-02-2003 à 23:43:44

Lis un peu les commentaires au dessus !

Non ce n'est pas compliant, mais ça le sera car ça fait partie des CSS 3. C'est pour ça que pour l'instant il faut ajouter le préfixe -moz- pour bien indiquer que c'est une propriété non standard et spécifique à Mozilla et donc, à éviter.

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

Reply

Marsh Posté le 25-02-2003 à 00:32:22

gm_superstar a écrit :

Il faut mettre ton tableau au milieu d'un autre tableau de 3 lignes et 3 colonnes avec dans chaque coin une image de l'arrondi.

bon ça me prend la tête j'arrive pas à avoir un alignement parfait ! :fou:
avec les bordures ça déconne...