به هم ريختگي قالب

[msf32]

با سلام

صفحه اول سايت و برگه ها مشكلي ندارن ، اما بر روي هر پست كه كليك مي كنم ، قالب به طرز ناجوري به هم ريخته ميشه !

اينم كد Single Post :

<?php get_header(); ?>
<div id="warpper">
<div class="content">
<div id="page-content">

<div class="two-box-warpper">
<div id="page-body">
<div class="page-body">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?><div class="post">
<div id="post-title">
<h2 id="more"><a href="<?php the_permalink(); ?>#more" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div id="post-info">
<ul>
<li class="view"><?php if(function_exists('the_views')) { the_views(); } ?></li>

<li class="categry"><?php the_category(', ') ?></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div id="content">
<?php the_content(""); ?>

<div class="tag-link">برچسب ها : <?php the_tags('') ?></a></div>
</div>
<div id="post-footer"></div>
</div>
<?php endwhile; else: ?>
<?php endif; ?>
<?php comments_template(); ?>


<?php get_sidebar(); ?>

<?php get_footer(); ?>

آدرس سايت :

يك كلوب دات كام | اخبار،دانلود،آموزش،عكس،فال،اس ام اس،بازي،نرم افزار

نمونه Post ي كه به هم ريخته هست :

مخالفت کمیسیون انرژی با طرح کاهش صادرات نفت ایران | يك كلوب دات كام


تشكر

 

[msf32]

آپ .........................

 

[طراح بنر]

سلام.
این کد رو امتحان کنید: ( در فایل Single)


<?php get_header(); ?>
<div id="warpper">
<div class="content">
<div id="page-content">

<div class="two-box-warpper">
<div id="page-body">
<div class="page-body">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?><div class="post">
<div id="post-title">
<h2 id="more"><a href="<?php the_permalink(); ?>#more" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div id="post-info">
<ul>
<li class="view"><?php if(function_exists('the_views')) { the_views(); } ?></li>

<li class="categry"><?php the_category(', ') ?></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div id="content">
<?php the_content(""); ?>

<div class="tag-link">برچسب ها : <?php the_tags('') ?></a></div>
</div>
<div id="post-footer"></div>
</div>
<?php endwhile; else: ?>
<?php endif; ?>
<?php comments_template(); ?>

</div>
<?php get_sidebar(); ?>

<?php get_footer(); ?>

 

[msf32]

سلام.
این کد رو امتحان کنید: ( در فایل Single)


<?php get_header(); ?>
<div id="warpper">
<div class="content">
<div id="page-content">

<div class="two-box-warpper">
<div id="page-body">
<div class="page-body">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?><div class="post">
<div id="post-title">
<h2 id="more"><a rel="nofollow" href="<?php the_permalink(); ?>#more" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div id="post-info">
<ul>
<li class="view"><?php if(function_exists('the_views')) { the_views(); } ?></li>

<li class="categry"><?php the_category(', ') ?></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div id="content">
<?php the_content(""); ?>

<div class="tag-link">برچسب ها : <?php the_tags('') ?></a></div>
</div>
<div id="post-footer"></div>
</div>
<?php endwhile; else: ?>
<?php endif; ?>
<?php comments_template(); ?>

</div>
<?php get_sidebar(); ?>

<?php get_footer(); ?>

مرسي - يكسري تغييرات كرد ، ولي بهتر نشد ! فقط جاي بهم ريختگي ها عوض شد !
اساتيد كسي نيست بگه اين قالب ما چه مرگشه ؟ :دي

 

[Pixelweb]

به این شکل مشکل شما حل نمیشه. برای پیدا کردن مشکل به فایل css هم نیاز هست

 

[هزاران]

فایل سی اس اس هم قرار بدین

 

[msf32]

به این شکل مشکل شما حل نمیشه. برای پیدا کردن مشکل به فایل css هم نیاز هست

فایل سی اس اس هم قرار بدین

اين هم Style.css :

* {
border: 0px;
padding: 0px;
margin: 0px;
}

body {
color : #252525 ;
background: url(images/background.jpg) repeat-x #E8F6FB ;
margin : 0px;
padding : 0px 0 px;
text-align:center;
font :11px/1.9 tahoma,sans-serif
}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
padding: 0px;
margin: 0px;
}
.clear {
clear:both;
}

