سلام . من یه مطلب استاتیک رو با فونت tahoma و سایز 10 گذاشتم صفحه ی اول سایت . توی IE 7 اندازه ها درسته ، اما توی FireFox 3 فونت اون متن خیلی کوچیکتره ( احنمالا 8 ) . چه جوری می تونم این مشکل رو حل کنم؟ ممنون میشم راهنمایی کنین
نمایش نسخه قابل چاپ
سلام . من یه مطلب استاتیک رو با فونت tahoma و سایز 10 گذاشتم صفحه ی اول سایت . توی IE 7 اندازه ها درسته ، اما توی FireFox 3 فونت اون متن خیلی کوچیکتره ( احنمالا 8 ) . چه جوری می تونم این مشکل رو حل کنم؟ ممنون میشم راهنمایی کنین
شما اگر قالب رو css base و استاندارد استفاده کنید ، معمولا در هر دو مرور گر به درستی دیده میشه.
ضمن اینکه از مشترکات استفاده کنید.
اما مشکل وقتی بوجود میاد که css استاندارد نباشه. اون موقع، هر کدوم از مرورگرها به سلیقه خودشون عمل می کنند.
مثل مسائل داوری. وقتی قانون درست و محکمی در رابطه با اونها نباشه، قاضی معمولا به سلیقه خودش عمل می کنه!
در مورد اون هم اگر لینک هست لینک، وگرنه کد css و html رو بگذارید تا بگم که کجای کار شما مشکل داره.
یا علی مدد.
سلام . مرسی سعید جان بابت توضیحاتت
این کد CSS :
کد:/* Body */
BODY {
margin: 0px 0px 0px 0px;
color : #F4F0EC;
}
td,tr,p,div {
font-family: Tahoma;
font-size: 11px;
color: #804D00;
}
p {
font-family: Tahoma;
font-size: 12px;
color: #993300;
line-height: 150%
}
/* Styles for dhtml tabbed-pages */
.ontab {
border-right: 2px outset #002800;
border-top: 2px outset #FF9900;
border-bottom: 1px solid #D5D5D5;
text-align: center;
cursor: hand;
font-weight: bold;
color: #F0F0F0
}
.offtab {
background-color : #FFF9F0;
border-right: 2px outset #E0E0E0;
border-top: 2px outset #E0E0E0;
border-bottom: 1px solid #D5D5D5;
text-align: center;
cursor: hand;
font-weight: normal
}
.tabpadding {
}
.tabheading {
text-align: right
}
.pagetext {
visibility: hidden;
display: none;
position: relative;
top: 0; color:#800000
}
h4 {
color: #FF9900; font-family: tahoma;
font-size: 16px; font-weight: bold;
}
h5 {
color: #FF9900; font-family: tahoma;
font-size: 14px; font-weight: bold;
}
h6 {
color: #FF9900; font-family: tahoma;
font-size: 12px; font-weight: bold;
}
/* Links */
a:link, a:visited {
font-size: 11px; color: #A66400; text-decoration: none;
font-family: tahoma
}
a:hover {
color: #FF6600; text-decoration: none;
}
/* For content item titles that are hyperlink instead of Read On */
a:link.contentpagetitle, a:visited.contentpagetitle {
font-family: tahoma;
font-size: 13px;
font-weight: bold;
color: #800000;
text-align:right
}
a:hover.contentpagetitle {
font-family: tahoma;
font-size: 13px;
font-weight: bold;
text-align:right;
color: #FF6600;
text-decoration: underline;
font-weight: bold;
}
/* Horizontal Line */
hr {
border-style:inset; border-width:1px; background:#FDEDDB; height:2px;
}
hr.separator {
background-position: 0% 0%; height: 1px;
width: 75px; background-image:none; background-repeat:repeat; background-attachment:scroll
}
/* --Default Class Settings-- */
table.moduletable {
width : 100%;
margin-bottom : 5px; color:#FF9900
}
table.moduletable th {
background-position: center top; font-size : 8pt;
font-weight : bold;
color : #800000;
text-align : center;
text-transform : uppercase;
margin-left: 2px; font-variant:normal; font-family:Tahoma; border-bottom-width:medium; padding-left:6px; padding-right:6px; padding-top:10px; padding-bottom:5px; background-image:url('../images/header.gif'); background-repeat:no-repeat; background-attachment:scroll
}
.mainlevel {
font-family : Arial;
font-weight : normal;
width : 100%;
text-align : right;
margin-left : 1px;
margin-right : 1px;
margin-top : 5px;
text-decoration : none;
-moz-opacity : 0.20;
letter-spacing : 0px;
text-indent : 22px;
padding : 4px;
display : block;
margin-top : 1px;
color:#CC6600;
}
a:link.mainlevel, a:visited.mainlevel {
padding:0; margin:0; background-position: center; border-bottom:0px solid #565044; font-size : 8pt;
color : #975A00; font-family:Tahoma; font-weight:bold; background-repeat:repeat-x; background-attachment:fixed; direction:rtl; list-style-type:square;
}
a:hover.mainlevel {
padding:0; margin:0; background-position: center; border-bottom:0px solid #565044; font-size : 8pt;
color : #336699; font-family:Tahoma; font-weight:bold; background-repeat:repeat-x; background-attachment:fixed; direction:rtl; list-style-type:square
}
a:hover.sublevel {
color: #990000; text-decoration: underline
}
a:link.sublevel, a:visited.sublevel {
color: #800000; font-family: Tahoma;
font-weight: normal
}
/* Content - Sections & Categories */
.contentpane {
color:#800000
}
.contentpaneopen {
border : 0px ridge #DCDCDC; color:#800000
}
.contentheading {
font-family: tahoma;
font-size: 13px;
font-weight: bold;
color: #CC6600;
text-align:right
}
.contentpagetitle {
font-family: tahoma;
font-size: 13px;
font-weight: bold;
color: #CC6600;
text-align:right
}
table.contenttoc {
color: #333300;
}
table.contenttoc td {
font-family: Tahoma;
font-size: 8pt;
font-weight: normal;
text-align:right; color:#996633
}
a:hover.toclink, a:visited.toclink, a:link.toclink {
font-size: 9px; color:#CC0000
}
.contentdescription {
font-family: Tahoma;
font-size: 11px;
color: #CC6600;
text-align: right
}
/* Links */
a:link.blogsection, a:visited.blogsection {
color: #FF9900; text-decoration: none; font-weight: normal;
font-family: tahoma;
}
a:hover.blogsection {
color: #CC3300; text-decoration: underline;
}
a:link.weblinks, a:visited.weblinks {
color: #FF9900; text-decoration: none; font-weight: normal;
font-family: tahoma;
}
a:hover.weblinks {
color: #CC3300; text-decoration: underline;
}
a:link.readon, a:visited.readon {
color: #800000; text-decoration: none; font-weight: normal;
font-family: tahoma;
font-size: 11px
}
a:hover.readon {
color: #990000; text-decoration: underline
}
.componentheading {
font-family: Tahoma;
font-size: 13px;
font-weight: bold;
color: #C67700;
text-align:right
}
.button {
border:1px solid #A65300; background-position: 0% 0%; font-family: Tahoma;
font-style: normal;
font-weight: bold;
font-size: 11px;
text-align: center;
color: #CC6600;
background-image:url('../images/fa_32.jpg'); background-repeat:repeat; background-attachment:scroll
}
.inputbox {
border-style:solid; border-width:1px; font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: #F99E5B;
background: #FFFFFF;
}
/** category text format and links **/
.category {
color: #FFCC00; font-family: tahoma;
font-size: 11px; font-weight: bold; text-decoration: none
}
a:link.category, a:visited.category {
color: #5A5E61; font-weight: bold;
}
a:hover.category {
color: #FF9900;
}
.poll {
font-family: tahoma;
font-size: 10px;
color: #666666;
line-height: 14px
}
.sectiontableentry1, .contentpane {
color:#800000
}
.sectiontableentry2 {
}
.sectiontableheader {
color : #800000;
font-weight : bold
}
.frontpageheader {
font-size: 13px;
color : #0077aa;
font-weight : bold;
}
.small {
font-family: tahoma;
font-size: 10px;
color: #FF6600;
text-decoration: none;
font-weight: normal;
}
.smalldark {
font-family: tahoma;
font-size: 10px;
color: #800000;
text-decoration: none;
font-weight: normal
}
.newsfeedheading {
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #9B4E00;
text-align:right
}
.newsfeeddate {
font-family: tahoma;
font-size: 10px;
color: #FF6600;
font-weight: normal;
}
.createdate {
font-family: tahoma;
font-size: 10px;
color: #FF6600;
text-decoration: none;
font-weight: normal;
}
.modifydate {
font-family: Tahoma;
font-size: 10px;
color: #7D3F00;
text-decoration: none;
font-weight: normal
}
ul {
margin: 0px;; color:#974B00
}
li {
list-style: inside url(../images/arrow.png) 3px;
list-style-image: url(../images/arrow.png);
}
.fase4rdf {
font-family: tahoma;
font-size: 10px; color: #FFFFFF;
font-weight: normal;
}
a:link.fase4rdf {
font-size: 11px; font-weight: normal; color: #FF9900;
}
a:hover.fase4rdf {
font-weight: bold; color: #990000;
}
table.searchintro {
background-color: #FEF2E2;
border: 1px solid #800000;
}
table.contact {
background-color: #FFEFDF;
}
table.contact td.icons {
color:#800000
}
table.contact td.details {
background-color: #FBF2E1;
font-size: 10px;
font-weight: bold;
font-family: Tahoma;color:#CC6600
}
.pagenav {
font-weight: normal;
color: #FFCC66;
}
a.pagenav, a:visited.pagenav {
color: #FF6600;
}
a:hover.pagenav {
color: #FFCC00;
}
.pagenavbar {
color: #800000}
/* Content voting */
.content_rating {
font-weight: normal;
font-size: 8pt; color:#CC6600
}
.content_vote {
font-weight: normal;
font-size: 8pt; color:#990000
}
/* for modifying {moscode} output. Don't set the colour! */
.moscode {
}
/* Text passed with mosmsg url parameter */
.message {
font-family : tahoma;
font-weight: bold;
font-size : 10pt;
color : #ff6600;
text-align: center;
}
سلام. خوب فایل html کجاست؟ :)
در ضمن با دادن اندازه فونت به کلاس body مشکل حل نمی شه؟
در صورتی که حل نشد، کش ها را هم پاک کنید و دوباره امتحان کنید.
منظورتون از فایل HTML همون Index.php هست؟
سلام. بله ;)
یــــــــــــــــــــــاع ـــــــــــــــــلی
نخیر!
خود فایل خام index.php نه.
بلکه فایل ترجمه شده اون.
البته اگر لینک سایت رو می گذاشتید خیلی بهتر بود.
سلام سعید جان. مگه صفحه اصلی سایت مد نظر نیست قربان؟ :o
یــــــــــــــــــــــــ ـــاعــــــــــــــــــــ ـــلی
فایل index.php ، فایل سرور ساید هست. گذاشتن کد این فایل، چیزی رو مشخص نمی کنه. مگر اینکه کل قالب باشه!
مثل [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
چون فایل index.php به صورت یکتا اجرا نمیشه و به جیزهای دیگه ای بستگش داره.
خواهش می کنم بحث ها رو متفرقه نکنید.
اجازه بدید دوست عزیزمون " نجوا " اول اطلاعات کامل (ترجیحا لینک صفحه) یا کدهای مورد نظر رو بگذارند تا بررسی بشه.
سلام . این آدرس سایت سعید جان : [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
طرح زیبایی داشت. تبریک میگم
ولی css یک سری مشکلات داشت که بهتره اصلاح بشه:
البته مشکل شما به این موارد ربطی نداره.کد:Warning: Expected end of value for property but found '3px'. Error in parsing value for property 'list-style'. Declaration dropped.
Source File: amirabadi.ir/fa/templates/amirabadi/css/template_css.css
Line: 666
Warning: Error in parsing value for property 'cursor'. Declaration dropped.
Source File: amirabadi.ir/fa/templates/amirabadi/css/template_css.css
Line: 65
Warning: Error in parsing value for property 'cursor'. Declaration dropped.
Source File: amirabadi.ir/fa/templates/amirabadi/css/template_css.css
Line: 45
مشکل شما این هست که تمام مطالب شما، داخل تگ هایی هستند که تگ ها وstyle اونها اینطور تعریف شدند:
اون قسمت font-size: x-small; هست که در مرور گر FF شناخته میشه . یعنی اون قسمت رو با فونت small مرورگر نشون میدهکد:<span style="font-family: tahoma,arial,helvetica,sans-serif; font-size: x-small;">
اما در مرورگر IE این خصیصه تعریف نشده هست یا اینکه اندازه small به همین اندازه فعلی هست.
و با توجه به اینکه style اختصاصا برای خود تگ تعریف شده، امکان اصلاح اون از طریق stylesheet فایل css احتمالا نیست.
به هر حال شما اون قسمت font-size: x-small; رو از تگ ها باید حذف کنید تا مظالبتون درست بشن
در ضمن، مگه شما از چه ویرایشگری ایتفاده می کنید که اینطور شده؟
آیا مطالب رو از جای دیگه ای در داخل ویرایشگر کپی کردید ؟
[quote author=سعید link=topic=15499.msg81499#msg81499 date=1217887019]
طرح زیبایی داشت. تبریک میگم
[/quote]
مرسی سعید جان ::)
حق با شما بود . مشکلم حل شد . فکر می کنم علتش هم این بود که مستقیم از یه سایت دیگه کپی پیست کردمش و بعد توی ویرایشگر مامبو فونت و سایز رو تغییر دادم . بازم ممنون
راستی . این ایراداتی که گفتی در مورد CSS ،میشه راهنمایی کنی چه جوری می تونم حلش کنم؟
مقدار hand برای این مورد احتمالا تعرریف نشده.کد:cursor: hand;
موارد تعریف شده معمول برای cursor عبارتند از :
crosshair
pointer
move
text
wait
help
و ...
مقدار list-style هم مشکل داره. یعنی احتمالا اون 3px اضافی باشه.کد:list-style: inside url(../images/arrow.png) 3px;