چندتا سوال css و مشکل با وردپرس

سلام
آقا من یه مشکلی دارم...من میخوام اطراف تصاویرم (به همراه عنوان تصویر) یک کادر کشیده بشه با پس زمینه...خب برای این کار کلاس border رو تعریف کردم به این صورت

کد:

---

.border{ border: 1px solid #C0C0C0;        background-color: #F9F9F9;        padding: 3px 3px 5px 3px;  }

---

و اطراف هر تصویر به همراه عنوان اون این کلاس رو برای تگ div تعریف کردم...ولی مشکلم اینه وقتی تصویر رو میزارم توی سایت اون div تمام بخش رو میگیره و در طراف تصویر نیست...
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]



راستی یه سوال دیگه هم داشتم...برای این که وقتی موس بره روی یک عنصر توی صفحه(مثلا تصویر و یا inputbox ) و رنگش و .. اون تغییر کنه باید توی کلاس css اون چیو تعریف کنیم؟ من مثلا میزنم border :hover کار نمیده...برای وقتی که کلیک میکنیم هم بگین ممنون میشم

این به کارتون میاد؟

کد:

---

<style type="text/css">
.border {
    border: 1px solid #333;
    margin: 3px;
}
</style>

---

اون موضوعه چسبیدن به اطراف هم به نظرم برای اینه که سایز خاصی چه پیکسلی چه درصدی تعریف نمیکنید براش
اینم 100 درصد میگیره پیش فرض

برای هاور هم همین کد هست

کد:

---

.border:hover

---

کار نمیده براتون؟
باید کده کامل رو دید

مرسی داریوش جان..آقا این کد کامل css منه



[HTML]/*

*/
table {
 font: 11px tahoma, sans-serif;
}
ul, menu, dir {
   margin: 0 0;
  -moz-padding-start: 0px;
  padding: 0px;
}
p, dl, multicol {
   margin: 0;
    padding: 0px;
}
body {
text-shadow: 1px 1px 1px #ECEBEA;
    font: 11px tahoma, sans-serif;
    color: #000;
    background: #486583  scroll center top;
    line-height: 1.7;
    margin: 0;
    padding: 0 0;
    text-align: right;
}


#content blockquote{padding: 10px;font-style: italic;color: #51535B;background: #F7FCFE;border: 2px dashed #134F81;}
#content blockquote p{margin: 0px 0px 20px 0px;padding: 0px;}


ol, ul, li { list-style: none;
  margin: 0 0;
  -moz-padding-start: 0px;
  padding: 0px;
 }

a, a:link {
    text-decoration: none;
color: #16598E;
 }

a:hover { color:#0F426D;
text-shadow: 1px 1px 1px #C5C8CA;
 }

h1 {
    padding: 0px;
    margin: 0px;
    font: bold 1.4em/1.6 tahoma, sans-serif; }

h2 {
    padding: 0px;
    margin: 0px;
    font: bold 1.4em/1.6 tahoma, sans-serif; }

h3 {
    padding: 0px;
    margin: 0px;
    font: bold 1.3em/1.6 tahoma, sans-serif; }

h4 {
    padding: 0px;
    margin: 0px;
    font: bold 1.2em/1.6 tahoma, sans-serif; }
img { border-style: none; }
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.left { float: left; }
.right { float: right; }
.border{
border: 1px solid #C0BEBE;
    background-color:#F1F0F0;
    margin: 3px 3px 5px 3px;
padding: 4px 4px 6px 4px;
text-align:center;
border-radius: 3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
.clear {
    clear: both;
    height: 10px;
    line-height: 0;
    font-size: 0; }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0; }
.ldWrapper{
padding: 4px;
border: 1px solid #DDDDDD;

}
.ldWrapper h2{
text-shadow: 1px 1px 1px #8E8E8D;
padding-right: 5px;
padding-left: 5px;
font:11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
background-color:#F9F9F9;
border: 1px solid #DDDDDD;
margin-top:-12px !important;
padding-bottom:2px !important;
text-align:center;
}

*:first-child+html .clearfix { min-height: 1px; }

/*-----layout-----*/
#warpper {
    
    direction: rtl;

    margin: 0 auto;

    padding: 0;

    position: relative;

    width: 950px;
     background-color:#FFF;
}


.header
{
background:url(images/head-bg.jpg) rgb(20,82,133) repeat-x;
height:118px;
position: relative;
width:950px;  
border: 1px solid #134F81;
}

    .header-name{
background:url(images/head.png) no-repeat;
height:100px;
margin-right: 20px;
margin-top: 10px;
width:300px;
position: absolute;}

        .header-name a {
            display: block;
            height: 118px;
            width: 300px; }
    .old-template{
height:118px;
position:absolute;
right:5px;
top:15px;
width:34px;}

        .old-template a {
            display: block;
            height: 127px;
            width: 34px; }
        .header-name span,.old-template span { display: none; }

    .header span { display: none; }
