pagination - bootstrap3 tabindex change my css style -


I use tabindex = "" for correct output pseudo on my page list. Focus tag but when I set the tabindex = "" to my link, my style is broken. You can check my problem coming to the host's website, in the bottom you see my pageview So, when you click on the page, if the style breaks, how to fix broken styles? Code: HTML 

  & lt; Ul class = "endorsement" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; & Lt; Img src = "img / catalog / ar_lt.png" alt = "rl" /> & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" tabindack = "1" & gt; 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" tab index = "2" & gt; 2 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" tab index = "3" & gt; 3 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" tab index = "4" & gt; 4 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" tabindack = "5" & gt; 5 & ​​lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" tabindack = "6" & gt; 6 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" tabindack = "7" & gt; 7 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" tabindack = "8" & gt; 8 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" tabindack = "9" & gt; 9 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" tab index = "10" & gt; 10 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; One class = "more-20" href = "#" tabladack = "11" & gt; 20 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; One class = "plus -30" href = "#" tabindack = "12" & gt; 30 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; One class = "r-rt" href = "#" & gt; & Lt; Img src = "img / catalog / ar_rt.png" alt = "rt" /> gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt;

css 

  / * ************************************************************************* **************************************************************************************************** ********* Catalog-endorsement ******************** / .left Endorsement {margin: 32px 0 0 116px; Width: 48 9px; Height: 44px; Border: 1px solid # d4dfe5; Border Bottom: 0; Boundary-radius: 0; } .left.pagination & gt; Li & gt; A, .left.pagination & gt; Li & gt; Duration {boundary: 0; Padding: 11px 0 0 18px; Font-family: "PTSans"; Font-size: 16px; Font-weight: 400; Line-height: 22px; Color: # 7 B878D; Background color: heir; }. Left.pagination & gt; Li & gt; A: hover, left.pagination & gt; Li & gt; A: focus, .left.pagination & gt; Li & gt; Duration: hover, .left.pagination & gt; Li & gt; Span: focus {color: # 000000; Background: heirs; Border: 0; Padding: 11px 0 0 18px; Font-family: "PTSans"; Font-size: 16px; Font-weight: 400; Line-height: 22px; } .left.pagination & gt; Li & gt; One. More-20 {margin-left: 6px; Padding: 11px 0 0 0; } .left.pagination & gt; Li & gt; One. More-30 {margin-left: 6px; Padding: 11px 0 0 0; } .left.pagination & gt; Li: First-child & gt; A, .pagination & gt; Li: First-child & gt; Term {margin: 0 px 4px 0 30px; Padding-top: 9px; } .left.pagination .ar-rt {margin-left: 4px; Padding: 8px 0 18px; }

that . Left ul.navi li a: hover, left ul li: Focus sets the width to 243px and hence the design is destroyed ( line 621 at style.css < / Code>).

Solution:

Wrong: . Left ul.navi li a: Hover. Left ul li a: Focus

ul -> ul.navi

Good: . Left ul.navi li a: hover, left ul.navi li a: Focus


-

Comments

Post a Comment

Popular posts from this blog

java - Joda Time Interval Not returning what I expect -

मेरे पास निम्न प्रोग्राम है import java.util। *; Import java.text। *; आयात करें org.joda.time। *; सार्वजनिक श्रेणी के स्कोप कंट्रोल {सार्वजनिक स्थिर अंतराल मिलनसार () {दिनांक समय currDate = नया दिनांक समय (2008, 4, 4, 15, 30, 0, 0); दिनांक समय epochDate = नया दिनांकटाइम (2000, 1, 1, 12, 0, 0, 0); अंतराल अंतराल = नया अंतराल (युरोप डेट, करोडेट); वापसी अंतराल; } सार्वजनिक स्थिर शून्य मुख्य (स्ट्रिंग [] आर्ग्स) {डबल दिनबात = मिलते समय ()। ToDurationMillis () / 1000/60/60/24; StdOut.println (daysBtween); }} मुझे आउटपुट मिल रहा है: 3016.0 लेकिन जो मैं देख रहा हूं वह है: 3016.1458333333 मैं क्या कर रहा हूँ ? toDurationMillis एक लंबा लौटा देता है, और प्रत्येक प्रभाग को int के रूप में घोषित किया जाता है। जावा इस प्रकार इनट्स को लॉन्ग में परिवर्तित कर देगा और डिवीजन को लंबे समय तक लौटाना होगा। परिणाम को अंत में दोहरे रूप में परिवर्तित करना। डबल्स का उपयोग करके अभिव्यक्ति करने के लिए जावा को बताने के लिए, अभिव्यक्ति के किसी भी घटक को दोहरे रूप में घोषित करें। उदाहरण के लिए: ...
Read more

Member with no value in F# -

After I am trying to convert F # to the following C # code: [StructLayout (LayoutKind.Sequential, charset = CharSet.Ansi)] Private class DOCINFOA {[MarshalAs (UnmanagedType.LPStr)] public string nomeDocumento; [Marshall (UnmanagedType.LPStr)] Public string arquivoSaida; [Marshall (UnmanagedType.LPStr)] Public String Tipodo; } I am doing the following: Named place printer module RawPrinterHelper = [& LT; StructLayout (LayoutKind.Sequential, charset = CharSet.Ansi) & gt;] Type DOCINFOA = [& LT; MarshalAs (UnmanagedType.LPStr) & gt;] Member this.nomeDocumento [& LT; MarshalAs (UnmanagedType.LPStr) & gt;] Member this.arquivoSaida [& LT; MarshalAs (UnmanagedType.LPStr) & gt;] Member This Tipoda [/ code> But I get: One type of definition is necessary for one or more members . Can I vacate these members? you val code> member : [& lt; StructLayout (LayoutKind.Sequential, charset = CharSet.Ansi) & gt;] Type DOCINFOA = [...
Read more

javascript - Render HTML after each iteration in loop -

I'm trying to gradually increase the font size of text on a web page. The code works in my place, although the new HTML / CSS does not render after every iteration of the loop and when all this is done, then display only the text of 100 px size. To see the text as if it is slowly zooming, I need to do this JavaScript is down because it is being used from a different file here is what I have ... & lt; P class = "game-title" style = "font-size: 50px" & gt; Test & lt; / P & gt; Function sleep (milliseconds) {var start = new date (). GetTime (); For (var i = 0; i & lt; 1e7; i ++) {if ((new date). GetTime () - start) & gt; Milliseconds {break; CSS ('font-size', 'parseInt ($ (' game-title '). CSS (' font-size ')) + 1 + "pixels"); } While (parasont ($ ('# text'). Css ('font-size')) & lt; = 100) {sleep (1000); IncreaseSize (); Using CSS: Use of jQuery (sample): $ ('...
Read more