18041 sujets

Questions générales et questions de débutants

Cadre arrondi

Salut,

SVP, est ce que ces propriétés permettent bien de faire des cadres arrondis tout en resperctant les standards ..

p {
-moz-border-radius-bottomleft:50px;
-moz-border-radius-bottomright:50px;
-moz-border-radius-topleft:50px;
-moz-border-radius-topright:50px;
}


Merci ..
Bonsoir,

Oui.

En CSS2.1

Dans une famille de navigateur uniquement, dont le représentant le plus connu est Firefox.

Et en pas très beau, avec une certaine tendance à baver au détour des pixels.

Sinon, en revenir aux 4 bonnes vieilles images de coins arrondis, qui n'ont jamais fait de mal à personne, mais qui sont effroyables à gérer dès qu'on sort de la mise en page en tableaux.
Modifié par Laurent Denis (31 Jan 2007 - 22:42)
Merci bien Laurent Denis.

Mais d'après toi, c'est quoi la meilleur façon de faire des cadre arrondis ke ça soit pour des menus, cadre pour texte ...etc

Merci ..
Oé merci .. c'est très bien expliqué ..

En fait le site et tout fait en cadres arrondi ce qui fait simple et très joli .. bravo.

Laurent Denis >> Ben j'aime bcp, ça fait particulièrement tré joli Smiley langue

merci encore.
Modifié par GhiWaNi (31 Jan 2007 - 23:42)
Laurent Denis a écrit :
Je vous sens très accrochés à vos arrondis là Smiley ravi

Wah l'autre hé ! Smiley err

T'es jaloux parce que t'as pas de page sur les jolis coins arrondis à présenter. Toi t'as juste des pages sur le HasBeenLayout et les contextes de ratage en bloc. C'est nul.

En plus comment tu veux faire du Web-deux-point-zéro sans coins arrondis ? Smiley hum



PS : il y a comme un petit air de mercredÿ sur ce forum...
Laurent Denis a écrit :
Je vous sens très accrochés à vos arrondis là Smiley ravi


Mais non, en fait les coins sont arrondis justement pour que ça n'accroche pas trop Smiley ravi
GhiWaNi a écrit :

En fait le site et tout fait en cadres arrondi


Ouaip, 22 a minima. Et j'ai de quoi encore rajouter une ombre portée sur le global Smiley langue
Modifié par clb56 (01 Feb 2007 - 00:35)
a écrit :
Et j'ai de quoi encore rajouter une ombre portée sur le global


Comment on peut mettre cet ombre portée, si tu le permet.

Merci.
Salut, les ombres portés sont faites en images, il n'y pas (pour l'instant si je suis à jour) de propriété css qui te permettent ca.

SAUF, sauf si tu crée une bordure qui serais en dégradé de la couleur de ton conteneur, cette méthode n'est pas superbe, mais peut servir. En tout cas, cette derniere méthode est incopatible avec les coins arrondis Smiley cligne
GhiWaNi a écrit :

Comment on peut mettre cet ombre portée, si tu le permet.

C'est pour une ombre portée qui ressemblerait à ça (juste pour le visuel) :

http://www.clb56.fr/test_css/test_4bordures/exemple_2/

Dans ma css (la css principale du site, pas celle de l'exemple) div#global n'a pas pour l'instant de background-image.

Donc :

#header pourrait prendre en background le coin correspondant à la fin haut/droite du motif en ombre.

p#last_of_last le coin correspondant à la fin bas/gauche du motif en ombre.

#echu_breman un background consistant en une image qui composerait le coins bas/droite de l'ombre et toute la largeur basse de cette ombre. Donc une image de 1000px*30px (1000px étant la largeur maximum que j'ai définie pour #global).

il ne resterait plus qu'a donner à #global


#global {
background:url(global_centre_right.png) repeat-y right top;
}


où global_centre_right.png serait une petite image dont la reproduction verticale donnerait la partie pleine de l'ombre portée à droite.

Interventions sur html = 0.
Modifié par clb56 (01 Feb 2007 - 09:59)
Sujet clos
Aller à