a {
text-decoration : none ;
color: #166F8F;
}
a:hover {
text-decoration : none ;
color: #FF6600
}
ul {
border: 0px;
padding: 0px;
margin: 0px;
list-style: none ;
}
li {
border: 0px;
padding: 0px;
margin: 0px;
list-style: none ;
}
address, caption, cite, code, dfn, em , th, var {
border: 0px;
padding: 0px;
margin: 0px;
outline: 0
}
img {
border: 0px;
}
textarea, fieldset, input {
padding: 0px;
font-size: 11px;
font-family: Tahoma ;
border-right: #EAE6E3 1px solid;
border-top: #EAE6E3 1px solid;
background: #fff;
border-left: #EAE6E3 1px solid;
border-bottom: #EAE6E3 1px solid ;
}
h1 {
font: bold 1.7em/1.6 Arial, sans-serif; margin:0px; padding:0px;
}
h2 {
font: bold 1.5em/1.6 Arial, sans-serif;
}
h3 {
font: bold 1.4em/1.6 Arial, sans-serif;
}
h4 {
font: bold 1.2em/1.6 Arial, sans-serif;
}
#warpper {
background: url(images/content_background.gif) #fff repeat-y scroll center top;
direction: rtl ;
margin: 0px auto 0px ;
padding: 0 ;
position: relative ;
width: 988px ;
text-align: right;
}
.header {
background: url(images/header.jpg) no-repeat scroll center top;
height: 170px;
margin: 0px auto;
padding: 0 ;
position: relative ;
width: 988px;
}
.header h1 {
height:125px;
top:20px ;
right:335px ;
background:none;
padding:0 ;
position:absolute;
width:285px;
}
.header h1 a {
height:125px;
width:285px;
}
.header h1 a span {
display:none;
height:125px;
width:285px;
}
.content {
background: #fff;
margin : 0px 8px
}
.header #nav{
top: 0px ;
right: 24px ;
padding: 0 ;
position: absolute;
}
.header #nav ul {
padding-left: 5px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
list-style: none
}
.header #nav ul li {
float: right;
}
.header #nav ul li a {
padding: 15px 10px 7px 10px;
display: block;
font: bold 15px arial;
text-align: center;color: #0000FF
}
.header #nav ul li a:hover {
background: #fff ;

-moz-border-radius-bottomleft: 6px;

