html - How to classify li tags when we want it 2 times -

-

i wanted use li tags 2 times first time used class li tag

<ul *class="2"*> <li *class="!"*><.......jpg" width="280" height="280" \></li> <li class="!"><img src="......jpg" width="280" height="280" \></li>

and 2nd time... did this

<ul>   <li><a href="........html">home</a></li>   <li><a href="........html">songs</a></li>   <li><a href="........html">games</a></li>   <li><a class="active" href=".........html">gallery</a></li> </ul>

my css

ul {     list-style-type: none;     margin: 0;     padding: 0;     overflow: hidden;     background-color: #333;     position: fixed;     bottom: 0;     width: 100%; }  li {     float: left; }  li {     display: block;     color: white;     text-align: center;     padding: 14px 16px;     text-decoration: none; }  li a:hover:not(.active) {     background-color: #111; }  .active {     background-color: #0066ff; }

i don't know why overlapping??please tell me if wrong code above.

as lgson said, it's because have 

position: fixed

defined on ul tag css.

if define 1 of them use class name instead (e.g.)

ul {     list-style-type: none;     margin: 0;     padding: 0;     overflow: hidden;     background-color: #333; }  ul.fixedheader {     position: fixed;     bottom: 0;     width: 100%; }

and html this

<ul *class="2"*> <li *class="!"*><.......jpg" width="280" height="280" \></li> <li class="!"><img src="......jpg" width="280" height="280" \></li>

and

<ul class="fixedheader">   <li><a href="........html">home</a></li>   <li><a href="........html">songs</a></li>   <li><a href="........html">games</a></li>   <li><a class="active" href=".........html">gallery</a></li> </ul>

you should go. further, i'm not sure asterisks doing there... seems invalid html me.

please comment if part of didn't make sense.


Comments

Post a Comment

Popular posts from this blog

Lists in Python -

-
i noticed can multiply list scalar behavior weird if multiply: [2,3,4] * 3 i get: [2,3,4,2,3,4,2,3,4 ] understand results it's for? there other weird operations that? the main purpose of operand initialisation. example, if want initialize list 20 equal numbers can using loop: arr=[] in range(20): arr.append(3) an alternative way using operator: arr = [3] * 20 more weird , normal list operation on lists can find here http://www.discoversdk.com/knowledge-base/using-lists-in-python
Read more

android - can not access to progress bar in an other activity -

-
i have objects in layout video view,text view , on comes this: <?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.cardview android:id="@+id/cardview_mypost" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginbottom="@dimen/activity_vertical_margin" app:cardcornerradius="@dimen/activity_vertical_margin" app:cardelevation="@dimen/activity_vertical_margin" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@color/web_withe_color" android:animatelayoutchanges="@anim/anim_list" android:padding="8dp" > <!-- thu...
Read more

html - Not able to access next element of an array javascript -

-
i new js, trying access next element of array using onclick function no luck. var i, len; function quiz() { var quiz_questions = [ "who founder of facebook?", "who founder of google?" ]; len = quiz_questions.length; for(i = 0; < len; i++) { document.getelementbyid("demo").innerhtml = quiz_questions[i]; } } <button onclick="quiz();">click</button> <p id="demo"></p> can explain me did wrong here. your problem is, iterate through every question, every time click. remove loop , put i++ after setting question. maybe checking, if less array length before it, wouldnt bad idea. var i, len; = 0; function quiz() { var quiz_questions = [ "who founder of facebook?", "who founder of google?" ]; len = quiz_questions.length; document.gete...
Read more