CSS Border Help -

-

using current css , not css3, there way of specifying raised type border style somehow emphasize menu. after border has has rounded edge, not rounded corners.

thanks.

with css 2.1 , prior can use double, ridge, groove, inset, or outset. i've put simple demo file play around , test various border styles available you.

<!doctype html> <html> <head>    <meta http-equiv="content-type" content="text/html; charset=utf-8">    <title>border styles</title>    <style type="text/css" media="screen">       body { background: #999; }       div { background: #eee; float: left; margin: 10px; padding: 10px; height: 100px; width: 100px; }       .double { border: 4px double #ccc; }       .ridge { border: 4px ridge #ccc; }       .groove { border: 4px groove #ccc; }       .inset { border: 4px inset #ccc; }       .outset { border: 4px outset #ccc; }    </style> </head> <body>    <div class="double">double</div>    <div class="ridge">ridge</div>    <div class="groove">groove</div>    <div class="inset">inset</div>    <div class="outset">outset</div> </body> </html>

you cannot make rounded-corner without css3 spec border-radius property. if want should use script modernizr provide alternate support browsers cannot support css3.


Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more