-moz-border-radius-bottomright: 6px;
color: #FF0000
}
.search {
width: 230px ;
height: 25px ;
margin-top: 8px ;
margin-left: 30px ;
float: left
}
.st {
background:none ;
height: 20px ;
width: 160px ;
padding-left: 0px ;
font-family: arial ;
color : #333333;
font-size : 15px ;
font-weight:bold;
border : none ;
line-height : 22px;
float:right;
text-align:right;
margin: 0px 0px 0px 0px
}
.sti {
background: none ;
height : 25px ;
width : 50px ;
margin-right: 5px;
border: none ;
cursor: pointer;
float:left
}
#page-content {
margin: 0px 0px 0px;
padding: 0px 8px 0px 0px;
text-align: right
}
.two-box-warpper {
background: #ffffff;
float: right;
width: 728px
}
#page-body {
background: #ffffff;
float: left;
margin: 0px 0px 5px 0px;
width: 520px
}
.page-body {
background: #ffffff;
clear: both;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px 0px 10px;
padding-top: 0px
}
.best-in-week {
background: url(images/best.jpg) no-repeat;
width: 520px;
margin-bottom:15px;
}
.best-in-week-content {
padding: 15px;
color: #666666
}
.best-in-week-content a {
color: #006DAC
}
.best-in-week-content h3 {
border-bottom: 1px solid #9EDBF1;
padding-bottom: 5px;
margin-bottom: 5px
}
.best-in-week-content a:hover {
color: #DF0271
}
.best-in-week .preview {
height: 160px;
width: 200px;
margin-left: 5px;
border: 2px solid #AEE2F7;
float: right;
}
.best-in-week .post-wrap {
width: 280px;
float: right;
}
.best-in-week .post-wraps {
width: 490px;
float: right;
}
.page-break {
background: url(images/page_break.jpg) no-repeat;
height: 20px;
width: 520px;
}
.linkbox {
margin : 10px 0px 10px 0 ;
width : 520px
}
.linkbox-space {
padding : 14px 0px 0px 0px
}
.linkbox #linkbox-title {
background: url('images/linkbox_title.jpg') no-repeat ;
width : 520px ;
}
.linkbox #linkbox-title h1 {
padding : 20px 71px 0px 0px;
font: bold 1.4em/1.6 Arial, sans-serif
}
.linkbox #linkbox-title h1 span {
padding : 20px 71px 0px 0px;
font: bold 1.4em/1.6 Arial, sans-serif;
display: none
}
.linkbox #content {
background: url('images/post_bg.gif');
padding: 0px 10px
}
.linkbox #content ul li {
padding-right: 12px;
display: block;
float:right;
width: 230px;
padding-left: 0px;
background: url(images/footer_arrow.gif) no-repeat right 7px;
padding-bottom: 0px;
padding-top: 0px
}
.linkbox #linkbox-footer {
background: url('images/post_footer.gif');
height: 20px
}
.post {
margin : 10px 0px 10px 0 ;
width : 520px
}
.post #post-title {
background: url('images/post_title.gif') no-repeat ;
width : 520px ;
}
.post #post-title h1,h2 {
padding : 14px 68px 0px 0px;
font: bold 1.4em/1.6 Arial, sans-serif;
}
.post #post-title h1,h2 a {
color: #058CB4
}
.post #post-title h1,h2 a:hover {
color: #06B1E3
}
.post #post-info {
color:#666666;
margin: 10px 30px 0px 15px;
width: 470px;
}
.post #post-info ul {
margin: 0px;
}
.post #post-info ul a{
padding: 2px 4px
}
.post #post-info ul a:hover {
color:#fff;
background:#F02475;
-moz-border-radius:3px
}
.post #post-info ul li {
display: block;
margin:5px 5px;
float: right
}
.post #post-info ul .categry{
padding-right: 20px;
padding-left: 0px;
background: url(images/category.png) no-repeat right 0px;
padding-bottom: 0px;
padding-top: 0px
}
.post #post-info ul .view {
padding-right: 22px;
padding-left: 0px;
background: url(images/view.gif) no-repeat right 0px;
padding-bottom: 0px;
padding-top: 0px
}
.post #post-info ul .date {
padding-right: 24px;
padding-left: 0px;
background: url(images/date.gif) no-repeat right 0px;
padding-bottom: 0px;
padding-top: 0px
}
.post #content {
background: url('images/post_bg.gif');
padding: 10px 15px
}
.post #content p {
margin:5px;
}
.post #post-footer {
background: url('images/post_footer.gif');
height: 20px
}
.more-link {
padding-right: 20px;
display:block;
font-weight:bold;
margin-top:5px;
padding-left: 0px;
background: url(images/more_link.gif) no-repeat right 0px;
padding-top:0px;
padding-bottom:0px
}
.tag-link {
padding-right: 20px;
display:block;
margin-top:5px;
padding-left: 0px;
background: url(images/tags2.gif) no-repeat right 0px;
padding-top:0px;
padding-bottom:0px
}
.paginate {
width : 500px ;
margin : 8px 0px 0px 0px
}
#paginate {
padding : 0px 10px 0px 5px
}
.paginate-title {
background : url('images/paginate_title.gif') no-repeat ;
width : 500px ;
height : 40px
}
.paginate-content {
border : 2px solid #EBEDED ;
border-width : 0px 2px 0px 2px ;
margin : 0px 1px 0 0
}
.paginate-footer {
width : 500px ;
background: url('images/comment_footer.gif') no-repeat ;
height : 18px
}
#sidebar-right {
background: #fff ;
float: right ;
width: 200px ;
margin : 5px 0 0 0
}
.sidebar-right {
margin: 0px 0 0 0
}
#sidebar-left {
background: #fff;
float: left;
width: 220px;
margin : 0px 0 0 8px
}
.sidebar-left {
margin: 0px
}
.sidebar-box {
background: #F1FBFE;
margin: 0px 0px 5px
}
.sidebar-box .title {
height: 55px
}
.sidebar-box h3 span {
display: none
}
.sidebar-box-content {
width : 220px ;
clear : both;
background: url('images/sidebar_bg.png')
}
.sidebar-box-content-right {
width : 200px ;
clear : both;
background: url('images/sidebar_bg_right.jpg')
}
.sidebar-box ul {
padding-right: 15px;
padding-left: 15px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px
}
.sidebar-box ul li {
padding-right: 15px;
padding-left: 0px;
background: url(images/arrow_mini_left.gif) no-repeat right 8px;
padding-bottom: 0px;
padding-top: 0px
}
.sidebar-box-footer {
clear: both;
background: url('images/sidebar_footer.gif') no-repeat ;
height: 20px;
width: 220px
}
.sidebar-box-footer-right {
clear: both;
background: url('images/sidebar_footer_right.jpg') no-repeat ;
height: 20px;
width: 200px
}
.sidebar-right .ads .title {
background: url('images/ads_title.jpg') no-repeat ;
height: 55px ;
width: 200px
}
.sidebar-right .category .title {
background: url('images/categories_title.jpg') no-repeat ;
height: 55px ;
width: 200px
}
.sidebar-right .category ul {
padding-right: 12px;
padding-left: 10px;
padding-bottom: 5px;
margin: 0px;
padding-top: 0px
}
.sidebar-right .category ul li {
color:#000 ;
padding-right: 10px;
padding-left: 0px;
background: url(images/tick.gif) no-repeat right 5px;
padding-bottom: 0px;
padding-top: 0px
}
.sidebar-right .category ul li ul {
margin: 0px 0px 0px 0px
}
.sidebar-right .category ul li ul li {
padding-right: 11px;
padding-left: 0px;
background: url(images/arrow_mini_left.gif) no-repeat right 7px;
padding-bottom: 0px;
padding-top: 0px
}
.sidebar-right .status .title {
background: url('images/stats_title.jpg') no-repeat;
height: 55px;
width: 200px
}
.sidebar-right .monthly-archive .title {
background: url(images/archives_title.jpg) no-repeat center bottom
}
.sidebar-right .side_link .title {
background: url(images/side_link.jpg) no-repeat center bottom
}
.sidebar-box-left {
background: url(images/sidebar_bg_left.jpg) no-repeat ;
min-height: 180px;
}
.sidebar-box-left ul {
padding: 15px 15px
}
.sidebar-box-left ul h3 {
border-bottom: 1px solid #93D0F4
}
.sidebar-box-left ul li {
padding-right: 15px;
background: url(images/footer_arrow.gif) no-repeat right 7px;
}