.nav-menu{
text-shadow: 1px 1px 1px #000000;
margin-top: 93px;
text-align: center;
color: #feba25;
}
.nav-menu a{
color: #feba25;
}
.nav-menu a:hover{
color: #ffffff;
}
.nav {
text-shadow: 1px 1px 1px #000000;
    border: 1px solid #134F81;
    background: url(images/topbar.jpg) rgb(20,82,133) repeat-x;
    height: 25px;
}
    
.nav-right{

width:300px;
padding-top: 2px;
color: #fff;
float: right;
}
.nav-left{
float:left;
width:190px;
padding-top: 4px;
float: left;

}
.nav ul {
list-style-type:none;

}
.nav ul li {
float:right;
padding-right: 6px;
}

.nav ul li a {
display:block;
text-align:center;
height:25px;
width:72px;
}
.nav a {
color:#FFF;
}



    #nav-form {
height:30px;
left:70px;
position:absolute;
top:160px;
width:150px;
}

        .nav
#searchform #s {
            background-color: #fff;
            padding-right: 3px;
            font: 13px Tahoma, tahoma, Helvetica, sans-serif;
            line-height: normal;
            position: absolute;
            width: 130px;
            color: #363535;
            border: 1px solid #134F81;}

        .nav #searchform a {
display:block;
padding-right:150px;
 }
        .nav #searchform a  span{
display:none; }

.content {
    text-align: right;
    
 }

.two-sidebar {
    background-color:#FFF;
    float: right;
    width: 760px; }

.center-menu {
    float: left;
    width: 538px;
    margin-left:7px;
    margin-right:7px;
        display:inline;
}


.post {
border: 1px solid #134f81;
}
.highlighted{
background-color: #F2F7FC;

}
.nothighlighted{

}

.post-wrapper{
    margin:5px 0 5px 0;
}
.post-wrapper h2 {
text-shadow: 1px 1px 1px #000000;
background:transparent url(images/topbar.jpg) repeat-x ;
height:20px;
display: block;
padding-right:13px;
padding-top: 5px;
font:11px Tahoma, Verdana, Helvetica, Arial, sans-serif;

 }
.post-wrapper h2  a { color: #FB9A03;
margin-right:2px;

 }
.post-wrapper h2  a:hover{
text-shadow: 1px 1px 1px #000000;
color:#ffffff;
 }

.meta .comment {
margin: 0 10px 0 0;
padding: 4px 20px 0 20px;
float:left; }
.meta.author {
margin: 0;
padding: 3px 24px 0 0;
}

.meta {
border-bottom: 1px solid #134f81;
padding-right: 8px;

}

.meta-comment ul li {
display: block;
padding-left:10px;
padding-right:10px;
padding-top:3px;
}
.meta ul li {
display: block;
float: right;
 }

.meta .category {
margin: 0;
padding: 3px 15px 0 0; }

.meta .post {
margin: 0;
padding: 3px 24px 0 0; }

.meta .date {
float: left;
margin: 0 10px 0 0;
padding: 3px 15px 0 20px; }

.entry {
    padding:10px;
    padding-top: 30px;
    margin-left:2px;
    margin-right:2px;
}

.tags,.cats{
margin-top:15px;
padding:0 30px 5px 5px;
}
.tags a {
line-height:30px;
padding:5px;
}
.cats a {
line-height:30px;
padding:5px;
margin:2px;
}

.post-more-link {
    background: transparent url(images/continue.png) no-repeat scroll right bottom;
    margin: 15px 0 5px 0;
    padding: 0 18px 0 0;
    }
    


.nothing {
background-color:#486583;
    clear: both;
    height: 10px;
    line-height: 0;
    font-size: 0; }

.sidebar-header{
background: transparent url(images/box-head.jpg) repeat-x;
height: 27px;
color:rgb(255,255,255);
padding-right:8px;
text-shadow: 1px 1px 1px #000000;
}

.block{
 border: 1px solid #134F81;
 margin:10px 0px 10px 0px;

}

.block  ul li {
    background: transparent url(images/tick.gif) no-repeat scroll right 9px;
    padding: 0 12px 0 0; }

.block  li ul { margin: 0 15px 0 0; }

.block  ul li ul li {
            background: transparent url(images/arrow_mini_left.gif) no-repeat scroll right 5px;
            padding: 0 10px 0 0; }
.right-sidebar {
    float: right;
    width: 200px;
    margin-right:6px;
    display:inline
    }

    .sidebar-header h3 {
        font:11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
        padding-top:5px;
        }

.right-sidebar ul {
        margin: 0;
        padding: 0; }

.sidebar-content {
    padding: 4px 9px; }
    
