[css] padding/margin sur une image?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [css] padding/margin sur une image?

noobite

The Flying Sushi

Salut à tous,
je suis en train de réaliser un site en jsp, rien de bien particulier par rapport au php (le code généré reste de l'html).
Mon soucis et que je créé un "cadre" dans lequel sera contenu le menu, le texte, les images,... le menu est composé d'un tableau et l'image de fond ne colle pas au bord du "cadre" défini dans ma feuille de style malgré un padding et une margin fixé à 0px. Auriez-vous la solution à ce problème de style?

merci par avance.

ps: ce qui nous intéresse c'est donc body (cadre), td (menu).

Code :

body {
background-color: #FFFFFF;
margin:0px;
padding:0px;
}
.text{
width:700px;
margin: 10px;
margin-left:30px;
margin-bottom:30px;
text-align:left;
font-family: Arial;
font-size:8pt;
color:#394852;
}
.title{
font-family: Arial;
font-size:12pt;
font-weight:bolder;
margin-bottom: 7px;
}
.menu{
text-align: center;
padding: 0px;
margin: 0px;
}
.right{
float:right;
margin: 20px;
}
td{
width:898px;
height:40px;
background-color:white;
background-image:url("../images/menu_background.png" );
background-repeat:no-repeat;
}
a {
width: 110px;
height:30px;
font-family:arial;
font-size:12px;
padding-left: 5px;
color: #999999;
}
a:hover {
width: 110px;
height:30px;
font-family:arial;
font-size:12px;
padding-left: 5px;
color: #000000;
}
.main {
width: 900px;
border:solid 1px #918D7E;
background-color: #FFFFFF;
margin-right: auto;
margin-left: auto;
padding:0px;
}
tbody {
text-align: center;
margin-top: 0px;
padding:0px;
background-color: #050505;;
font-family: Arial;
font-size:8pt;
}
h1{
font-family: arial;
text-decoration: strong;
text-align: center;
}
#topnav {
width:650px;
border:1px;
border-bottom-style: solid;
background-color:#3C3C3C;
color:white;
}
#logo {
border:1px;
border-bottom-style:solid;
padding: 0px;
margin: 0px;
}
#pub {
border:0;
}
#topnav A:HOVER {
border-width: 2px;
border-color: #CCCCCC;
background:#050505;
padding: 5px;
}
#CONTENT {
text-align:left;
padding:20px;
color:#050505;
}
#thumb {
border:1px;
border-color:black;
border-bottom-style:solid;
border-top-style:solid;
border-left-style:solid;
border-right-style : solid;
margin-left:10px;
margin-right:10px;
margin-bottom:7px;
}
.title {
font-size:18px;
color:#050505;
font-weight:strong;
letter-spacing: 1px;
}
img.right_illustration {
position: float;
float: right;
margin: 20px;
padding-bottom: 5px;
clear:both;
}

---------------
.: [Knowledge Is Power] || [Mon FeedBack] :.

Publicité

Lactique

Caraïbe et huile de coco

La csss s'applique avec hiérarchie en cascade, voir les class c'est bien mais impossible de savoir le resultat si on ne sait pas comment ton code est fait, le html, ou est ta balise td ? qui est son parent ? etc...

Pour comprendre ou est le décalage on utilise la technique des bordures, tu mets une bordure d' 1 pixel a un élément pour voir si il est bien placé. Tu en sauras plus sur la balise incriminée.
Ca peut aider.

---------------
Studio CréeAll

FORUM HardWare.fr

Graphisme

Web design

[css] padding/margin sur une image?

Sujets relatifs
vidéo FLV : remplacer écran noir du début par image	Photoshop : texte sur image
[Indesign] Découper une image?	bensoin d'aide pour image oblitération
[Image ready] faciliter la vie pour aligner les frames	image bitmap pour grand format
Flash pro 8 faire apparaitre une image en fondu	Agrandissement image
Copyright dans les <<propriétés>> de l'image.	Une image en emitter avec Particule illusion
Plus de sujets relatifs à : [css] padding/margin sur une image?

Page générée en 0.052 secondes