• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
ssll

جا به جا شدن div

6 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

سلام من توی صفحه ای سه تا div در کنار هم درست کردم منتهی وقتی عرض صفحه رو که کم می کنیم div ها هم می یان پایین و به هم میریزه اینم کد ها


<div style="font-weight:99600;color:#9DB2D5;text-align:right;direction:rtl;width:500px;float:right;padding-right:15px;overflow-y:scroll;overflow-x:hidden;height:120px;margin-top:6px">

</div>



<div style="font-weight:99600;color:#25F3EB;text-align:right;direction:rtl;float:right;padding-top:6px;width:500px;padding-lef:15px;overflow-y:scroll;height:120px">

</div>




<div style="font-weight:99600;color:#9DB2D5;height:120px;text-align:left;direction:rtl;float:left;padding-top:3px;padding-left:8px;overflow-y:scroll;overflow-x:hidden">


</div>


داخل هر div هم محتوای خودشون رو گذاشتم مشکل این هست وقتی عرض صفحه رو کم می کنیم div ها می یفتن پایین

ویرایش شده در توسط ssll
0

به اشتراک گذاری این پست


لینک به پست

درست هم همین هست

اگر میخواهید جا‌به‌جا نشوند یک div در سطح بالاتر ایجاد و اندازه دهید

3

به اشتراک گذاری این پست


لینک به پست

خب من میخوام مثل همه جزئیات دیگه صفحه جا به جا نشن اگه قرار بود جا به جا بشه مثلا هدر یا منو ها و ... می یفتادن پایین . خب مشکلم توی درست کردنشه هست که تایپیک زدم

0

به اشتراک گذاری این پست


لینک به پست

چون دو تا بلوک با عرض 500 دارید و عرض کمتر از 1000 بشه ریتم اینها بهم میخوره

برای این هم کاری نمیشه کرد مگر اینکه شما این نوع اندازه دهی رو به درصد تغییر بدید

1

به اشتراک گذاری این پست


لینک به پست

بازم درست نشد و div اخری می یفته پایین داخل هر دیو هم تازه ترین خبر ها رو گذاشتم . متهی فعلا مشکلم این هست div اخری می یاد پایین که میخوام جا به جا نشن . و محتوای هر div که مطلب هست عنوانشون هم می یاد پایین اگه اینم مشکلش حل بشه خوبه اگه هم نشد همون div حل بشه ایرادی نداره . سپاس


<?php
/*
Template Name: news frame Head
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title> head</title>
<base target="_top" />
<!-- استایل -->
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.css" type="text/css" />
<?php wp_head();?>
</head>
<body style="background-color:#aaa">


<div style="font-weight:99600;color:#9DB2D5;text-align:right;direction:rtl;width:34%;float:right;padding-right:15px;overflow-y:scroll;overflow-x:hidden;height:120px;margin-top:6px">


<div class="nav">
<?php if ( !dynamic_sidebar( 'newsframe') ) : ?>
<div class="menu">
<h3 ><a title="نام" href="http://www..ir/" target="_blank"> <p style="color: #F00"> "نام 1" </p> </a></h3>
<ul>

<table style="height:20px;border-bottom:1px solid #ccc;background:#dddddd;line-height:1.5em;">
<td style="width:34%;">

<?php
$args = array( 'numberposts' => '10' );
$recent_posts = wp_get_recent_posts( $args );
foreach( $recent_posts as $recent ){
echo '<li><a href="' . get_permalink($recent["ID"]) . '"target="_blank"
title="Look '.esc_attr($recent["post_title"]).'" >' . $recent["post_title"].'</a> </li> ';
}
?>
</td>
</table>
</ul>
</div>
<?php endif; ?>
</div>
<?php wp_footer(); ?>


</div>




<div style="font-weight:99600;color:#25F3EB;text-align:right;direction:rtl;float:right;padding-top:6px;width:34%;padding-lef:15px;overflow-y:scroll;height:120px">



<div class="nav">
<?php if ( !dynamic_sidebar( 'newsframe') ) : ?>
<div class="menu">
<h3 ><a title="نام" href="http://www..ir/" target="_blank"> <p style="color: #F00"> "نام 1" </p> </a></h3>
<ul>

<table style="height:20px;border-bottom:1px solid #ccc;background:#dddddd;line-height:1.5em;">
<td style="width:34%;">

<?php
$args = array( 'numberposts' => '10' );
$recent_posts = wp_get_recent_posts( $args );
foreach( $recent_posts as $recent ){
echo '<li><a href="' . get_permalink($recent["ID"]) . '"target="_blank"
title="Look '.esc_attr($recent["post_title"]).'" >' . $recent["post_title"].'</a> </li> ';
}
?>
</td>
</table>
</ul>
</div>
<?php endif; ?>
</div>
<?php wp_footer(); ?>


</div>



<div style="font-weight:99600;color:#25F3EB;text-align:right;direction:rtl;float:right;padding-top:6px;width:30%;padding-lef:15px;overflow-y:scroll;height:120px">



<div class="nav">
<?php if ( !dynamic_sidebar( 'newsframe') ) : ?>
<div class="menu">
<h3 ><a title="نام" href="http://www..ir/" target="_blank"> <p style="color: #F00"> "نام 1" </p> </a></h3>
<ul>

<table style="height:20px;border-bottom:1px solid #ccc;background:#dddddd;line-height:1.5em;">
<td style="width:30%;">

<?php
$args = array( 'numberposts' => '10' );
$recent_posts = wp_get_recent_posts( $args );
foreach( $recent_posts as $recent ){
echo '<li><a href="' . get_permalink($recent["ID"]) . '"target="_blank"
title="Look '.esc_attr($recent["post_title"]).'" >' . $recent["post_title"].'</a> </li> ';
}
?>
</td>
</table>
</ul>
</div>
<?php endif; ?>
</div>
<?php wp_footer(); ?>


</div>


</body>
</html>

0

به اشتراک گذاری این پست


لینک به پست

بهتره آنلاین بزارید تا خروجی رو رصد کنیم

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری