Facebook
Twitter
RSS861
צפיות
צפיות
18
תשובות
תשובות
עיגול פינות בטבלה..
הצלחתי לעגל פינות בטבלה ע"י תמונה מעוגלת בתאים שבקצוות הטבלה.
אבל רק בעזרת תמונה כזו (ראה תמונה מס' 1)
בעזרת התמונה הזו (תמונה מס' 2) לא הצלחתי, מישהו יכול בבקשה הסביר לי איך לעשות את זה גם בעזרת תמונה מסוג זה.
18 תשובות
והתמונה איתה לא הצלחתי.
תעשה תמונה בגודל של
100*100 (למשל) של ריבוע עם קצוות מעוגלים
ואח"כ תשתמש בתכונות background-image וב-background-position
כדי לקבוע איך התמונה תמוקם בתור רקע לתא בטבלה.
ז"א שאי אפשר לעגל..
פינות בעזרת התמונה של רבע עיגול (השניה שצירפתי) אלא רק בעזרת ריבוע שחתוך בקצה בצורת עיגול (התמונה הראשונה שהבאתי)?
הטבלה שעיגלתי בעזרת התמונה הראשונה מצורפת כאן, והיא יצאה טוב.
את הטבלה השנייה אני אצרף בהודעה הבאה (פשוט כי אני לא יודע איך לצרף שני קבצים בהודעה אחת).
מממ…
אפשר אבל לא חבל על המאמץ ?
יותר נוח לעבוד עם תמונה אחת
ואי אפשר לשלוח שתי קבצים בהודעה אחת.
הסתכלת על התמונה השניה..
שצירפתי, אפשר לעגל איתה טבלה?
הנה הקובץ של הטבלה שלא הצליחה לי.
אפשרי…
איך?
בתמונה הראשונה אני שם אותה בפינה וצובע את שאר התאים בצבע של תמונת הפינה ואז זה נראה מעוגל.
אבל עם התמונה הזו אפילו אם אני יצבע את שאר התאים בצבע התמונה זה עדיין לא יראה כאילו הפינות מעוגלות. יראו שזה סתם תמונה בתוך תא.
אפשרי לעשות…
אבל זו לא שיטה מומלצת במיוחד ואני לא בטוח שתצפה בצורה טובה בכל הרזולוציות.. (אולי כן?)
בכל אופן, למה לא לקחת תמונה של התוצר שאתה רוצה שייצה בסוף )מין מלבן עם קצוות מעוגלים) ולהגדיר אותו כרקע של הטבלה שלך?
זו דרך הרבה יותר קלה, לא?
אוקיי
תודה רבה לכם
קראתי את מדריך..
יצירת תפריט פופ אפ.
יש לי בעיה קטנה, איך אני יכול לקבוע צבע רקע לתא המוסתר? (זה שמתגלה ב onmousover).
תודה מראש
כרגיל ב-css
style="background-color:#ffffff;"
בקשר ליצירת תפריט פופ אפ
שלום פוג
גם אני קראתי את המדריך ליצירת תפרטי פופ אפ והצלחתי לעשות.
רק יש לי בעיה אחת:
אינני מצליחה ליצור תת לינקים ללינק. אני יודעת שזה אותו העיקרון אך משום מה זה לא מצליח לי.
אם נשתמש בקוד של המדריך אז אני מתכוונת שהעכבר יהיה על הלינק 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>
תודה מראש,
מרים
הצלחתי חלקית..
שיניתי את הקוד בהרבה מקומות וגרמתי לתפריט להיפתח לצד שמאל במקום למטה.
הצלחתי גם באופן חלקי להוסיף תת תפריט, אבל אני עדיין לא יכול לשלוט במיקום שלו ויש שם עוד כמה דברים שאינם בשליטה, אולי את תצליחי לשפר את זה.
כמו כן עדיין נשארתי עם הבעיה שלי שאני לא מצליח לתת צבע רקע לאלמנט הנסתר אם מישהו יודע איך, אודה לו אם יסביר לי.
צרפתי את הקובץ ותוכלי לעיין בקוד המקור שלו.
לילה טוב
האם זה מה שהתכוונת?
הי פוג
בתוך הקוד ששלחת לי ב HEAD כתוב
<style>
div.menu
{
position:absolute;
visibility:hidden}
</style>
כל מה שאתה צריך להוסיף זה
background-color:pink;
ונקודה פסיק בסוף השורה השניה.
כלומר, בסופו של דבר זה צריך להיראות כך:
<style>
div.menu
{
position:absolute;
visibility:hidden};
background-color:pink;
</style>
כמובן שאחרי המילה "צבע" אתה כותב איזה צבע שאתה רוצה במילים או בערכי אקצה דה צימלי.
מרים
בינתיים זה מה שהצלחתי
אני שולחת לך את הקובץ עם שיפורים.
מקווה שיעזור לך
מרים
הקובץ
מקווה שעכשיו זה יקלט
ניסיון אחרון
פוג, אם משום מה הקובץ לא יצורף. תכתוב לי את האימייל שלך ואני אשלח לשם.
מרים
כן !
אין לך מושג איך עזרת לי. תודה
עזר לך הנסיון שלי לתת תפריט?
אם תצליחי לשלוט במיקום שלו אשמח אם תשלחי לי קוד.
אגב, בלחיצה על שם המשתמש שלי אפשר לדעת את כתובת האימייל.
שבת שלום