html - Css list align problems -

-

hei guys, have following problem:

  • list item

as can see arrows not aligned text, i've tried alot of things didn't find solution, mabe can me, here code:

    .domains-wrapper .sidebar{         width: 203px;     }                    /* background */         .domains-wrapper .links .the-top{             background: url(/images/top-sidebar-domains.png) no-repeat;             width: 202px;             height: 7px;         }                      /* background */         .domains-wrapper .links .repeat{             background: url(/images/repeat-sidebar-domains.png) repeat-y;             width: 202px;         }                              /*---here starts code list items---*/              .domains-wrapper .links .repeat ul{                 padding-top: 14px;                 padding-bottom: 14px;                 padding-left:8px;                 padding-right: 8px;             }                 .domains-wrapper .links .repeat ul li{                     font-size: 12px;                     font-weight: bold;                     padding-left: 5px;                     height: 47px;                     border-bottom: 1px solid #f1f1f1;                 }                 .domains-wrapper .links .repeat ul li.hover{                     background-color: #71ab32;                 }                 .domains-wrapper .links .repeat ul li.active a{                     background: url(/images/sidebar-domains-arrows.png) no-repeat 0px 0px;                 }                                        .domains-wrapper .links .repeat ul li a{                         display: inline-block;                         background: url(/images/sidebar-domains-arrows.png) no-repeat 0px -96px;                         padding-left: 29px;                         color: #000;                         height: 25px;                         line-height: 47px;                     }                      .domains-wrapper .links .repeat ul li.hover a{                         background: url(/images/sidebar-domains-arrows.png) no-repeat 0px -46px;                         color: #fff;                     }                     /*---here ends code list items---*/                       /* background */         .domains-wrapper .links .bottom{             background: url(/images/bottom-sidebar-domains.png) no-repeat;             width: 202px;             height: 7px;                         }

and html

            <div class="links">             <div class="the-top"></div>             <div class="repeat">                 <ul>                     <li class="active"><a href="#">link 1</a></li>                     <li><a href="#">link 1</a></li>                     <li><a href="#">link 1</a></li>                     <li><a href="#">link 1</a></li>                 </ul>             </div>             <div class="bottom"></div>         </div><!-- end /.links -->

what i'm doing wrong?

it seems you're using css-sprite. adjust numbers (-46 , -96) until right , rid of inconsistencies height smaller line-height.

edit: way, might want switch block instead of inline-block links ie6.


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