.sidebar-content ul {
padding: 1px 1px;
margin: 1px    }

.left-sidebar {
    float: left;
    width: 180px;
    margin-left:6px;
}

    .left-sidebar h3 {
    height: 42px;
        font:11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
        padding-top:5px;
    }

    .left-sidebar span {
    }

    .left-sidebar ul {
        margin: 0;
        padding: 0; }

    .left-sidebar li {
        background: transparent url(images/arrow_mini_left.gif) no-repeat scroll right 7px;
        padding: 0 10px 0 0; }


.footer {
    background-color: #fff;
    clear: both;
    border-bottom:10px solid #486583;
    padding-right: 7px;
}
.footer-top{
    padding:1px 0;
    background-color:#FFF;
    display:block;
    }
.footer h3 span{
    display:none;
    }
.footer-content{

overflow:hidden;
padding:0px;

}


.tags-cloud {
border: 1px solid #134F81;
    width: 300px;
    display: inline;
    float: right;
    margin: 0 4px 0 6px; }

    .tags-cloud h3 {
    text-shadow: 1px 1px 1px #000000;
    text-align:right;
    font:11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
padding-top:5px;
        background: transparent url(images/box-head.jpg) repeat-x;
height: 27px;
color:rgb(255,255,255); }

    .tags-cloud ul li {
        display: inline;
        font-family: tahoma,Helvetica,sans-serif;
        padding: 0 !important;
        }

    .tags-cloud li a {
        dispaly:inline;
        font-weight: bold;
        
 }

     .rank-1 a {
        font-size: 1.9em;
        padding: 2px 5px;
        color: #e1a744; }

     .rank-2 a {
        padding: 2px 5px;
        font-size: 1.8em;
        color: #e77255; }

     .rank-3 a {
        font-size: 1.7em;
        padding: 2px 5px;
        color: #40a342; }

 .rank-4 a {
        font-size: 1.6em;
        padding: 3px 5px;
        color: #389a19; }

    .rank-5 a {
        font-size: 1.5em;
        padding: 3px 5px;
        color: #193e9a; }

     .rank-6 a {
        font-size: 1.4em;
        padding: 3px 5px;
        color: #9a2519; }

     .rank-7 a {
        font-size: 1.3em;
        padding: 4px 5px;
        color: #9a8f19; }

     .rank-8 a {
        font-size: 1.2em;
        padding: 4px 5px;
        color: #199a95; }

     .rank-9 a {
        font-size: 1.1em;
        padding: 4px 5px;
        color: #92199a; }

     .rank-10 a {
        font-size: 1em;
        padding: 4px 5px;
        color: #199a62; }


.footer-bottom{
text-shadow: 1px 1px 1px #000000;
border: 1px solid #134F81;
    background: transparent url(images/foot-bg.jpg) repeat-x;
    height:49px;
}
.designer {
text-align:center;
padding:3px 0 0 10px;
color:#FFF;
width:400px;
}
.designer a{
color:#FFFfff;
}




/* */    

    form.editable div{margin:.5em 0;clear:both;}
    form.editable label{
        float:left;
        width:150px;
        }
    form.editable fieldset{
        border:2px solid #dfdfdf;
        padding:1em 2em;
        margin:0 0 1.5em 0;
        }
    legend{padding:2px .5em;}    
    .editable .field{
        border:none;
        background:transparent url(comment/ico_edit.gif) no-repeat right 50%;
        padding:7px 20px 7px 0px;
        width:300px;
        line-height:1em;
        margin:0;
        font-weight:bold;
        }
    .editable .field:focus, .editable .focused{
        border:2px solid #dfdfdf;
        padding:5px;
        background:#fff url(comment/bg_input.gif) repeat-x;
        width:300px;
        line-height:1em;
        margin:0;
        outline:none;
        }    
    .editable button{
        color:#fff;
        border:none;
        cursor:pointer;
        height:30px;
        line-height:30px;
        font-weight:bold;
        padding:0 15px;
        background:url(comment/bg_btn.gif) repeat-x;
        text-transform:uppercase;
        }        
        
.style1 {
    color: #3C70D0;
}
.style2 {
    text-align: center;
}





.fild {
    BORDER-RIGHT: #A7B9CF 1px solid; BORDER-TOP: #A7B9CF 1px solid; FONT-SIZE: 8pt; BACKGROUND: url(images/txtbgi.gif) white; BORDER-LEFT: #A7B9CF 1px solid; WIDTH: 120px; COLOR: #222233; BORDER-BOTTOM: #A7B9CF 1px solid; FONT-FAMILY: Tahoma; HEIGHT: 21px
}
.fild2 {
    BORDER-RIGHT: #A7B9CF 1px solid; BORDER-TOP: #A7B9CF 1px solid; FONT-SIZE: 8pt; BACKGROUND: url(images/txtbgi.gif) white; BORDER-LEFT: #A7B9CF 1px solid; WIDTH: 200px; COLOR: #222233; BORDER-BOTTOM: #A7B9CF 1px solid; FONT-FAMILY: Tahoma; HEIGHT: 21px
}
.fild2 {
    BORDER-RIGHT: #A7B9CF 1px solid; BORDER-TOP: #A7B9CF 1px solid; FONT-SIZE: 8pt; BACKGROUND: url(images/txtbgi.gif) white; BORDER-LEFT: #A7B9CF 1px solid; WIDTH: 160px; COLOR: #222233; BORDER-BOTTOM: #A7B9CF 1px solid; FONT-FAMILY: Tahoma; HEIGHT: 21px
}
.bott {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/btn-bg-b.gif) #f98315 no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 8pt tahoma; BORDER-LEFT: 0px; WIDTH: 55px; HEIGHT: 20px; CURSOR: ; COLOR: white; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}

.entry blockquote{padding: 10px;font-style: italic;color: #51535B;background: #F7FCFE;border: 2px dashed #B3C8DB;}
.entry blockquote p{margin: 0px 0px 20px 0px;padding: 0px;}

#comments-form #comment,#contactposttextbox #comment{
border-radius: 3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background:#F1F2F6 none repeat scroll 0 0;border:1px solid #134F81;display:block;font-family:tahoma;margin:5px 10px 3px 0;width:200px;}

.comment-form-remember-me{display:block;margin-right:10px}.comment-form-remember-me label{display:inline;float:none;text-align:right;width:auto;padding:0;margin:0}#
.comment-message{margin-top:30px}
a.style1:link
{
   color: #FF0000;
   text-decoration: none;
}
a.style1:visited
{
   color: #FF0000;
   text-decoration: none;
}
a.style1:active
{
   color: #FF0000;
   text-decoration: none;
}
a.style1:hover
{
   color: #FF0000;
   text-decoration: none;
}
.pages{
border: 1px solid #134F81;
    direction:rtl;
    width:300px;
    float:right;
    text-align:right;
    margin: 0 4px 0 6px;
    }
.pages a{
font-size:8pt;

}
.pages h3{
font:11px Tahoma, Verdana, Helvetica, Arial, sans-serif;
padding-top:5px;
background: transparent url(images/box-head.jpg) repeat-x;
height: 27px;
color:rgb(255,255,255);
padding-right:8px;
text-shadow: 1px 1px 1px #000000;
}

.pages  ul li {
    background: transparent url(images/tick.gif) no-repeat scroll right 9px;
    padding: 0 12px 0 0; }
    
    /* featured slideshow */
.featured                { background:none repeat scroll 0 0 #486583; height:200px; margin:0 0 10px; padding:5px;border: 2px solid #134F81;}
#controls                { position: relative; float: left; z-index: 100; top: 90px;  }
#controls .next, #controls .prev    {font-size:0.001em;  width: 30px; height: 30px; display: block; z-index: 1000; opacity: 0.7; }
#controls .prev            { background:transparent url(images/prev.png) no-repeat; float: left; position: absolute; left: 5px; }
#controls .next            { background:transparent url(images/next.png) no-repeat; float: right; position: absolute; left: 480px; }
#controls .next:hover, #controls .prev:hover    { opacity: 1; font-size:0.001em;color:000;border: none;}
#featured-slideshow        { position: relative; height: 200px; margin-right: 0; z-index: 0 !important; }
.featured-article        { display: block; width: 526px; height: 200px; text-decoration: none !important; background-position: center !important; }
.featured-entry            { position: relative; top: 125px; overflow: hidden; background:url("images/transparent-bg.png") repeat scroll 0 0 transparent; height: 75px; color: #a7a7a7; padding: 0; display: block; }
.featured-entry .entry-title    { color: #FFF; padding: 3px 15px; display: block; font-size: 18px; font-weight: 700; text-shadow: 1px 1px 2px #16598E;}
.featured-entry .entry-summary    { padding: 0 15px; margin: 0; display: block; text-shadow: 1px 1px 1px #000000;}
[/HTML]
میخوام قسمت #comments-form #comment,#contactposttextbox #comment رو براش hover تعریف کنم ولی کار نمیده...ممنون میشم بگید چیکار کنم :40:

بهتره که یکی کپی از اینایی که می خوایی براشون Hover تعریف کنی بگیری و جلوی اسم هر کدوم یه hover: بنویسی و به سلیقه ی خودت رنگ هاشو تغییر بدی.به این شکل:
[HTML]#comments-form:hover
#comment:hover,#contactposttextbox:hover
#comment :hover[/HTML]

برا تصاویر هم میتونی از این استفاده کنی بهتره:
[HTML]img {
border: 1px #666 solid;
padding: 2px;
}[/HTML]