主题:  CSS样式怎样用设置边框的样式变成图片呢?

vickie_5d

职务:普通成员
等级:3
金币:2.0
发贴:946
#12004/12/15 10:06:21
.TopGroup
{
background-image:url(/Theme/Default/Image/pg/center_bg.gif);
line-height: 32px;
border-width:0px;
border-color:#D9D9E6;
border-style:solid;
cursor:default;
}
上面的这个样式,是设置了表格边框的样式(四周都是实的边框线),可是我想插入一个图片,只想在它的右边插入一个图片,不知道怎么来写CSS。
如果想定义表格的右边框的样式可以这么写
style="border-right:1px solid #00ff00"
可是,我想在右边自动加一个图片呢?怎么写才对呢?



不是高手

职务:普通成员
等级:3
金币:5.0
发贴:1352
#22004/12/15 15:38:24
你border-width都为0了,后面的border-color、border-style不都是废话了嘛
而且你说上面的这个样式,是设置了表格边框的样式(四周都是实的边框线),你认为这个效果能达到吗?
只想在他的右边插图片?那对于这个单元格,你右对齐不行吗?或者:text-align:right



vickie_5d

职务:普通成员
等级:3
金币:2.0
发贴:946
#32004/12/15 20:49:12
啊。。。。。。。。。。。。。
原来边框是1的,后面我测试,改来改去,没有改过来。
style="border-right:1px solid #00ff00"
(这句,好像是表格的右边框。。。晕晕。错了)

text-align:right //这个是对DIV区域块内的文字对齐吧?图片可以用吗?
而且我的一个单元格内同时放着文字和图片。

晕 ̄的



不是高手

职务:普通成员
等级:3
金币:5.0
发贴:1352
#42004/12/16 13:38:21
<img align="right">



vickie_5d

职务:普通成员
等级:3
金币:2.0
发贴:946
#52004/12/16 13:54:23
噢謝謝。可是如果文字和圖片在一個TD內,ALIGN以後,怎樣控制文字與圖片是在一行內的呢?還有,如果在HEAD裏面寫這個樣式,在我1樓的樣式裏面,怎樣寫才是對的呢?



不是高手

职务:普通成员
等级:3
金币:5.0
发贴:1352
#62004/12/17 8:06:18
不理解你到底需要什么样子,请画图示意



vickie_5d

职务:普通成员
等级:3
金币:2.0
发贴:946
#72004/12/17 8:53:24

图片如下:

如圖所示,這是一個<TD>J裏面的內容。
綠色的音樂符號是我想插入的圖片,而裏面的“項目”的文字,是隨機的,而不是和淺黃色背景放在一起的圖片。
首先這個TD是隨機的,不是固定的。所以,我想怎樣在樣式表裏面定義一下。讓這個圖片自動靠在單元格的右邊,而文字是居中的。(還有我想補充一下:這個圖片和文字是放在一個TD裏,而不是二個單元 )
謝謝了。:)



不是高手

职务:普通成员
等级:3
金币:5.0
发贴:1352
#82004/12/17 9:33:06
.TopGroup
{
background:url(bg.gif) orange no-repeat right center;
}
说明:
bg.gif——你的背景图片,照目前来看就是那个绿色的音符
orange——背景色,你也可以用其他的颜色
no-repeat——背景不重复
right center——背景X轴方向居右,Y轴方向居中

明白了没?



vickie_5d

职务:普通成员
等级:3
金币:2.0
发贴:946
#92004/12/17 10:31:42
嗯明白了。這個是目前暫時的完成圖,你看一下鼠標觸發後,中間的粉色區域和它“左邊”的那個豎形的圖片,之間有一段很小的距離。
图片如下:


我剛才修改了一下,好像沒有修改對。不知道怎樣解決這種情況呢?
.TopMenuItemOver
{
background-image:url(/common/image/Office2003/top_group_background.gif);
background-color:#E5E6EF;
color:black;
font-family:Verdana;
font-size:11px;
border-width:1px;
border-color:#7C7C94;
border-style:solid;
border-bottom-color:#7C7C94;
padding:2px;
padding-top:3px;
padding-bottom:1px;
padding-left:10px;
padding-right:10px;
cursor:default;
}



不是高手

职务:普通成员
等级:3
金币:5.0
发贴:1352
#102004/12/18 8:29:44
光看一个样式是看不出来错哪里的



vickie_5d

职务:普通成员
等级:3
金币:2.0
发贴:946
#112004/12/18 11:43:06
BACKGROUND的寬度和BUTTON的寬度都微調了,可是還是出現偏差的情況