ho creato nel mio sito una sezione scambio banner e ogni volta che si passa sopra ad un banner appare una cornice color arancio.
http://www.paesaggioitaliano.eu/scambiolink.html
Ho provato ad applicare il padding 2px in modo da far apparire la cornice arancio distanziata di 2px dal bannerino.
Eppure il padding 2px non mi funziona.
ecco il codice css completo
codice:
body{
margin: 4px 0px 0px 15px;
background: url(http://www.paesaggioitaliano.eu/images/sfondo.jpg) #0903f9 repeat-y center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
color : white;
overflow-x: hidden; overflow-y: auto;
SCROLLBAR-FACE-COLOR: #025EFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #898989;
SCROLLBAR-BASE-COLOR: #898989
}
p.box1{
float: left;
padding-left: 100px;
font-size: 13px;
}
p.box2{
float: left;
padding-left: 50px;
font-size: 13px;
}
textarea.txa{
width: 350;
height: 60;
margin-bottom:6;
}
p.title{
font-size: 30px;
font-weight: 500;
}
p.corpo{
font-size: 14px;
margin-bottom:30;
}
p.corpo2{
font-size: 14px;
margin-bottom:30;
}
img {
border: 1 solid blue;
display: block;
}
img.banner {
border: 0;
display: block;
}
.banner{
margin: 20 0 0 0;
padding: 0;
clear:left;
}
.banner li{
display: inline;
float:left;
color: #369;
margin: 8px 6px 0 0;
padding: 0;
list-style-type: none
}
.banner a img{
border: 2px solid transparent ;
padding:2px;
}
.banner a:hover img{
border-color: #FFA302;
}
a:link {color:white; text-decoration:none; font-style:normal}
a:visited {color:white; text-decoration:none; font-style:normal}
a:hover {color:white;text-decoration:underline;font-style:normal}
a:active {color:white;text-decoration:none;font-style:normal}