OVH Cloud OVH Cloud

Cadres...

7 réponses
Avatar
filh
Bonjour,

Je dois faire des cadres autour d'items dans une page, le cadre étant un
peu épais, d'une couleur avec un liseret noir de un pixel à l'extérieur
et un à l'intérieur.

Y a-t-il une solution plus élégante que trois blocs imbriqués (un pour
chaque couleur de cadre) ?

FiLH

--
Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire
une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle.
Roland Barthes.
http://www.filh.org

7 réponses

Avatar
Le Fou
FiLH a écrit

Je dois faire des cadres autour d'items dans une page, le cadre étant un
peu épais, d'une couleur avec un liseret noir de un pixel à l'extérieur
et un à l'intérieur.

Y a-t-il une solution plus élégante que trois blocs imbriqués (un pour
chaque couleur de cadre) ?



Un seul bloc avec une image de fond représentant le cadre.

--
A'tchao

Le Fou
http://perso.club-internet.fr/ehiller/
http://club.exocet.free.fr/
http://www.ffessm-cd84.com/
Avatar
filh
Le Fou wrote:

FiLH a écrit
>
> Je dois faire des cadres autour d'items dans une page, le cadre étant un
> peu épais, d'une couleur avec un liseret noir de un pixel à l'extérieur
> et un à l'intérieur.
>
> Y a-t-il une solution plus élégante que trois blocs imbriqués (un pour
> chaque couleur de cadre) ?

Un seul bloc avec une image de fond représentant le cadre.



Les blocs contenant un texte... cela ne marche pas. En effet le
changement de taille du texte change la taille du bloc, et donc l'image
ne suit pas ou mal.

FiLH

--
Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire
une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle.
Roland Barthes.
http://www.filh.org
Avatar
Le Fou
FiLH a écrit
> >
> > Je dois faire des cadres autour d'items dans une page, le cadre étant


un
> > peu épais, d'une couleur avec un liseret noir de un pixel à


l'extérieur
> > et un à l'intérieur.
> >
> > Y a-t-il une solution plus élégante que trois blocs imbriqués (un pour
> > chaque couleur de cadre) ?
>
> [Le Fou : ] Un seul bloc avec une image de fond représentant le cadre.

Les blocs contenant un texte... cela ne marche pas. En effet le
changement de taille du texte change la taille du bloc, et donc l'image
ne suit pas ou mal.



Alors un tableau, bords noirs et fond de couleur, avec une seule cellule
espacée des bords du tableau, avec aussi les bords noirs.

--
A'tchao

Le Fou
http://perso.club-internet.fr/ehiller/
http://club.exocet.free.fr/
http://www.ffessm-cd84.com/
Avatar
filh
Le Fou wrote:

FiLH a écrit
> > >
> > > Je dois faire des cadres autour d'items dans une page, le cadre étant
un
> > > peu épais, d'une couleur avec un liseret noir de un pixel à
l'extérieur
> > > et un à l'intérieur.
> > >
> > > Y a-t-il une solution plus élégante que trois blocs imbriqués (un pour
> > > chaque couleur de cadre) ?
> >
> > [Le Fou : ] Un seul bloc avec une image de fond représentant le cadre.
>
> Les blocs contenant un texte... cela ne marche pas. En effet le
> changement de taille du texte change la taille du bloc, et donc l'image
> ne suit pas ou mal.

Alors un tableau, bords noirs et fond de couleur, avec une seule cellule
espacée des bords du tableau, avec aussi les bords noirs.



Heu... si c'est pas pour présenter un tableau....

Enfin bon visiblement la solution n'est pas évidente vu que les pros du
coin restent muets..

FiLH

--
Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire
une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle.
Roland Barthes.
http://www.filh.org
Avatar
Thibaut Allender
On 3/01/2005 21:16, FiLH wrote :
Alors un tableau, bords noirs et fond de couleur, avec une seule cellule
espacée des bords du tableau, avec aussi les bords noirs.



Heu... si c'est pas pour présenter un tableau....

Enfin bon visiblement la solution n'est pas évidente vu que les pros du
coin restent muets..



la même chose mais avec 2 balises :)

genre :

<div style="border: 1px solid #000; padding: 5px; background:
#aaa;"><div style="border: 1px solid #000; background:
#fff;">test</div></div>

c'est pas très propre, mais c'est la seule solution que je vois, le coup
du border-style: double n'étant pas convaincant

--
thibaut allender | freelance | http://capsule.org
Avatar
filh
Thibaut Allender
wrote:

On 3/01/2005 21:16, FiLH wrote :
>>Alors un tableau, bords noirs et fond de couleur, avec une seule cellule
>>espacée des bords du tableau, avec aussi les bords noirs.
>
> Heu... si c'est pas pour présenter un tableau....
>
> Enfin bon visiblement la solution n'est pas évidente vu que les pros du
> coin restent muets..

la même chose mais avec 2 balises :)

genre :

<div style="border: 1px solid #000; padding: 5px; background:
#aaa;"><div style="border: 1px solid #000; background:
#fff;">test</div></div>

c'est pas très propre, mais c'est la seule solution que je vois, le coup
du border-style: double n'étant pas convaincant



Pas trop mieux quoi :)

Disons que le pb est que pour rendre ce genre de chose les deux ou trois
blocs impriqués n'ont pas de sens structurel.

Désagréable...

FiLH





--
Le fondement du constat bourgeois, c'est le bon sens, c'est-à-dire
une vérité qui s'arrête sur l'ordre arbitraire de celui qui la parle.
Roland Barthes.
http://www.filh.org
Avatar
Gg
FiLH a écrit :

Disons que le pb est que pour rendre ce genre de chose les deux ou trois
blocs impriqués n'ont pas de sens structurel.



Beaucoup de bidouilles sont dûes à des lacunes des CSS2. Peut être avec
les CSS3 ca sera mieux..dans 5 ans :)


--
GéraLd : http://gerald.fauvelle.free.fr
| Photos : http://www.gg.free.fr
| myStats : Système de statistiques
| Version 1.0.8 - http://emcity.nexenservices.com/mystats