עבור לתוכן

HTML: איך ליצור גודל יחסי לתמונות וטקסט

Featured Replies

פורסם

אני רוצה אפשרות שהדף שלי יראה פחות או יותר אותו דבר, ללא תלות ברזולוציה של המשתמש.

איך אני לעשות את זה?

אני גם משתמש בcss sheet חיצוני, אם זה משנה.

פורסם

יש פקודות לזה תחפור קצת ותמצא

פשוט כותבים פקודות של דברים קבועים שלא קשורים לרזולוציה -סתם לדוגמה סנטימטרים

אני באמת לא זוכר את הפקודות אבל זה מאוד פשוט רק שתבין שלהרבה אנשים יהיה הרבה שטח ריק באתר אם תשתמש בכל האתר ככה

הוא יהיה מדויק מבחינת מידות וכולם יראו אותו גודל אבל זה לא תמיד טוב

פורסם
  • מחבר

אני רוצה שאנשים עם רזולוציה יותר נמוכה יוכלו לראות את האתר שלי גם..

פורסם

זה קוד בג'אווה שמאפשר לגולש לבחור את הרזולוציה המתאימה לו, כולל הרזולוציה הטבעית שמזוהה ע"י הקוד.

רק קח בחשבון שגרפיקה יכולה להשתבש.

<!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>

</head>

<html>

<body bgcolor="#FFFFFF">

<title>CodeAve.com(Resize Window)</title>

<script language="JavaScript">

<!--

// This will resize the window when it is opened or

// refresh/reload is clicked to a width and height of 500 x 500

// with is placed first, height is placed second

window.resizeTo(500,500)

-->

</script>

When the window is opened or

refresh/reload are clicked the window will size to 500 x 500

<script language="JavaScript">

<!--

// function to allow the changing of the window size by link

// to a size of 400 x 300

function resize_2_400x300()

{

window.resizeTo(400,300)

}

-->

</script>

<br>

Click <a href="javascript:resize_2_400x300()">here</a> to resize

the window to 400 x 300

<script language="JavaScript">

<!--

// function to allow the changing of the window size by link

// to a size of 800 x 600

function resize_2_800x600()

{

window.resizeTo(800,600)

}

-->

</script>

<br>

Click <a href="javascript:resize_2_800x600()">here</a> to resize

the window to 800 x 600

<script language="JavaScript">

<!--

// function to allow the changing of the window size by link

// to the maximum local screen width and height

function resize_2_local_settings()

{

window.resizeTo(screen.width,screen.height)

}

-->

</script>

<br>

Click <a href="javascript:resize_2_local_settings()">here</a> to resize

the window to the max local settings

<script language="JavaScript">

<!--

document.write (screen.width + ' x ' + screen.height)

-->

</script>

<script language="JavaScript">

<!--

// function to allow the changing of the window size by link

// the width and height are passed as variables within the link

function resize_2_link(x,y)

{

window.resizeTo(x,y)

}

-->

</script>

<br>

Click <a href="javascript:resize_2_link('640','480')">here</a> to resize

the window to varibles conatined within the link (640 x 480)

</body>

</html>

<body>

</body>

</html>

פורסם

איזו רזולוציה?

במה האתר שלך עוסק? תחשוב מה קהל היעד שלך, ואם יש צורך בתמיכה ברזולוציות נמוכות.

אם למשל אתה בונה אתר לגיימרים, אין שום סיבה לתמוך ב800*600.

וגם אם אתה רוצה להתאים את האתר לרזולוציות נמוכות, יש לא מעט דרכים להשיג את זה

- בנייה באחוזים

- בנייה בגודל מינימלי

- הסתרת חלקים בהתאם לרזולוציה

מאד לא מומלץ להשתמש בקוד שמשנה את גודל הדפדפן אוטומטית (window.resizeTo)

פורסם
  • מחבר

כל מה שאני רוצה זה דרך לתת לטקסט ולתמונות גודל שהוא יחסי לרזולוציה של המשתמש. הפריימס שלי כבר באחוזים, בדיוק בשביל זה.

אגב, אני לא מצליח להפטר מהborders הזוועתיים האלה בIE. ויש לי RAMEBORDER=0 FRAMESPACING=0 BORDER=0 בframeset. מה עוד זה יכול להיות?

ורק כדי להכניס לפרופורציות, האתר ברמה ממש נמוכה, וסביר להניח שלא יפתח לקהל הרחב.

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

דיונים חדשים