Printable View
سلام.
من با نرم‌افزار dreamweaver يک صفحه html ساختم که به يک فايل css هم لينک ميشه.
توي صفحه چند تا عکس و مقداري متنه.
تو قسمت design که ميرم، ميتونم صفحه رو کاملا ببينم، ولي وقتي با مرورگر (ie, chrome , firefox) صفحه رو باز ميکنم، سفيد سفيده و هيچي توش نيست. انگار يه صفحه خاليه.
ممنون ميشم منو راهنمايي کنيد.
زیاد نباید به قسمت design ِ دریم ویور اعتماد کنید و از اون استفاده کنین. من خودم صفحه هام رو توی قسمت design فقط بک گراند صفحه رو نشون میده، ولی در مرورگر کل کد رو نشون میده. باید خودتون کد ها رو وارد کنین و حداکثر از input های آماده، و ... استفاده کنین که اون ها رو هم باید بازم کد رو بلد باشین تا بتونین استفاده کنین. احتمالا مشکلتون هم همین جاست که فقط با دریم ویور نشون میده و شاید مثلا صفحه سرور سایده و از نرم افزار های سرور ساز استفاده نمی کنید، شاید آدرس صفحه رو اشتباه زدید که با f12 خودش باز می کنه صفحه رو با فایرفاکس.
با کد نوشتم نه با ديزاين. سرور سايد هم که والله من کدم فقط html داره و css. يعني نبايد بدون سرور و اين حرفها مشکل داشته باشه. ضمن اينکه بصورت دستي هم باز کردم و مشکل وجود داشت.
درواقع يه ويدئوي آموزشي ميديدم که اين صفحه رو بايد براساسش ميساختم.
اينم کد صفحه:
بسيار ممنون که راهنماييم ميفرماييد.کد:<!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="includes/marquee.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="marquee_container">
<div class="marquee_photos">
<img src="images/photos/london.jpg" class="marquee_panel_photo" alt="London" width="700" height="350" />
</div>
<div class="marquee_caption">
<div class="marquee_caption_content">
<img src="images/template/flag_england.jpg" class="marquee_flag" width="20" height="13" />
<h2>London</h2>
<p>This is a test caption<br />This is a test caption.</p>
<p><a href="#">Check it out</a></p>
</div>
</div>
<div class="marquee_nav">
<a class="marquee_nav_item"></a>
<a class="marquee_nav_item selected"></a>
<a class="marquee_nav_item"></a>
</div>
</div>
<div class="marquee_panel"></div>
</body>
</html>
ممکنه درون includes/marquee.css باشه مشکل.
آره حق با شماست. link رو حذف کردم درست شد!نقل قول:
منتها راستش ايرادي توي css نميبينم. جالبه که کل css رو نه از طريق کد نويسي دستي بلکه از طريق منوهاي خود دريم ويور (تول باکس CSS Styles) تنظيم کردم!
محتوای مخفی: کد سي اس اس
يکبار ديگه تشکر.
display: inline-block;
این ممکنه کار رو خراب کرده باشه. شاید.
نه درست نشد. :41:نقل قول:
سلام.
مشکل ارتباطی با display: inline-block نداره.
شما باید overflow: hidden رو از styleهای .marquee_container بردارید. (البته ممکنه در آینده برای جاوا اسکریپتی که احتمالا اسفاده می کنید مشکل ایجاد کنه)
پس از این کار شاید تمام محتوا رو نبینید، که دلیلش اینه که بکگراند شما به طور پیشفرض سفید هست و بعضی از متون color سفید دارند. (می تونید بکگراند رو یک رنگ دیگه به جز سیاه و سفید کنید. مثلا قرمــــز!)
ضمنا مطمئن شوید که تمام تصاویر به کار رفته برای background المنت ها، سرجاشون هستن!
موفق باشید ./.
مشکل از overflow: hidden بود. حل شد.
عجيبه، تو ويدئويي که آموزش ميداد، همه چيز درست بود. ولي روي کامپيوتر من خراب ديده ميشه.
بسيار ممنون از راهنماييها.
ويرايش: فهميدم. توي کد تکميل‌شده‌اي که گذاشته بود، براي marquee_container طول و عرض تنظيم کرده بود. اينکارو که کردم هم درست شد و overflow: hidden رو هم تونستم بنويسم و مشکل نداشته باشه. يکبار ديگه تشکر.