.sidebar-left .most-postsview,
.sidebar-left .adress,
.sidebar-left .help,
.sidebar-left .lastentries,
.sidebar-left .random_posts,
.sidebar-left .serial{
margin-bottom: 15px;
min-height: 220px
}


.sidebar-left .most-postsview ul,
.sidebar-left .adress ul,
.sidebar-left .help ul,
.sidebar-left .lastentries ul,
.sidebar-left .random_posts ul,
.sidebar-left .serial ul {
padding: 40px 15px 0px 15px
}


.sidebar-left .most-postsview ul li,
.sidebar-left .adress ul li,
.sidebar-left .help ul li,
.sidebar-left .lastentries ul li,
.sidebar-left .random_posts ul li,
.sidebar-left .serial ul li {
padding-right: 15px;
background: url(images/footer_arrow.gif) no-repeat right 7px;
}


}
.sidebar-left .help {
background: url('images/help.jpg') no-repeat ;
width: 220px
}
.sidebar-left .lastentries {
background: url('images/last_entries.jpg') no-repeat ;
width: 220px
}
.sidebar-left .random_posts {
background: url('images/random_posts.jpg') no-repeat ;
width: 220px
}
.sidebar-left .serial {
background: url('images/serial.jpg') no-repeat ;
width: 220px
}
.sidebar-left .most-postsview {
background: url('images/most_postview.jpg') no-repeat ;
width: 220px
}
.sidebar-left .most-postsview ul {
padding: 40px 15px 0px 15px
}
.sidebar-left .most-postsview ul li {
padding-right: 15px;
background: url(images/footer_arrow.gif) no-repeat right 7px;
}
.clear {
clear: both;
font-size: 0px;
line-height: 0 ;
height: 0px
}
.comment {
width : 520px ;
-moz-border-radius: 5px;
margin : 10px 0px 10px 0px;
background: #DEF7FE;
}
.comment-title {
color: #4EC5E7;
border-bottom: 2px solid #CBEFFA;
background: #D2F5FF;
padding: 8px
}
.comment-title .title{
font: bold 1.4em/1.6 Arial, sans-serif;
}
.comment-content {
padding: 10px 5px
}
#comment {
padding : 0px 10px 0px 5px
}


