עבור לתוכן

אני צריך קצת עזרה עם קוד CSS

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

Featured Replies

פורסם

פתחתי פורום דרך INVISIONFREE, אבל הבעיה מתחילה כשרוצים לשים סקינים.

הדרך היחידה היא לערוך את הCSS. ובדיוק בזה אני צריך עזרה.

יש לי את הקוד הבא:

html { overflow-x: hidden; overflow-y: auto; } 

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px 10px 0px 10px;background-color:#FFF; background-image:url(images/background.jpg); background-attachment:fixed; background-position:center; background-repeat:no-repeat; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000;}
a:link, a:visited, a:active { text-decoration: underline; color: #000 }
a:hover { color: #465584; text-decoration:underline }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help  { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px }

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg  { text-align:center; margin-top:15px } 

#ucpmenu  { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { text-align: center;padding:0px;margin:0px; }
#submenu  { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA }

.banner {background-image: url(URL of the Banner);background-repeat: no-repeat;background-position: center;height: 150px;}

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#BCD0ED; padding:6px }

.pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #F5F9FD }
.post2 { background-color: #EEF2F7 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(images/tile_sub.jpg) }

.row1 { background-color: #F5F9FD }
.row2 { background-color: #DFE6EF }
.row3 { background-color: #EEF2F7 }
.row4 { background-color: #E4EAF2; background:none;}

.darkrow1 { background-color: #C2CFDF; color:#4C77B6; }
.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; }
.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-image: url(images/tile_sub.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C }

.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(images/tile_back.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #345487;background-color:#F5F9FD }
.tableborder { border:1px solid #345487;background-color:#FFF; padding:0px; margin:0px; width:100%; }
.tablefill  { border:1px solid #345487;background-color:#F5F9FD;padding:6px; }
.tablepad  { background-color:#F5F9FD;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px; }

.wrapmini  { float:left;line-height:1.5em;width:25% }
.pagelinks  { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#434951 }
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor  { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }

.purple { color:purple;font-weight:bold }
.red  { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue  { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

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

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

תודה למי שינסה לעזור :xyxthumbs:

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

    רק בשביל להתמקד - אתה מתכוון לקוד הזה?


    .plainborder { border:1px solid #345487;background-color:#F5F9FD }
    .tableborder { border:1px solid #345487;background-color:#FFF; padding:0px; margin:0px; width:100%; }
    .tablefill  { border:1px solid #345487;background-color:#F5F9FD;padding:6px; }
    .tablepad  { background-color:#F5F9FD;padding:6px }
    .tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px; }

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

    אין לי ממש מושג... :nixweiss:

    ניסיתי להוסיף ל- .tableborder את background:none

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

    אם היתי יודע מה הקוד שאני צריך, לא היתי פותח את הת'רד.. :nixweiss:

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

    יש 

    background-color: #XXXXXX

    כאשר XXXXXX זה צירוף כלשהו. מתחק את כל אלה שמכילים אותו, וצבע הרקע יהפוך לשקוף.

    לחילופין, אתה יכול להחליף את #XXXXXX ב- transparent.

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

    גם זה נותן לי את אותו האפקט. הרקע נעלם, והגבולות גם.

    The usual border effect around the cells is actually the background colour of the .tableborder.

    יש לי משהו לעשות במקרה כזה?

    עריכה:

    טוב לא חשוב.. הפסקתי לנסות, אני יעשה משהו אחר...

  • ציטוט

    • ארכיון

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

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

    דיונים חדשים