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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Coller un motif de chaques côtés de mon border, mais sans marge ?

aragorns

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>

Publicité

simogeo

j'ai jamais tué de chats, ...

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

aragorns

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:

simogeo

j'ai jamais tué de chats, ...

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

simogeo

j'ai jamais tué de chats, ...

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

gm_superstar

Appelez-moi Super

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

simogeo

j'ai jamais tué de chats, ...

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

aragorns

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

aragorns

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Pb de marge entre une photo et une table	[Motif] Popup Menu
Recherche de motif dans un tableau 2d	[OpenGL] arrive po a coller une texture sur une subWindow :'( [resolu]
Imprimer ou copier/coller du code avec les COULEURS	Problème de marge
regex(bbcode) de la balise img avec les attributs width,height,border	[HTML/CSS] Border dotted et IE
marge en bas des images dans mes div	[HTML] Comment éviter de copier-coller du code sur chaque page ?
Plus de sujets relatifs à : Coller un motif de chaques côtés de mon border, mais sans marge ?

Page générée en 0.058 secondes