ABA


"שורת כותרת לטבלה, גבול מעוגל פינות, לא עובד ! css html"
גירסת הדפסה        
קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #22249 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 22249
זקי חלטורה
חבר מתאריך 9.4.15
163 הודעות
   12:28   11.09.18   
אל הפורום  
  שורת כותרת לטבלה, גבול מעוגל פינות, לא עובד ! css html  
 
   שלום,
ברצוני שבטבלה בדף, שורת הכותרת תהיה מוקפת מסגרת מעוגלת פינות
להלן הקוד:

<!DOCTYPE html>
<html>
<head>
<title>To forum</title>
<style>
table
{
width: 80%;
margin: auto;
border-collapse: collapse;

}
tr.title
{
border-radius: 15px 15px 0px 0px;
border: 3px solid #6b8e23;;
}
</style>
</head>
<body>
<table>
<tr class="title">
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
<th>E</th>
<th colspan="3">F</th>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>e</td>
<td>d</td>
<td>e</td>
<td>f</td>
</table>
</body>
</html>

מה שמתקבל, ראו תמונה רצ"ב.

מדוע המסגרת שקיבלתי איננה מעוגלת ?!
מדוע קווי הגבול בין תאי הטבלה נעלמו ?
תודה!


                                שתף        
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

  האשכול     מחבר     תאריך כתיבה     מספר  
  זה הקוד הנכון (אם אני מבין מה אתה צריך..) the_dude  11.09.18 19:44 1
     תודה, הארת את עיני זקי חלטורה 12.09.18 21:03 2

       
the_dude 
חבר מתאריך 30.4.14
148 הודעות
   19:44   11.09.18   
אל הפורום  
  1. זה הקוד הנכון (אם אני מבין מה אתה צריך..)  
בתגובה להודעה מספר 0
 
   ערכתי לאחרונה בתאריך 11.09.18 בשעה 19:47 בברכה, the_dude
 
tr.title מתייחס רק למה שמאגד את כל ההאדרים ביחד, לכן הוא לא שם לך קו מפריד בין כל אחד.
אם אתה רוצה מפריד בין כל כותרת של הטבלה אתה צריך לעשות את ה border ל th שהוא התא של הכותרת של כל עמודה.

ואני לא יודע מה מטרת השורה הזאת: /*border-collapse: collapse;*/
שמתי אותה בהערה כי היא גרמה לborder-radius לא להופיע.


<!DOCTYPE html>
<html>
<head>
<title>To forum</title>
<style>
table
{
width: 80%;
margin: auto;
/*border-collapse: collapse;*/

}
th
{

border: 3px solid #6b8e23;
border-radius: 15px 15px 0px 0px;
}
</style>
</head>
<body>
<table>
<tr class="title">
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
<th>E</th>
<th colspan="3">F</th>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>e</td>
<td>d</td>
<td>e</td>
<td>f</td>
</table>
</body>
</html>



אחסון אתרים ושרתים וירטואלים.
https://lowchost.co.il


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
זקי חלטורה
חבר מתאריך 9.4.15
163 הודעות
   21:03   12.09.18   
אל הפורום  
  2. תודה, הארת את עיני  
בתגובה להודעה מספר 1
 
   :-)


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

תגובה מהירה  למכתב מספר: 
 
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net