Forum Moderators: open
I ran into a problem with inline links in my header page section. Made a simple HTML/CSS pages and added them to be accessed from header. Problem is that when I click the "B" section from header it ( the "B" word) stands out from rest of the words - it's black, underline goes away and the font size is a little bigger than the rest of the inline letters. When I click on other letters then the "B" on will still look different.
I guess it has something to do with that I added drop down box with Javascript or something to do with page order since it's the second page and the first one is probably treated as the "home" page for this case. It looks great tho and I would like the other letters to resize and change the same way when clicked, but can't find the script for it.
<html>
<head>
<style type="text/css">
body
{
background-color:orange;
}
form.bb
{
margin-left:300px;
margin-top:-36px;
}
li{display:inline;}
li{font-size:45px;}
li{margin-left:20px;}
li{margin-top:-660px;}
</style>
</head>
<body>
<h1 style="font-size:80px;text-align:left;margin-top:20px">clsss</h1>
<p style="font-size:30px;margin-left:75px;margin-top:-18px">Alpha</p>
<form class="bb">
<form name="AutoListBox">
<p><select name="ListBoxURL" size="1" language="javascript" onchange="gotoLink(this.form);">
<option value="file:///Users/jyrgenluik/Documents/1a1a.html">Home</option>
<option value="URL #2.htm">Alpha</option>
<option value="http://www.example.com"><b>EXAMPLE</b></option>
<option selected> -- Select to Jump -- </option>
</select></p>
<script language="JavaScript">
<!--
function gotoLink(form) {
var OptionIndex=form.ListBoxURL.selectedIndex;
parent.location = form.ListBoxURL.options[OptionIndex].value;}
//-->
</script>
</form>
<br />
<br />
<ul>
<li><a href="file:///Users/clk/Documents/abbbppp.html">a</a></li><li><a href="file:///Users/clk/Documents/b.html">b</a></li><li><a href="file:///Users/clk/Documents/c.html">c</a></li><li><a href="file:///Users/clk/Documents/d.html">d</a></li><li><a href="file:///Users/clk/Documents/e.html">e</a></li><li><a href="file:///Users/clk/Documents/f.html">f</a></li><li><a href="file:///Users/clk/Documents/g.html">g</a></li><li><a href="file:///Users/clk/Documents/h.html">h</a></li><li><a href="file:///Users/clk/Documents/i.html">i</a></li><li><a href="file:///Users/clk/Documents/j.html">j</a></li><li><a href="file:///Users/clk/Documents/k.html">k</a></li><li><a href="file:///Users/clk/Documents/l.html">l</a></li><li><a href="file:///Users/clk/Documents/m.html">m</a></li><li><a href="file:///Users/clk/Documents/n.html">n</a></li><li><a href="file:///Users/clk/Documents/o.html">o</a></li><li><a href="file:///Users/clk/Documents/p.html">p</a></li><li><a href="file:///Users/clk/Documents/q.html">q</a></li><li><a href="file:///Users/clk/Documents/r.html">r</a></li><li><a href="file:///Users/clk/Documents/s.html">s</a></li><li><a href="file:///Users/clk/Documents/t.html">t</a></li><li><a href="file:///Users/clk/Documents/u.html">u</a></li><li><a href="file:///Users/clk/Documents/v.html">v</a></li><li><a href="file:///Users/clk/Documents/w.html">w</a></li><li><a href="file:///Users/clk/Documents/x.html">x</a></li><li><a href="file:///Users/clk/Documents/y.html">y</a></li><li><a href="file:///Users/clk/Documents/z.html">z</a></li>
</ul>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<img src="apple.jpg" width="210px" height="190px" <p style="font-size:50px;margin-top:-80px;margin-left:250px"><b>a</b>pple</b></p>
<img src="plane.jpg" width="210px" height="190px" <p style="font-size:50px;margin-top:-100px;margin-left:250px"><b>a</b>ircraft</p>
<img src="ant.jpg" width="210px" height="190px" <p style="font-size:50px;margin-top:-130px;margin-left:250px"><b>a</b>nt</p>
</body>
</html>
[edited by: whoisgregg at 7:20 pm (utc) on Oct. 2, 2009]
[edit reason] Exemplified <option> URL. :) [/edit]
<form class="bb">
<form name="AutoListBox">
Try changing it to:
<form class="bb" name="AutoListBox">
