הוסטס - פורום אחסון האתרים הגדול בישראל

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - "לעגל" תמונה ב HTML? חח (https://hosts.co.il/forums/showthread.php?t=35352)

"לעגל" תמונה ב HTML? חח

http://www.one.co.il/

באתר של וואן כל התמונו תפה "מעוגלות"
הבנתי שזה איזה משהו עם רקע או משהו בסגנון

בקיצור.. איך עושים את זה?!

תודה =]

בכל מקרה , לא תומך FF .

ציטוט:

נכתב במקור על ידי DoOKaS (פרסם 380891)

בכל מקרה , לא תומך FF .

וזה קשור לשאלה שלי כי?

אתה קובע את התמונה כרקע בתוך טבלה
ואז יוצר טבלה פנימית בגובה\רוחב 100% ושם בא תמונות שמיושרות לפי הפינה הנכונה
הנה דוגמא:

HTML קוד:

<table width="200" border="0" cellspacing="0" cellpadding="0">

   <tr>

      <td height="150" style="background:url(image.jpg);">

         <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

         <tr>

            <td align="left" valign="top"><img src="top_left.gif" alt="" /></td>

            <td align="right" valign="top"><img src="top_right.gif" alt="" /></td>

         </tr>

         <tr>

            <td align="left" valign="bottom"><img src="bottom_left.gif" alt="" /></td>

            <td align="right" valign="bottom"><img src="bottom_right.gif" alt="" /></td>

         </tr>

         </table></td>

   </tr>

</table>

הנה דוגמא לתמונה בגודל של 200 על 150
ד"א מה שרשמתי לך פה יעבוד מצויין גם עם פיירפוקס
א, ב, בקידוד אתרים

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

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

מלךך DCB תודה רבה רבה רבההההה!!
עזר לי הבנאדם בטירוף =]]]

אוהב אותך!!

ציטוט:

נכתב במקור על ידי DCB (פרסם 380901)

HTML קוד:

<table width="200" border="0" cellspacing="0" cellpadding="0">

   <tr>

      <td height="150" style="background:url(image.jpg);">

         <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

         <tr>

            <td align="left" valign="top"><img src="top_left.gif" alt="" /></td>

            <td align="right" valign="top"><img src="top_right.gif" alt="" /></td>

         </tr>

         <tr>

            <td align="left" valign="bottom"><img src="bottom_left.gif" alt="" /></td>

            <td align="right" valign="bottom"><img src="bottom_right.gif" alt="" /></td>

         </tr>

         </table></td>

   </tr>

</table>

ורוצה לשמוע שיטה בלי תמונות בכלל, בלי טבלאות ונתמך ב FF ו IE?

http://www.spiffycorners.com/sc.php?...cccc&fg=ffffff

מנסיון: overflow
בCSS עושה לפעמים בעיות עם דפדפנים מסויימים...

לא ממש הבנתי את מה שDCB הציע..
אבל יש לי הצעה אחרת..

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