17-03-2012, 13:08
|
|
|
חבר מתאריך: 29.04.04
הודעות: 638
|
|
קישור, פרטים, רזולוציה ושאר מרעין בישין
היי,
מדובר בדפדפן אחד ב 2 המחשבים: פיירפוקס. עדיין לא בדקתי 2 דפדפנים שונים, קטן עלי...
במחשב השולחני הרזולוציה: 1024-768 .
במחשב הנייד הרזולוציה: 1280-768. רמת הצבע ב 2 הפלטפורמות: 32 bit (highest) .
בתמונה הראשונה להלן מוצג הדף כפי שמופיע ע"ג המחשב השולחני עימו אני עובד.
התמונה השניה היא מהמחשב הנייד בו התמונה ה "אמצעית" לא מוצבת באמצע תמונת הרקע הירוקה והכיתובית "בורחת" החוצה (יצאה למסע אל מחוץ לדף).
להלן הקוד בו ה 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=windows-1255" />
<style type="text/css"> body
{
background-image:url('board.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
margin:0;
padding:0;
}
div#startpage
{
position:relative;
width:1000px;
height:600px;
background-image:url('startpage.png');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
div#container
{
left:4%;
top:89.5%;
width:300px;
color:yellow;
font-size:50px;
direction:rtl;
overflow:hidden;
position:absolute;
}
</style>
</head>
<body>
<div id="startpage"></div>
<div id="container">במסע אל העבר</div>
</body>
</html>
ב laptop לא רואים את מלוא התמונה החומה, הפינות המעוגלות מצד ימין נחתכו.
אני מודה לך על נכונותך להטות שכם ומקווה שאשכיל בסוף היום וארתע פחות מ ה CSS.
נערך לאחרונה ע"י דוכובניק בתאריך 17-03-2012 בשעה 13:11.
סיבה: טע
|