ASP.net remove column borders from Gridview footer in CSS. just wont go away! -
ok, bugging me. have gridview in asp.net i've enabled footer on:
<asp:gridview id="results_gridview" runat="server" autogeneratecolumns="false" cssclass="mgrid" pagerstyle-cssclass="pgr" alternatingrowstyle-cssclass="alt" showfooter="true" gridlines="none"> then i've set footer css style:
<footerstyle cssclass="footer" /> that appears fine, images displayed etc, although cant rid of borders columns above!
.mgrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; } .mgrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; } .mgrid th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; } .mgrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top;} .mgrid .footer { height: 15px; width: 100%; background: #bcc51a url(grd_footer.png) repeat-x top; border- spacing: 0; border-width: 0; border: none; border-left:none; border-right:none; border-style:none; } and wont go away :( i've tried changing borders in visual studio too, no luck.
heres whole aspx file reference
<%@ page language="vb" autoeventwireup="false" codefile="disctypeselector.aspx.vb" inherits="diskselector" %> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <%@ import namespace="system.data" %> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>disc burst selector</title> <link type="text/css" rel="stylesheet" href="css/style.css" /> </head> <body> <form id="form1" runat="server"> <div> <asp:panel id="panel1" runat="server" width="400px" borderstyle="solid" borderwidth="1px" horizontalalign="justify"> <asp:label id="label1" runat="server" text="burst pressure " width="122px"> </asp:label> <asp:textbox id="pressure_input" runat="server" width="150px">0</asp:textbox><br /> <br /> <asp:label id="lbltemp" runat="server" text="temperature" width="122px"> </asp:label> <asp:textbox id="temp_input" runat="server" width="150px">0</asp:textbox><br /> <br /> <asp:label id="lblbore" runat="server" text="nominal bore (mm)" width="122px"> </asp:label> <asp:dropdownlist id="dropbore" runat="server" width="69px" autopostback="false"> <asp:listitem>15</asp:listitem> <asp:listitem>25</asp:listitem> <asp:listitem>40</asp:listitem> <asp:listitem>50</asp:listitem> <asp:listitem>65</asp:listitem> <asp:listitem>80</asp:listitem> <asp:listitem>100</asp:listitem> <asp:listitem>150</asp:listitem> <asp:listitem>200</asp:listitem> <asp:listitem>250</asp:listitem> <asp:listitem>300</asp:listitem> <asp:listitem>350</asp:listitem> <asp:listitem>400</asp:listitem> <asp:listitem>450</asp:listitem> <asp:listitem>500</asp:listitem> <asp:listitem>600</asp:listitem> <asp:listitem>700</asp:listitem> <asp:listitem>800</asp:listitem> </asp:dropdownlist><br /> <br /> <asp:label id="lblfrag" runat="server" text="fragmentation issue"></asp:label> <asp:radiobuttonlist id="radiofrag" runat="server" repeatdirection="horizontal" repeatlayout="flow" width="94px"> <asp:listitem selected="true">yes</asp:listitem> <asp:listitem>no</asp:listitem> </asp:radiobuttonlist><br /> <br /> <asp:label id="lblmounting" runat="server" text="mounting" width="111px"> </asp:label> <asp:dropdownlist id="dropmounting" runat="server" width="130px"> <asp:listitem>pn6</asp:listitem> <asp:listitem>pn10</asp:listitem> <asp:listitem>pn16</asp:listitem> <asp:listitem>pn20</asp:listitem> <asp:listitem>pn25</asp:listitem> <asp:listitem>pn40</asp:listitem> <asp:listitem>ansi 150</asp:listitem> <asp:listitem>ansi 300</asp:listitem> <asp:listitem>ansi 600</asp:listitem> <asp:listitem>other</asp:listitem> </asp:dropdownlist><br /> <br /> <asp:button id="btnsubmit" runat="server" height="40px" text="update results" width="140px" usesubmitbehavior="false" cssclass="updatebuttonstyle" /><br /> <br /> <br /> </asp:panel> <br /> <br /> <asp:gridview id="results_gridview" runat="server" autogeneratecolumns="false" cssclass="mgrid" pagerstyle-cssclass="pgr" alternatingrowstyle-cssclass="alt" showfooter="true" gridlines="none"> <columns> <asp:boundfield datafield="disc_type_name" headertext="disc type" sortexpression="disc_type_name" /> <asp:boundfield datafield="disc_material_name" headertext="disc material" sortexpression="disc_material_name" /> <asp:boundfield datafield="disc_forward_acting" headertext="forward/reverse" sortexpression="disc_forward_acting" /> <asp:boundfield datafield="disc_vacuum" headertext="vacuum service" sortexpression="disc_vacuum" /> <asp:boundfield datafield="disc_lgv" headertext="liquid, gas , vapour compatability" sortexpression="disc_lgv" /> <asp:templatefield headertext="max working pressure"> <itemtemplate> <asp:label id="lblmaxpressure" runat="server" /> </itemtemplate> </asp:templatefield> <asp:templatefield headertext="flange rating"></asp:templatefield> </columns> <alternatingrowstyle cssclass="alt" /> <footerstyle cssclass="footer" /> <pagerstyle cssclass="pgr" /> </asp:gridview> </div> </form>
and theres little buggers wont go away!
http://i.stack.imgur.com/2yn41.png
any extremely appreciated!!! (been through pages , pages of similar threads)
cheers tutts :)
rather sifting through code, gonna suggest use firebug or ie developer tools find out css style causing line. quickest way success.
Comments
Post a Comment