.footer {
background: #555;
border-top: 5px solid #444;
margin: 5px 4px 0px 4px
}
.footer-wrap {
padding: 10px;
color: #f1f1f1
}
.footer-wrap .tags-title {
background: url(images/tags.gif) #555555 no-repeat;
float: right;
margin-top: 12px;
height: 15px;
width: 55px;
}
.footer-wrap .tags-link {
float: right;
margin-right: 10px;
width: 895px;

-moz-border-radius: 5px;
}
.footer-wrap .tags-link ul {
padding: 5px
}
.footer-wrap .tags-link ul a {
color: #ccc;

-moz-border-radius: 4px;
padding: 5px;
}
.footer-wrap .tags-link ul a:hover {
color: #fff;
background: #008C9E
}
.footer-wrap .footer-break {
background: url(images/footer_break.gif) no-repeat;
margin: 0px auto;
height: 15px;
width: 900px;
}
.footer-wrap .footer-break {
background: url(images/footer_break.gif) no-repeat;
margin: 0px auto;
height: 15px;
width: 900px;
}
.footer-wrap .footer-break-vertical {
background: url(images/footer_break_vertical.gif) no-repeat;
margin: 20px auto 5px;
height: 15px;
width: 900px;
}

.footer-wrap .footer-body {
margin-top: 12px;
padding-top: 10px;
}
.footer-wrap .footer-box {
width: 350px;
margin-left: 15px;

-moz-border-radius: 6px;
background: #5c5c5c;
float: right;
}
.footer-wrap .footer-box ul {
padding: 14px 10px
}
.footer-wrap .comment-title-footer {
background: url(images/comment.gif) no-repeat right top;
display: block;
padding-bottom: 10px;
padding-right: 20px;
color: #f1f1f1;
border-bottom: 1px solid #696969;
font: bold 15px arial,sans-serif
}
.footer-wrap .most-viewed-title-footer {
background: url(images/star.gif) no-repeat right top;
display: block;
padding-bottom: 10px;
padding-right: 20px;
color: #f1f1f1;
border-bottom: 1px solid #696969;
font: bold 15px arial,sans-serif
}
.footer-wrap .footer-box ul li {
color: #eee;
padding: 5px 0px
}
.footer-wrap .footer-box ul li:hover {
background: #595959
}
.footer-wrap .footer-box ul li a {
color: #ccc
}
.footer-wrap .footer-box ul li a:hover {
color: #E2D8D8
}
.footer-wrap .rss {
float: right;
width: 220px;
}
.footer-wrap .rss a {
background: url(images/rss.jpg) no-repeat top;
display: block;
margin: 40px auto 0px;
width: 128px;
height: 128px
}
.footer-wrap .rss a:hover {
background: url(images/rss.jpg) no-repeat bottom;
width: 128px;
height: 152px
}
.footer-wrap .rss a span {
width: 128px;
display: none;
height: 128px
}
#right-menus {
width:630px;
float:right;
}
#left-menus {
width: 335px;
margin: 10px 5px 10px 10px;
background: #fff;
float: right;
-moz-border-radius: 5px;
}
#left-menus #list {
padding:10px 10px 0px 5px ;
font-size:12px;
}
#left-menus #list h3 {
font-size:15px;
}
#left-menus #list a {
color:#ff6600;
}
.footer #titles{
background: url(images/bg_footer_title.gif) #ffffff;
width: 620px;
height: 35px;
margin-right:5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-right:1px dotted #DEDCD3;
border-bottom:1px dotted #DEDCD3;
border-left:1px dotted #DEDCD3
}
.footer #titles h3 {
float: right;
display: block ;
width: 295px ;
margin: 5px 10px 0px 0px
}
.pages {
float: right;
width: 300px ;
margin: 5px 10px 0px 0px ;
}
.pages h4 {
background: url(images/footer_title.gif) no-repeat ;
height:25px;
width: 300px ;
}
.pages h4 span {
height:25px;
display:none
}
.pages #pages {
background:#ffffff;
border-right:1px solid #eee ;
border-left:1px solid #eee ;
}
.pages #btt {
background: url(images/footer_bottom.gif) no-repeat ;
height:20px;
width: 300px ;
}
.wp-pagenavi {
clear: both;
padding:0px 5px 15px 5px;
direction:rtl
}
.wp-pagenavi h3 {
font-family:tahoma;
font-size:12px;
font-weight:normal
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
background:#F9F8F2;
border: 1px solid #ECE9D8;
padding: 1px 6px;
float :right;
margin: 2px;
font-size:10px;
-moz-border-radius: 3px;
}
.wp-pagenavi span.current {
background:#ffffff;
color:#666666;
border: 1px solid #ECE9D8;
}
.wp-pagenavi a:hover {
background:#FF9900;
border-color: #FF6600;
color:#ffffff
}
.wp-pagenavi span.current {
font-weight: bold;
}
.tags {
float: right;
width: 300px ;
margin: 5px 10px 0px 0px ;
}
.tags h4 {
background: url(images/footer_title.gif) no-repeat ;
height:25px;
width: 300px ;
}
.tags h4 span {
height:25px;
display:none
}
.tags #tags {
background:#ffffff;
border-right:1px solid #eee ;
border-left:1px solid #eee ;
padding:0px 10px
}
.tags #btt {
background: url(images/footer_bottom.gif) no-repeat ;
height:20px;
width: 300px ;
}
#tem-template {
color: #c1c1c1
}
#tem-template a {
color: #c1c1c1;
padding:2px 4px;
}
#tem-template a:hover {
color: #fff ;
background: #0099CC;
padding: 4px 4px;
border-bottom: 1px dashed #fff;
}
#feeds {
text-align:left;
float:left;
padding:2px 4px;
color:#FFF;
}
#error {
border:1px solid #FFA671 ;
font-size:12px;
padding:15px 15px;
margin:5px 5px
}
#error h1 {
border-bottom:1px dashed #ff6600
}
.addcomment {
padding : 0px 4px 0 0
}
.addcomment h3 {
width : 520px ;
background: url('images/add_comment.gif') no-repeat right ;
height: 35px ;
border-bottom: #E8EBEB 1px solid ;
padding : 0px 0px 4px 0px ;
margin : 0px 0px 10px 0px
}
.addcomment h3 span {
display: none
}
.commentdata {
width: 500px ;
}
.addcomment label {
display: block;
float:right;
cursorointer;
font-size:12px;
width:100px
}
.addcomment .comment_button {
background: #F02475 ;
border:1px solid #B30D4F ;
padding : 5px ;
margin: 20px 140px 0px 0px ;
font: bold 1.4em/1.6 Arial, sans-serif;
cursor: pointer ;
color: #FFF;
height : 30px
}
.addcomment #author {
background: url(images/author.gif) #DEF7FE no-repeat right ;
border:1px solid #A6E7FA ;
text-align:right ;
width: 170px;
color:#000000;
padding : 7px 28px 5px 5px ;
float : right
}
.addcomment #email {
background: url(images/email.gif) #DEF7FE no-repeat right ;
border:1px solid #A6E7FA ;
text-align:right ;
color:#000000 ;
width: 170px;
padding : 7px 28px 5px 5px ;
float: right
}
.addcomment #url {
background: url(images/website.gif) #DEF7FE no-repeat right ;
border:1px solid #A6E7FA ;
text-align:right ;
color:#000000 ;
width: 170px;
padding : 7px 28px 5px 5px ;
float : right
}
.addcomment #text {
background : #DEF7FE ;
width : 280px ;
height : 150px ;
margin: 0px ;
border: 1px solid #A6E7FA ;
padding : 5px
}
.addcomment #author:focus {
background: url(images/author.gif) #E9FAFE no-repeat right ;
border:1px solid #66D6F7 ;
}
.addcomment #email:focus {
background: url(images/email.gif) #E9FAFE no-repeat right ;
border:1px solid #66D6F7 ;
}
.addcomment #url:focus {
background: url(images/website.gif) #E9FAFE no-repeat right ;
border:1px solid #66D6F7 ;
}
.addcomment #text:focus {
background: #E9FAFE ;
border: 1px solid #66D6F7 ;
}