You are viewing our Forum Archives. To view or take place in current topics click here.
How would I code this navigaion bar?
Posted:

How would I code this navigaion bar?Posted:

MasterL
  • New Member
Status: Offline
Joined: Jan 29, 201410Year Member
Posts: 8
Reputation Power: 0
Status: Offline
Joined: Jan 29, 201410Year Member
Posts: 8
Reputation Power: 0
How would I recreate something like this?
The arrow keys make another page link appear e.g Horror, Family or Adult


[ Register or Signin to view external links. ]
#2. Posted:
var
  • TTG Senior
Status: Offline
Joined: Dec 24, 201211Year Member
Posts: 1,498
Reputation Power: 79
Status: Offline
Joined: Dec 24, 201211Year Member
Posts: 1,498
Reputation Power: 79
Something along these lines. May need a bit of touching up. I'll look back at it when I'm not playing CoD haha.


HTML

<ul>
<div span class="rarrow arrowStyle">&#9654</div>
<li><a href="Drama.html">Drama</a></li>
<li><a href="comedy.html">Comedy</a></li>
<li><a href="thriller.html">Thriller</a></li>
<li><a href="romance.html">Romance</a></li>
<div span class="larrow arrowStyle">&#96644</div>
</ul>

CSS

ul{
list-style-type:none;
margin:0;
padding: 10px 40px 10px 40px;
overflow: hidden;
background-color: #D8D8D8;
}

li{
float:left;
font-weight: bold;
}

a{
display:block;
width:60px;
background-color:#dddddd;

.arrowStyle{
margin:0;
padding: 10px 40px 10px 40px;
background-color: #D8D8D8;
}
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.