Coller un motif de chaques côtés de mon border, mais sans marge ?

Marsh Posté le 12-10-2003 à 20:05:45

Bonjour,

Je débute en css.
J'aimerai coller un motif (une frise celtique verticale) de chaques côtés de mon border vertical, mais j'ai une petite marge entre le motif et mon border.

Comment faire ?

Merci de votre aide

<html>
<head>
</HEAD>

<style>
.bordure_g {
margin: 0px;
float : left;
}

.bordure_d {
margin: 0px;
float : right;
}

.conteneur {
position:absolute;
left: 50%;
top: 50%;
width: 650px;
height: 545px;
margin-top: -300px;
margin-left: -350px;
border: 3px solid #666666;
background-color: #eee;
}
</style>

<body style='margin:0'>

<div class="conteneur">

<IMG style="vertical-align: bottom" src="E:\bandeau.gif" border=0>

<IMG class="bordure_g" style="vertical-align: bottom" src="E:\frise_verticale.gif" height=440 width=13>

<IMG class="bordure_d" style="vertical-align: bottom" src="E:\frise_verticale.gif" height=440 width=13 border=1>

</div>

</body>
</html>

Reply

Marsh Posté le 12-10-2003 à 20:05:45

Reply

Marsh Posté le 12-10-2003 à 20:08:44

je comprend pas trop ce que tu veux faire ... mais il manque peut-etre un padding:0px; dans bordure_d et bordure_g

<body style="margin:0px"> cai mieux

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Reply

Marsh Posté le 12-10-2003 à 20:53:42

simogeo a écrit :

je comprend pas trop ce que tu veux faire ... mais il manque peut-etre un padding:0px; dans bordure_d et bordure_g

<body style="margin:0px"> cai mieux

J'ai suivit ton conseil, mais cela n'a rien changé.
Je t'explique ce que je veux faire.
J'ai un border que j'appel conteneur, et il est toujours centrer même si on modifie la taille de la fenêtre de IE.
En haut je met un bandeau, et de chaques cotés contre les bords droite et gauche, en dessous du bandeau, j'aimerai mettre des photos de motifs celtique pour faire de la deco.
Or le motifs ne sont pas collés au border, ils ont une marge entre eux-même et le border.

J'aimerai bien savoir où se trouve mon erreur ...

Merci :hello:

Reply

Marsh Posté le 12-10-2003 à 21:02:03

je crois que j'ai compris ...

ca serait pas plus simple de le mettre en body-background ?

sinon .. file une url, ca ser a plus simple a "debugger" .

edit : TAB de mairde

Message édité par simogeo le 12-10-2003 à 21:02:34

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Reply

Marsh Posté le 12-10-2003 à 21:36:55

oki, pour info, ca passe tre bien ss Firebird....j'imagine que c'est (encore) un caprice d'ie.

en cherchant un peu .. il doit y avoir moyen de le contourner. Mais il me semble bcp plus simple et c'est crossbrowser, c'est sur, de placer tes frises et eventuellement ton header en background de ton conteneur [:spamafote]

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Reply

Marsh Posté le 12-10-2003 à 22:52:15

Perso, je mettrais l'image en fond :

.conteneur1 {
position: absolute;
left: 50%;
top: 50%;
width: 650px;
height: 545px;
margin-top: -300px;
margin-left: -350px;
border: 3px solid #666666;
background-color: #eee;
background-image: url(frise_verticale.gif);
background-position: top left;
background-repeat: repeat-y;
}

.conteneur2 {
height: 545px;
background-image: url(frise_verticale.gif);
background-position: top right;
background-repeat: repeat-y;
}

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

Reply

Marsh Posté le 13-10-2003 à 00:25:55

gm_superstar a écrit :

Perso, je mettrais l'image en fond

d'facon tu fais tout comme moi toi [:cupra]

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Reply

Marsh Posté le 13-10-2003 à 21:15:16

Merci simogeo pour ton conseil éclairé

Un grand merci à toi gm_superstar pour m'avoir donner un code qui fonctionne parfaitement

Grace à vous, je suis motivé pour apprendre les css, et je fais des progrès. :jap:
:hello:

Message édité par aragorns le 13-10-2003 à 21:16:12

Reply

Marsh Posté le 14-10-2003 à 17:43:39

arf, je viens de m'appercevoir qu'il y a un problème de centrage quand je change de résolution.
En 1024x768 et plus c bien.
En 800x600 le bandeau disparait vers le haut.

En fait il me faudrait une technique qui me centre ma page de maniere à ce que le bandeau reste en haut et ce, quelle que soit la résolution du visiteur. :whistle:

Message édité par aragorns le 14-10-2003 à 22:43:59

Reply

Coller un motif de chaques côtés de mon border, mais sans marge ?

Sujets relatifs:

Leave a Replay