שלח תשובה

זירת השאלות

318
צפיות
18
תשובות

עיגול פינות בטבלה..

,‏ 7 בפברואר, 2005

הצלחתי לעגל פינות בטבלה ע"י תמונה מעוגלת בתאים שבקצוות הטבלה.
אבל רק בעזרת תמונה כזו (ראה תמונה מס’ 1)
בעזרת התמונה הזו (תמונה מס’ 2) לא הצלחתי, מישהו יכול בבקשה הסביר לי איך לעשות את זה גם בעזרת תמונה מסוג זה.

תגיות:

18 תשובות

  1. ניר טייב הגיב:

    תעשה תמונה בגודל של
    100*100 (למשל)  של ריבוע עם קצוות מעוגלים
    ואח"כ תשתמש בתכונות background-image וב-background-position
    כדי לקבוע איך התמונה תמוקם בתור רקע לתא בטבלה.

  2. פוג הגיב:

    ז"א שאי אפשר לעגל..
    פינות בעזרת התמונה של רבע עיגול (השניה שצירפתי) אלא רק בעזרת ריבוע שחתוך בקצה בצורת עיגול (התמונה הראשונה שהבאתי)?

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

  3. ניר טייב הגיב:

    מממ…
    אפשר אבל לא חבל על המאמץ ?
    יותר נוח לעבוד עם תמונה אחת

    ואי אפשר לשלוח שתי קבצים בהודעה אחת.

  4. פוג הגיב:

    הסתכלת על התמונה השניה..
    שצירפתי, אפשר לעגל איתה טבלה?

    הנה הקובץ של הטבלה שלא הצליחה לי.

  5. פוג הגיב:

    איך?
    בתמונה הראשונה אני שם אותה בפינה וצובע את שאר התאים בצבע של תמונת הפינה ואז זה נראה מעוגל.
    אבל עם התמונה הזו אפילו אם אני יצבע את שאר התאים בצבע התמונה זה עדיין לא יראה כאילו הפינות מעוגלות. יראו שזה סתם תמונה בתוך תא.

  6. shay3434 הגיב:

    אפשרי לעשות…
    אבל זו לא שיטה מומלצת במיוחד ואני לא בטוח שתצפה בצורה טובה בכל הרזולוציות.. (אולי כן?)

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

  7. פוג הגיב:

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

  8. miriam2345 הגיב:

    בקשר ליצירת תפריט פופ אפ
    שלום פוג

    גם אני קראתי את המדריך ליצירת תפרטי פופ אפ והצלחתי לעשות.

    רק יש לי בעיה אחת:

    אינני מצליחה ליצור תת לינקים ללינק. אני יודעת שזה אותו העיקרון אך משום מה זה לא מצליח לי.

    אם נשתמש בקוד של המדריך אז אני מתכוונת שהעכבר יהיה על הלינק prod 2, לדוגמה, יופיעו לינקים הקשורים לו.

    האם זה מצליח לך? אם כן אשמח אם תוכל להוסיף לדוגמה הזו שתי לינקים ל prod 2.


    <html>
    <head>
    <script language="javascript">
    function showHideTable(menuId){
        var obj=document.getElementById(menuId)
        obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible")
    }
    </script>

    <style>
    div.menu
    {
    position:absolute;
    visibility:hidden
    }
    </style>
    </head>
    <body>
    <table>
        <tr>
            <td onmouseover="showHideTable(‘products’)" onmouseout="showHideTable(‘products’)">
            <a href="products.html">Products</a><br>
            <div class="menu" id="products">
                <a href="page1.html">prod 1</a><br>
                <a href="page2.html">prod 2</a><br>
                <a href="page3.html">prod 3</a><br>
            </div>
            </td>
    </tr>
    </table>
    </body>
    </html>

    תודה מראש,
    מרים

  9. פוג הגיב:

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

  10. miriam2345 הגיב:

    האם זה מה שהתכוונת?
    הי פוג

    בתוך הקוד ששלחת לי ב HEAD כתוב

    <style>
    div.menu
    {
    position:absolute;
    visibility:hidden}
    </style>

    כל מה שאתה צריך להוסיף זה


    background-color:pink;

    ונקודה פסיק בסוף השורה השניה.

    כלומר, בסופו של דבר זה צריך להיראות כך:


    <style>
    div.menu
    {
    position:absolute;
    visibility:hidden};
    background-color:pink;
    </style>

    כמובן שאחרי המילה "צבע" אתה כותב איזה צבע שאתה רוצה במילים או בערכי אקצה דה צימלי.

    מרים

  11. miriam2345 הגיב:

    בינתיים זה מה שהצלחתי
    אני שולחת לך את הקובץ עם שיפורים.

    מקווה שיעזור לך

    מרים

  12. miriam2345 הגיב:

    ניסיון אחרון
    פוג, אם משום מה הקובץ לא יצורף. תכתוב לי את האימייל שלך ואני אשלח לשם.

    מרים

  13. פוג הגיב:

    כן !
    אין לך מושג איך עזרת לי. תודה

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

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!