Box avec coins arrondis et dégradé.

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Box avec coins arrondis et dégradé.

Kyfun

Les choses se passent !

Bijour,

J'aurai besoin de vos lumières pour réaliser des box avec coins arrondis, bordures et dégradé. Tout ceci redimensionable.

Pour l'instant je fais avec un tableau et 4 coins (qui sont des images), et une image de 1px de large pour le dégradé.

Code :

<table border="0" cellspacing="0" cellpadding="0" width="190" height="500" bgcolor="FFFFFF">
<tr height="10">
<td class="hautgauche"></td>
<td class="bhaut"> </td>
<td class="hautdroit"></td>
</tr>
<tr height="480">
<td class="bgauche"> </td>
<td class="contenupubdeg">
<div class="titreContenu">Titre</div>
</td>
<td class="bdroit"> </td>
</tr>
<tr height="10">
<td class="basgauche"></td>
<td class="bbas"> </td>
<td class="basdroit"></td>
</tr>
</table>

Donc c'est bien beau ça marche , mais si je redimensionne ma box en hauteur, ca ne marche plus du tout :x. Et pour cause le dégradé dépend de l'image d'1px. Donc si la box fait plus que la hauteur de l'image, c'est foutu .

J'ai trouvé pleins de site pour faire des box automatiquement, mais aucuns ne propose de degradé à l'interieur...

Bref si vous avez une idée ça m'interesse fortement

Message édité par Kyfun le 18-07-2007 à 17:36:02

---------------
Comme dirait quelqu'un de beaucoup plus avisé que moi, quelquefois c'est toi qui cognes le bar mais d'autres fois, et ben, c'est le bar qui te cogne.

Publicité

bixibu

Ca ... c'est fait!

si tu veux faire un dégradé propre sur une boite qui s'allonge verticalement, une solution est d'avoir en background de ta boite une image par exemple de 600px de haut que tu fais tenir en 100% dans une boiteayany par exemple une hauteur mini de 150px et une hauteur maxi de 600px.. comme ca, quelque soit la hauteur de ta boite, ton degradé tiendra à 100% dedans.. c'est l'image de background qui s'auto-redimensionne..

pour le css : .boite{background :url("boite.jpg" ) no-repeat scroll center bottom } devrait marcher

Message édité par bixibu le 19-07-2007 à 00:14:49

xtof_83

Freeride Spirit

http://gatsu.ftp.free.fr/html/bord [...] ersV2.html

Kyfun

Les choses se passent !

J'ai finallement opté pour une solution sans dégradés, et ça rend mieux en plus

Merci quand même

---------------
Comme dirait quelqu'un de beaucoup plus avisé que moi, quelquefois c'est toi qui cognes le bar mais d'autres fois, et ben, c'est le bar qui te cogne.

FORUM HardWare.fr

Programmation

HTML/CSS

Box avec coins arrondis et dégradé.

Sujets relatifs
Dégradé dans un tableau...	[Java Swing] Alignement d'un "Box" component à gauche
arriére plan dégradé	[RESOLU] Dégradé 100% hauteur et largeur ?
problème avec une SELECT BOX	Coints arrondis en CSS
Probleme CSS avec IE : boite à bords arrondis	[CSS] Afficher juste les coins des bordures
message Box sous VB	MFC: Radio Button et Group Box
Plus de sujets relatifs à : Box avec coins arrondis et dégradé.

Page générée en 0.056 secondes