why this navigation bar program not working in blogspot?
why this navigation bar program not working in blogspot?
program which i created look like this:
HTML Code:
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
li {
float: left;
}
a:link, a:visited {
display: block;
width: 120px;
font-weight: bold;
color: #FFFFFF;
background-color: #98bf21;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}
a:hover, a:active {
background-color: #7A991A;
}
</style>
</head>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</body>
</html>
after adding this program through layout< add a gadget(below header)<html\javascript blog look like this:https://lh4.googleusercontent.com/-Z...600/sdfczd.JPG
if i save the program into html, then it look this:
https://lh6.googleusercontent.com/-i...600/sdsdsd.JPG
but while adding same program into my blogspot, then look is changing,
so how to insert this navigation bar to my blogspot?
Re: why this navigation bar program not working in blogspot?
You need to create a basic navigation bar like the below example:
Code:
<!-- start navmenu -->
<div id="navigationbar">
<ul>
<li><a title="home" href="LINK">Home</a></li>
<li><a title="TITLE" href="LINK">PAGE TITLE</a></li>
<li><a title="TITLE" href="LINK">PAGE TITLE</a></li>
<li><a title="TITLE" href="LINK">TOPIC</a></li>
<li><a title="TITLE" href="LINK">TOPIC</a></li>
</ul>
</div>
<!-- end navmenu -->
1 Attachment(s)
Re: why this navigation bar program not working in blogspot?
it looking differently if i use your code:
see the attachment.
but i want like this:
https://lh6.googleusercontent.com/-i...600/sdsdsd.JPG