View Full Version : How do I Center Drop-Down Menu Writing???


thefanhospital
07-28-2003, 09:39 PM
I want the writing in my drop-down menu to be centered...I have tried adding <CENTER> </CENTER> in different places on the code, but it isn't doing what I need...here is my code...please help! :)

<script language="javascript">
function jump(form) {
var myindex=form.menu.selectedIndex
if (form.menu.options[myindex].value != "0")
{
window.open(form.menu.options[myindex].value,
target="main");
}
}
//-->
</script>

<form name="lissamenu2">
<select name="menu" style="background-color: #000000 ;
font size=10 ; font-family: verdana; color:#ffffff"
size="1" onchange="jump(this.form)">

<option value="0">~* AC *~</option>
<option value="0"></option>
<option value="nsynccphotogalleries.html">*Photo Galleries*</option>
<option value="nsynccpopstarawards.html">*Popstar Awards*</option>
<option value="nsyncstores.html">*Stores*</option>
<option value="nsynctvappearances.html">*TV Appearances*</option>
<option value="2003vmanom.html">*VMA Nominations*</option>
</select>
</form>


Thanks,
~*KT*~

DisneyFan25863
07-28-2003, 09:42 PM
Try this:
<align="center"><script language="javascript">
function jump(form) {
var myindex=form.menu.selectedIndex
if (form.menu.options[myindex].value != "0")
{
window.open(form.menu.options[myindex].value,
target="main");
}
}
//-->
</script>

<form name="lissamenu2">
<select name="menu" style="background-color: #000000 ;
font size=10 ; font-family: verdana; color:#ffffff"
size="1" onchange="jump(this.form)">

<option value="0">~* AC *~</option>
<option value="0"></option>
<option value="nsynccphotogalleries.html">*Photo Galleries*</option>
<option value="nsynccpopstarawards.html">*Popstar Awards*</option>
<option value="nsyncstores.html">*Stores*</option>
<option value="nsynctvappearances.html">*TV Appearances*</option>
<option value="2003vmanom.html">*VMA Nominations*</option>
</select>
</form>
</center>

If that dosn't work:

<p align="center><script language="javascript">
function jump(form) {
var myindex=form.menu.selectedIndex
if (form.menu.options[myindex].value != "0")
{
window.open(form.menu.options[myindex].value,
target="main");
}
}
//-->
</script>

<form name="lissamenu2">
<select name="menu" style="background-color: #000000 ;
font size=10 ; font-family: verdana; color:#ffffff"
size="1" onchange="jump(this.form)">

<option value="0">~* AC *~</option>
<option value="0"></option>
<option value="nsynccphotogalleries.html">*Photo Galleries*</option>
<option value="nsynccpopstarawards.html">*Popstar Awards*</option>
<option value="nsyncstores.html">*Stores*</option>
<option value="nsynctvappearances.html">*TV Appearances*</option>
<option value="2003vmanom.html">*VMA Nominations*</option>
</select>
</form>
</p>

kittycat
07-28-2003, 09:42 PM
Replace
<select name="menu" style="background-color: #000000 ;
font size=10 ; font-family: verdana; color:#ffffff"
size="1" onchange="jump(this.form)">

with
<select name="menu" style="background-color: #000000;
font-size:10 ; font-family: verdana; color:#ffffff; text-align: center;"
size="1" onchange="jump(this.form)">