PDA

View Full Version : Two alignment queries

Petrushka
05-12-2003, 05:41 PM
http://www21.brinkster.com/hlstudbook/top.htm

Question 1
How can I vertically align the drop-down menu to the center of the table cell?

Question 2
How can I ensure that the navy table stretches all the way over to the right handside of the page, as it has done with the left handside?

HTML
<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>HORSELAND STUD BOOK</title>
</head>

<body bgcolor="#FFFFFF" text="#000000" topmargin="0"
leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0">

<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr>
<td><table border="0" cellpadding="0" cellspacing="0"
width="750">
<tr>
<td align="center" width="50%" bgcolor="#000080"><!--webbot
bot="HTMLMarkup" startspan --><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="yourframename");
}
}
//-->
</script>

<form name="lissamenu2">
<select name="menu" style="background-color: white ;
font size=12 ; font-family: verdana; color:navy"
size="1" onchange="jump(this.form)">

<option value="0">Which Breed of Stallion?</option>
<option value="0"></option>
<option value="http://www.lissaexplains.com">Home</option>
<option value="http://www.lissaexplains.com/fun.shtml">Fun Stuff</option>
<option value="http://www.lissaexplains.com/cursor.shtml">Lissa's Cursors</option>

</select>
</form><!--webbot
bot="HTMLMarkup" endspan --></td>
<td align="center" colspan="2" width="50%"
bgcolor="#000080"><font color="#ABABD6" size="2"
face="Verdana">| Home | Apply |Contacts |
Dictionary | Etiquette |</font></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
the_dark_one02
05-12-2003, 05:46 PM
answer 1: unsure please explain, do u want it under all the links?

answer 2: just use these simple modifications, as seen in bold.

ps. another thing Why do u hav a table in a table when it is not needed

<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>HORSELAND STUD BOOK</title>
</head>

<body bgcolor="#FFFFFF" text="#000000" topmargin="0"
leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><table border="0" cellpadding="0" cellspacing="0"
width="100%">
<tr>
<td align="center" width="50%" bgcolor="#000080"><!--webbot
bot="HTMLMarkup" startspan --><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="yourframename");
}
}
//-->
</script>

<form name="lissamenu2">
<select name="menu" style="background-color: white ;
font size=12 ; font-family: verdana; color:navy"
size="1" onchange="jump(this.form)">

<option value="0">Which Breed of Stallion?</option>
<option value="0"></option>
<option value="http://www.lissaexplains.com">Home</option>
<option value="http://www.lissaexplains.com/fun.shtml">Fun Stuff</option>
<option value="http://www.lissaexplains.com/cursor.shtml">Lissa's Cursors</option>

</select>
</form><!--webbot
bot="HTMLMarkup" endspan --></td>
<td align="center" colspan="2" width="50%"
bgcolor="#000080"><font color="#ABABD6" size="2"
face="Verdana">| Home | Apply |Contacts |
Dictionary | Etiquette |</font></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>