עבור לתוכן

מרכוז תמונה ב-HTML

על-ידי LRa
ב תכנות

Featured Replies

פורסם

שלום,

שאלה די קלה.

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

הנה פיסת הקוד:

<TABLE width="100%">

<TR>

<CENTER>

<A href=".">

<TD><img src="./images/logo2.png" align="center">

</A>

</CENTER>

<BR>

asdasdasdasddsd

</TD>

</TR>

אני יודע שלא צריך גם <CENTER> וגם align, אבל זה סתם היה נסיון.

בכל מקרה למישהו יש מושג?

תודה

  • ציטוט
    • פורסם 
    <div align="center"><img src="IMG.gif" width="X" height="Y" />
    </div>

  • ציטוט
    • פורסם
    • מחבר

    <div align="center"><img src="IMG.gif" width="X" height="Y" />
    </div>

    תודה. עבד.

    אפשר לקבל הסבר קצר?

  • ציטוט
    • פורסם

    תקן את סדר התגים שלך. הם קצת מבולגנים שם.

  • ציטוט
    • פורסם
    • מחבר

    תקן את סדר התגים שלך. הם קצת מבולגנים שם.

    אתה יכול לפרט בבקשה?

    רק התחלתי ללמוד.

  • ציטוט
    • פורסם

    אחרי TR חייב לבוא TD. יש לך שם CENTER וA באמצע.

  • ציטוט
    • פורסם

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

    זה הקוד האופטימלי, המתומצת והתקני:

    <table width="100%">
    	<tr>
    		<td align="center"><a href="."><img src="." alt="" /></a></td>
    		<td>asdasdasdasddsd</td>
    	</tr>
    </table>

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

    יצרתי תמונה שכשלוחצים עליה היא תוביל לקישור(יש צורך לערוך את הכתובות). העניין החשוב פה שה-img עכשיו תקני(תקן W3C העולמי).

    סגרנתי את התא ופתחתי אחד חדש.

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

  • ציטוט
    • פורסם
    • מחבר

    תודה.

    אני אבדוק את זה מחר ואמור לך אם זה מסתדר.

  • ציטוט
    • פורסם
    • מחבר

    תודה. עובד מצויין.

    שתי שאלות. מה הכוונה בתקן רשמי? ואיך אני מבטל את הריבוע שנוצר סביב התמונה עקב היותה לינק?

  • ציטוט
    • פורסם

    אחלה :xyxthumbs:

    עכשיו, בנוגע לתקן, תקרא כאן.

    מספר דוגמאות:

    בירידת שורה, במקום <br> רושמים <br /> (שים לב לרווח שחשוב מאד!). כנ"ל לגבי <hr>(יצירת קו).

    לפני התגית <html> יש תגית DOCTYPE שבה אתה קובע את סוג המסמך.

    בעניין של התקן, אני מציע לך קודם ללמוד HTML היטב ורק אז להתעמק בזה.

    בנוגע למסגרת:

    יש לך 2 אפשרויות, שניהן פועלות.

    1.

    <table width="100%">
    	<tr>
    		<td align="center"><a href="."><img src="." alt="" border="0" /></a></td>
    		<td>asdasdasdasddsd</td>
    	</tr>
    </table>

    הבעיה כאן שאני לא בטוח אם border כאן תקני. אישית הייתי משתמש ב-CSS במקרה הנ"ל כמו בדגומא השניה.

    2.

    <table width="100%" border="1">
    	<tr>
    		<td align="center"><a href="."><img src="." alt="" style="border: 0" /></a></td>
    		<td>asdasdasdasddsd</td>
    	</tr>
    </table>

    תהנה :)

  • ציטוט
    • פורסם
    • מחבר

    מגניב. עובד. תודה.

  • ציטוט

    • ארכיון

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

    עבור לרשימת הדיונים

    דיונים חדשים