با عضویت در سایت می‌توانید سوال خود را مطرح کنید.

ناهماهنگی طول عکس در قالب وبلاگ

0 امتیاز
81 بازدید
سوال شده مرداد 9, 1396 در html-css توسط mbp

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

پاسخ شما

Preview

نام شما برای نمایش - اختیاری
حریم شخصی : آدرس ایمیل شما محفوظ میماند و برای استفاده های تجاری و تبلیغاتی به کار نمی رود
کد امنیتی:
برای جلوگیری از این تایید در آینده, لطفا وارد شده یا ثبت نام کنید.

2 پاسخ

0 امتیاز
پاسخ داده شده مرداد 11, 1396 توسط farhadhp (336 امتیاز)
انتخاب شده مرداد 12, 1396 توسط farhadhp
 
بهترین پاسخ

در کدهای سی اس اس تون کد زیر رو هم اضافه کنید

img{
/*width:100%;*/
max-width:300px;
}

بجای اون 300px میتونی سایز دلخوات رو که کمتر از عرض ای دی کانتنت هست بزاری.

دارای دیدگاه مرداد 11, 1396 توسط mbp
سلام توی چه محلی اضافه کنم ? جای دقیقش رو بگین
دارای دیدگاه مرداد 12, 1396 توسط mbp
منظورم اینه که توی سی اس اس دقییقا این متن رو کجا قرار بدم؟ توی کدوم خط؟
دارای دیدگاه مرداد 12, 1396 توسط farhadhp (336 امتیاز)
فرقی نداره
مثلا بعد از body{...} بزار
دارای دیدگاه مرداد 12, 1396 توسط mbp
ویرایش شده مرداد 12, 1396
هیچ اتفاقی نیفتاد
به این دو عکس نگاه کنید میفهمید وقتی طول 694 و عرض 45 پیکسل هست از سمت راست کم میاد و وقتی طول 693 و عرض 45 پیکسل هست از سمت چپ کم میاد تصویر من حاشیه داره و حاشیه ها باهم فیکس نمیشه مشکل من اینه ولی تو اموزشه راحت شد من طول و عرض عکس هام دقیق مثل اون هست
http://s9.picofile.com/file/8302489642/bandicam_2017_08_01_12_33_48_506.jpg
http://s9.picofile.com/file/8302488350/bandicam_2017_08_01_12_33_25_117.jpg
دارای دیدگاه مرداد 13, 1396 توسط mbp
راهی نداره؟ کمکم کنید
دارای دیدگاه مرداد 15, 1396 توسط farhadhp (336 امتیاز)
اگه کدی که دادمو توی استایلت بزاری نمیزاره تو کلاس مربوط به مطلب وقتی تصویری بزرگتر از 300پیکسل میزاری رو نمیزاره عرضش از ۳۰۰ بالا بره.
دارای دیدگاه مرداد 26, 1396 توسط mbp
ویرایش شده مرداد 26, 1396
سلام من اون مشکلو خودم حل کردم حالا یه مشکل دیگه دارم تو میهن بلاگ که کد ها رو دادم تو ادامه مطلبش مشکل داره میزنی روش میگه صفحه مورد نظر وجود ندارد و متن ادامه مطلب هم تغییر نمیکنه فکر میکنم کد زیر رو جا بزنم درست میشه اموزشش واضح نیست
این کد رو کجا باید بزارم
متن ادامه مطلب     [cb:post_body2]
از طوابع میهن بلاگ هست لطفا زود تر جواب بدید ممنون
0 امتیاز
پاسخ داده شده مرداد 10, 1396 توسط farhadhp (336 امتیاز)

سلام

کدهای اچ تی ام ال و سی اس اس تون رو بزاید بررسی کنیم.

دارای دیدگاه مرداد 10, 1396 توسط mbp
سلام من همونم که سوال کرد
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="il-allpoint">
<div id="il-header">
<div id="il-menu">
<div id="il-blogname">
<center>
<h1>AFZAR WORLD</h1>
</center>
<div id="il-blogdes">
<center>
<h1>اولین وبلاگ تخصصی نرم افزار ایران</h1>
</center>
</div>
<div id="il-menu">
  <ul>
    <li><a href="#">صفحه نخست</a></li>
    <li><a href="#">آرشیو</a></li>
    <li><a href="#">پروفایل</a></li>
    <li><a href="#">اخبار داغ </a></li>
  </ul>
