انجمن


بهم ریختن عکس ومتن  (۷ نوشته)

  • rock

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۳۲
    تشکر شده: ۶۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۴ اسفند ۱۳۸۹ - ۱۹:۰۷

    سلام دوستان من یه قالب دارم که خوب کار میکنه فقط عکس ومتن به هم میریزه لطفا کمک کنید درستش کنیم

    body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
    	margin: 0;
    	padding: 0;
    }
    Body {
    	margin: 2px 0px 2px 0px;
    	font-family: tahoma;
    	font-size: 10px;
    	color: black;
    	background: url('images/bg.gif'); 	SCROLLBAR-FACE-COLOR: #FFFFFF;
    	SCROLLBAR-HIGHLIGHT-COLOR: #000000;
    	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
    	SCROLLBAR-3DLIGHT-COLOR: #C0C0C0;
     	SCROLLBAR-ARROW-COLOR:  #000000; 	SCROLLBAR-TRACK-COLOR: #FFFFFF;
    	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
    }
    img {
    	border: none;
    	align: none;
    }
    a, a:visited {
    	color: black; text-decoration: none;
    }
    a:active {
    	color: red; text-decoration: none;
    }
    a:hover {
    	color: red; text-decoration: none;
    }
    #wrapper {
    	width: 960px;
    }
    table td.header {
    	margin: 0px;
    	padding: 0px 0px 0px 0px;
    	background: white url('images/header.jpg');
    	width: 960px;
    	height: 150px;
    	font-family: tahoma, times new roman;
    	text-align: right;
    	line-height: 20px;
    	border-top: solid 1px #C0C0C0;
    	border-right: solid 1px #C0C0C0;
    	border-left: solid 1px #C0C0C0;
    	vertical-align: top;
    }
    table.menu td {
    	margin: 0px;
    	padding: 0px 0px 0px 0px;
    }
    table.box-menu {
    	margin: 0px;
    	padding: 0px 0px 0px 0px;
    	width: 960px;
    	height: 28px;
    	border-top: solid 1px #C0C0C0;
    	border-right: solid 1px #C0C0C0;
    	border-left: solid 1px #C0C0C0;
    	direction: rtl;
    }
    table.box-menu td {
    	text-align: center;
    	padding: 2px 2px 2px 2px;
    	direction: rtl;
    }
    a.menu-link:link {
    	background: url('images/menu-link.gif') no-repeat;
    	width: 68px;
    	height: 23px;
    	line-height: 20px;
    	display: block;
    	color: black;
    	text-decoration: none;
    }
    a.menu-link:visited {
    	background: url('images/menu-link.gif') no-repeat;
    	width: 68px;
    	height: 23px;
    	line-height: 20px;
    	display: block;
    	color: black;
    	text-decoration: none;
    }
    a.menu-link:active {
    	background: url('images/menu-link.gif') no-repeat;
    	width: 68px;
    	height: 23px;
    	line-height: 20px;
    	display: block;
    	text-decoration: none;
    	color: black;
    }
    a.menu-link:hover {
    	background: url('images/menu-link.gif') no-repeat;
    	width: 68px;
    	height: 23px;
    	line-height: 20px;
    	display: block;
    	text-decoration: none;
    	color: black;
    }
    table td.sidebar {
    	padding: 3px;
    	background: white;
    	width: 180px;
    	font-size: 10px;
    	text-align: right;
    	border-top: solid 1px #C0C0C0;
    	border-right: solid 1px #C0C0C0;
    	border-bottom: solid 1px #C0C0C0;
    	border-left: solid 1px #C0C0C0;
    	direction: rtl;
    	vertical-align: top;
    }
    table td.sidebar ul {
    	margin: 0px;
    	padding: 0px;
    }
    table td.sidebar li {
    	list-style-type: none;
    	margin: 0px;
    	padding: 0px;
    }
    table td.post {
    	background: white;
    	width: 580px;
    	font-size: 11px;
    	border-top: solid 1px #C0C0C0;
    	border-bottom: solid 1px #C0C0C0;
    	vertical-align: top;
    }
    table td.post hr {
    	text-align: center;
    	border: dotted 1px red;
    	width: 450px;
    }
    .bb {
    	margin: 4px 4px 4px 4px;
    }
    .title-menu {
    	background: #E5E5E5 url('images/title-menu.gif') repeat-x;
    	width: 175px;
    	height: 20px;
    	line-height: 18px;
    	text-align: center;
    	border: solid 1px white;
    }
    .box {
    	width: 177px;
    	margin-top: 4px;
    	margin-bottom: 4px;
    	border: solid 1px #D3D3D3;
    }
    .space {
    	margin: 0px;
    	padding-right: 5px;
    }
    table td.footer {
    	margin: 0px;
    	padding: 20px 15px 0px 0px;
    	width: 960px;
    	height: 75px;
    	background: white;
    	font-family: tahoma, times new roman;
    	font-size: 10px;
    	text-align: center;
    	line-height: 30px;
    	border-right: solid 1px #C0C0C0;
    	border-left: solid 1px #C0C0C0;
    	border-bottom: solid 1px #C0C0C0;
    }
    .comments-template{
    	background: #E9E9E9;
    	margin: 10px 0 0;
    	border-top: 1px solid #ccc;
    	padding: 10px 0 0;
    }
    
    .comments-template ol{
    	margin: 0;
    	padding: 0 0 15px;
    	list-style: none;
    }
    
    .comments-template ol li{
    	margin: 10px 0 0;
    	line-height: 18px;
    	padding: 0 0 10px;
    	border-bottom: 1px solid #ccc;
    }
    
    .comments-template h2, .comments-template h3{
    	font-family: Georgia, Sans-serif;
    	color: red;
    	font-size: 16px;
    }
    
    .commentmetadata{
    	font-size: 12px;
    
    }
    
    .comments-template p.nocomments{
    	padding: 0;
    }
    
    .comments-template textarea{
    	background: white;
    	font-family: Arial, Helvetica, Georgia, Sans-serif;
    	font-size: 12px;
    }
    .bb {
    	margin: 5px 5px 5px 5px;
    }
    .entry {
    	background: white;
    	margin-top: 5px;
    	margin-bottom: 5px;
    	width: 570px;
    	border: solid 1px #D3D3D3;
    }
    .link-title {
    	background: white url('images/link-title.gif') repeat;
    	margin-top: 5px;
    	height: 18px;
    	line-height: 12px;
    	text-align: center;
    	color: #B0B0B0;
    	border: solid 1px white;
    }
    .posts {
    	padding: 5px;
    	text-align: justify;
    	direction: rtl;
    }
    .postmetadata {
    	width: 570px;
    	background: #E9E9E9;
    	text-align: right;
    }
    .searchform {
    	margin: 0px;
    	padding: 0px;
    }
    .calendar {
    	font-size:10px;
    }
    .posts img {
    	max-width: 550px;
    }
    img.alignright {
    	padding: 0px;
    	margin: 0px 0px 5px 10px;
    	display: inline;
    }
    img.alignleft {
    	padding: 0px;
    	margin: 0px 10px 5px 0px;
    	display: inline;
    }
    .aligncenter {
    
    }
    .alignleft {
    	float: left;
    }
    .alignright {
    	float:right;
    }

    http://s1.picofile.com/file/6439013078/explorer.jpg

    http://s1.picofile.com/file/6439014084/fire_fox.jpg

  • تالار

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۲۹
    تشکر شده: ۸۸ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۴ اسفند ۱۳۸۹ - ۲۰:۴۰

    اینجا حداکثر عرض عکست رو میگه :

    .posts img {
    	max-width: 550px;
    }

    ببین با کم کردنش مشکلت حل میشه ؟
    میتونی طول و عرض دلخواه هم براش تعریف کنی تا کلیه عکسهات به شکل ثابت نشون داده بشه ;)

  • rock

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۳۲
    تشکر شده: ۶۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۴ اسفند ۱۳۸۹ - ۲۲:۵۱

    دوست عزیز ممنون ولی اینها کفایه نمی کند یعنی بازهم عکس روی نوشته ها می افتد البته در فایر فاکس نه اکس‍لورر:
    http://s1.picofile.com/file/6439014084/fire_fox.jpg

    ممنون می شوم که با دوستان دیگر در ارتباط بگذارید ویک راه حل بگویید

  • Saeed Fard

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۹۸۲
    تشکر شده: ۱۶۱۵ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۴ اسفند ۱۳۸۹ - ۲۳:۰۴

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

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    rock
  • rock

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۳۲
    تشکر شده: ۶۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۵ اسفند ۱۳۸۹ - ۱۰:۳۷

    به نظرم ربطی به سایز عکس ندارد چون کوچک هم کنم نمی شود! علاوه براین هم زمان با بزرگ شدن عرض عکس عرض بلاک هم باید بزرگ شود ولی این کار در فایرفاکس انجام نمی شود دلیلش چیست؟

  • عبدالماجد شه بخش ( ایجباری )

    آفلاین
    عضو فعال
    تعداد نوشته‌ها: ۱۰۳۱
    تشکر شده: ۱۴۳۲ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۵ اسفند ۱۳۸۹ - ۱۵:۳۲

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

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    rock
  • rock

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۳۲
    تشکر شده: ۶۳ بار
    # نوشته شده: ۱۳ سال پیش
    ۲۵ اسفند ۱۳۸۹ - ۲۰:۵۶

    خودم از پسش بر اومدم اینو هم بگم اصلا ربطی به سایز عکس نداشت چون سی اس اس رو بخاطر این بکار می بندیم که هر وقت عرض یا پهنا بعضا عکس یا متن بزرگ شد بلاک هم طبق ان بزرگ شود من می خواستم نوشته ومتن پیش هم باشم نه اینکه جلوی عکس فضای خالی باشه اینکارو کردم فقط تو فایر فاکس از بلاک زد خارج که این رو دراینجا مطرح کردم شما به سایز عکس نسبت دادید بعدش خودم float رو در entry کار بردم کاملا درست شد!

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.