مشکل در دو تگ div و h3

[shahab2005]

سلام به همگی . . .
من سایتم رو در آنالیزور http://validator.w3.org امتحان کردم و عیب های اون رو برطرف کردم . الان 9 ارور دارم . مشکلی که دارم اینه که برای این نمونه کد مشکل میگیره . .
کد:

 <h3><div class="title"> موضوعات مطالب </div></h3>

میگه تگ هدر نباید قبل DIV باشه . من جاش رو عوض کردم ولی قالب به هم ریخت .
باید چیکار کنم مشکل حل شه ؟
من از سیستم وردپرس استفاده میکنم .
http://elecdl.com

have fun

 

[sharktech]

بهتره که کدت رو به این شکل بنویسی :

<h3 class="title"> موضوعات مطالب </h3>

 

[shahab2005]

من تمام راههای ممکن را امتحان کردم . این رو هم امتحان کردم . .
اینجوری میشه . .

این کد css این قسمته . . .

.sidebar-right h3,.sidebar-left h3 {
background:url('http://img.elecdl.com/sidebar_title.png') no-repeat;
height:55px;
width:220px;
}

لازمه اینو تغییر بدم ؟
​

 

[pouya saadeghi]

sharktech درست میگه.
برای حل اون مشکل ؛ برای h3 میتونید margin بذارید.
اگه بازم مشکل حل نشد، h3 رو داخل یه div بذارید و برای اون div میتونید padding بذارید...

 

[shahab2005]

میشه یک نمونه بزارید تا از اون استفاده کنم . . .
باید تو css تغییر بدم یا قالب. . در صمن من همونطور که گفتم از وردپرس استفاده میکنم . این قسمت ها از طریق افزونه ایجاد میشه و تابع اون هم در فایل function.php هست .

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'right',
'before_widget' => '<div class="sidebar-box">',
'after_widget' => '</div>
                    <div class="sidebar-box-footer"></div>
                  </div>
',
'before_title' => '<h3><div class="title"> ',
'after_title' => ' </div></h3>
                    <div class="sidebar-box-content">',
));
?>

چه تغییری اینجا بدم ؟

 

[pouya saadeghi]

این کد:

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'right',
'before_widget' => '<div class="sidebar-box">',
'after_widget' => '</div>
                    <div class="sidebar-box-footer"></div>
                  </div>
',
'before_title' => '<div class="title_pad"><h3> ',
'after_title' => ' </h3></div>
                    <div class="sidebar-box-content">',
));
?>

یه div گذاشتم دور h3 به اسم title_pad
حالا تو css اینو اضافه کنید:

.title_pad{padding-right:15px;}

البته من حدسی نوشتم . اگه سر جاش نبود ،خودتون padding رو تغییر بدید

 

[shahab2005]

حاجی من این کارو هم کردم اما فقط عکس هدر جابجا میشه و نوشته جابجا نمیشه . . .اینجوری :

هرچی رو هم دست میزنم با عکس جابجا میشه . . این فایل css منه . .

http://electronix.persiangig.com/css.txt

یکجا اون پایین sidebar-right h3 داره . . اونه که فکر میکنم کار رو خراب میکنه

​

 

[shahab2005]

آقا مرسی. . .این مشکل هم حل شد . . .
من از این کد استفاده کردم :

<div class="title_pad"><h3 class="title"> آمار سایت </h3></div>

همون کدی که گفتم پایین css هست : sidebar-right h3
اونو تبدیل کردم به همین title-pad .
چون عکس هدر باکس توی این فسمت بود و این تگ h3 هم مال همین بود . .با هر تغییر نوشته بالا عکس هم جابجا میشد که خوشبختانه شیوه کار رو عوض کردم و مشکل حل شد . از دوستانی که کمک کردن بخصوصpouya saadeghi ممنونم

 

[echessdesign]

ارادتمند دوستان، ممنون از توضیحات کاملتون
به علت اینکه در تگ head نیمی توان از Inline Level استفاده کرد، خطا می گیره. همانطور که دوستان گفتند، باید به خود تگ Head کلاس بدید.
پاینده باشید