</div>
</div>    
</div>
<div id="il-right-box">
<div id="il-cat-box">
<div id="il-cat-box-title">
<div id="il-cat-box-title-text">
<a>موضوعات</a>
</div>
</div>
<div id="il-cat-box-content">
<ul>
<li><a href="#">جدید ترین </a></li>
<li><a href="#">اخبار </a></li>
<li><a href="#">آرشیو </a></li>
<li><a href="#">مقالات وبلاگ</a></li>
</ul>
</div>
<div id="cat-box-foother">
</div>
</div>
<div id="il-cat-box">
<div id="il-cat-box-title">
<div id="il-cat-box-title-text">
<a>سایر امکانات</a>
</div>
</div>
<div id="il-cat-box-content">
<ul>
<li><a href="#">جدید ترین</a></li>
<li><a href="#">اخبار </a></li>
<li><a href="#">آرشیو </a></li>
<li><a href="#">مقالات وبلاگ</a></li>
</ul>
</div>
<div id="cat-box-foother">
</div>
</div>
</div>
<div id="il-left-box">
<div id="il-cont-box">
<div id="il-cont-box-title">
<div id="il-cont-box-title-text">
<a href="#">اولین مطلب</a>
</div>
</div>
<div id="il-cont-box-cont">
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a  a a a a a a a a a a a a a a a a a a a a a a a a a a
</div>
<div id="il-cont-footer">
</div>
</div>
</div>
</div>
</body>
</html>
این اچ تی ام ال
*{
  margin:0px;
  padding:0px;
}
body{
    background-image:url(images/background.png);
    direction:rtl;
}
#il-allpoint{
    width:964px;
    height:auto;
    margin:auto;
}
#il-header{
    width:964px;
    height:147px;
    background-image:url(images/header.png);
}
#il-blogname h1{
    color:#FFF;
    font-size:37px;
    font-family:Georgia, "Times New Roman", Times, serif;
    margin-right:50px;
    padding-top:10px;
}
#il-blogdes h1{
    color:#FFF;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:14pt;

}
#il-menu{
    font-family:Tahoma, Geneva, sans-serif;       
}
#il-menu ul li{
    list-style:none;
    display:inline-block;
    margin-top:36px;
    margin-right:10px;
}
#il-menu ul li a{
    text-decoration:none;
    color:#FFF;
}
#il-menu ul li a:hover{
    color:#09F;
}
#il-right-box{
    width:260px;
    height:auto;
    float:right;
    margin-top:10px;
}
#il-cat-box{
    width:260px;
    height:auto;
    float:right;
    margin-bottom:5px;
}
#il-cat-box-title{
    width:244px;
    height:24px;
    background-image:url(images/sidebar-tirle2.png);
    padding:8px;
}
#il-cat-box-title-text a{
    font-family:Tahoma, Geneva, sans-serif;
    color:#003;
}
#il-cat-box-content{
    width:245px;
    height:auto;
    background-image:url(images/sidebar.png);
    float:right;
    padding:5px 10px 5px 5px;
}
#il-cat-box-content ul li{
    list-style:none;
}
#il-cat-box-content ul li a{
    text-decoration:none;
    color:#003;
    font-family:Tahoma, Geneva, sans-serif;
}
#il-cat-box-content ul li a:hover{
    color:#0F9;
}
#cat-box-foother{
    width:260px;
    height:15px;
    background-image:url(images/sidbar%20foother.png);
    float:right;
}
#il-left-box{
    width:699px;
    height:auto;
    float:left;
    margin-top:10px;
}
#il-cont-box{
    width:693px;
    height:auto;
    float:left;
    margin-bottom:5px;
}
#il-cont-box-title{
    width:678px;
    height:29px;
    background-image:url(images/content-tetle.png);
    float:left;
    padding:10px 10px 5px 5px;
}
#il-cont-box-title-text a{
    color:#000;
    font-family:Tahoma, Geneva, sans-serif;
    text-decoration:none;
}
#il-cont-box-title-text a:hover{
    color:#0C9;
}
#il-cont-box-cont{
    width:673px;
    height:auto;
    background-image:url(images/conten-2t.png);
    padding:10px 10px 5px 10px;
}
#il-cont-footer{
    width:694px;
    height:45px;
    background-image:url(images/content%20footer10.png);
}
اینم سی اس اس لطفا کمکم کنید ممنون
دارای دیدگاه مرداد 11, 1396 توسط MBP
ویرایش شده مرداد 11, 1396
میخوام حاشیه ها با هم فیکس بشن ولی نمیشه
به پرسش و پاسخ برنامه نویسی و... خوش آمدید, مکانی برای پرسش سوال و دریافت پاسخ از دیگر کاربران این مجموعه.

سوالات مشابه

0 امتیاز
0 پاسخ 5 بازدید
0 امتیاز
3 پاسخ 104 بازدید
0 امتیاز
1 پاسخ 20 بازدید
سوال شده آبان 2, 1396 در پایتون توسط بی نام
0 امتیاز
1 پاسخ 21 بازدید
0 امتیاز
0 پاسخ 80 بازدید