1

yop,

je voudrais en CSS afficher un texte dans un cadre comportant une bordure en haut et en bas; le cadre doit pouvoir changer de taille en hauteur comme en largeur (donc les bordures doivent être des élements séparés du fond), et je voudrais que le texte "morde" sur les deux bordures, un peu comme ça :

sample.png

est-ce possible ? je vois comment faire mordre sur l'une des bordures, par exemple celle du haut, mais pas les deux à la fois :/
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

2

z-index:9999999999999 ?

3

ac un float: right ?
avatar
Webmaster et développeur du site. Pour tout probleme ou question envoyez un mini message ou mail.

Suivez l'actualité de tous vos site préférés sur yAronews : http://ns.yaronet.com =)

4

nEUrOO > z-index:99999 sur quel div ? (je comprends pas trop ce que ça pourrait changer ?)
yAro > float right sur quel div ? (idem ?)
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

5

<style>

.fond
{
	position: relative;
	border-top:20px solid #B9B9B9;
	border-bottom:20px solid #B9B9B9;

	background-color: #E7E7E7;
}
.txt
{
position: absolute;
top: 7px;
font-size: 40px;
}
</style>


<div class='fond'>&nbsp;<div class='txt'>Texte</div></div>


?
avatar
Webmaster et développeur du site. Pour tout probleme ou question envoyez un mini message ou mail.

Suivez l'actualité de tous vos site préférés sur yAronews : http://ns.yaronet.com =)

6

et est ce que ça pourrait t'aller ça :
<div style="background:silver">
<div style="background:gray;height:10px;margin-bottom:-10px;"></div>
<div style="font-size:20px;">Texte<br/>Texte 2</div>
<div style="background:gray;height:10px;margin-top:-10px;"></div>
</div>

mais les marges négatives c'est pas standard donc ça peut ne pas passer chez tout le monde :/

edit: oui j'arrive pas à le faire marcher avec ie7 sad
avatar

7

yAro : vi mais c'est pas une bordure pleine que je veux mettre, c'est une image sad
(et puis ça a l'air de foirer sous FF, mais ça à la limite c'est moins grave)

Nue : faudrait que je fasse un truc qui fonctionne en priorité sous ie (6 & 7), donc c'est gênant :/
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

8

bah tu met ton image en background au lieu des border ^^
avatar
Webmaster et développeur du site. Pour tout probleme ou question envoyez un mini message ou mail.

Suivez l'actualité de tous vos site préférés sur yAronews : http://ns.yaronet.com =)

9

justement c'est parceque c'est ça qui me pose problème que j'ai fait un topic : on ne peut définir qu'une seule image de fond, donc je vois pas trop comment en coller une en bas et une autre en haut :/
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

10

faire 2 div smile
avatar
Webmaster et développeur du site. Pour tout probleme ou question envoyez un mini message ou mail.

Suivez l'actualité de tous vos site préférés sur yAronews : http://ns.yaronet.com =)

11

ui mais comment tu fais pr qu'il y en ai un qui reste tjrs en bas ^^
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

12

bah tu met le fond du 2eme en position bottom
avatar
Webmaster et développeur du site. Pour tout probleme ou question envoyez un mini message ou mail.

Suivez l'actualité de tous vos site préférés sur yAronews : http://ns.yaronet.com =)

13

"position bottom" ? c'est quoi ça ? pr moi position c'est relative ou absolute (ou fixed ms il me semble que pr ie6 ça marche pas). me balancer un attribut css comme ça c'est pas la peine, si c'est pr que je passe 10 minutes à essayer toutes les combinaisons possibles pr finalement me rendre compte que ça ne marche pas :/
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

14

background-position: bottom;

pour l'image qui est censée représenter le truc d'en bas
avatar
Webmaster et développeur du site. Pour tout probleme ou question envoyez un mini message ou mail.

Suivez l'actualité de tous vos site préférés sur yAronews : http://ns.yaronet.com =)

15

bon, après avoir testé un paquet de trucs tous plus foireux les uns que les autres, avec le background-position y'a plus forcément besoin de position relatives : http://www.mirari.fr/temp/index.htm

j'ai perdu le fait de pouvoir répeter les textures des bordures haute et basse, mais tant pis, pas pu obtenir mieux que ça :/
avatar
All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

16