Help - Search - Members - Calendar
Full Version: Changing The Font.
Invision Power Services > Community Forums > Community Web Design and Coding
.William
Um, how would I go about changing the font of the dropdown on this?

I want to be able to still add options to the box, in future, of course.

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Start</title>
<style type="text/css">
<!--
body,td,th {
    font-family: Segoe UI, Lucida Sans Unicode, Trebuchet MS, Verdana, Arial;
    color: #FFFFFF;
}
body {
    background-color: #000066;
    background-image: url(aqua.jpg);
    background-repeat: no-repeat;
}
a:link {
    color: #FFFFFF;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}
a:active {
    text-decoration: none;
    color: #FFFFFF;
}
.style1 {font-size: xx-small}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_jumpMenuGo(selName,targ,restore){ //v3.0
  var selObj = MM_findObj(selName); if (selObj) MM_jumpMenu(targ,selObj,restore);
}
//-->
</script>
</head>

<body>
<p align="right">
  <select name="menu" onchange="MM_jumpMenu('parent',this,0)">
    <option value="http://thevistaforums.com/">Windows Vista Forums</option>
    <option value="http://thevistaforums.com/admin.php">Windows Vista Forums - Admin</option>
    <option value="http://www.ipsbeyond.com/">IPS Beyond</option>
  </select>
  <input type="button" name="Button1" value="Go!" onclick="MM_jumpMenuGo('menu','parent',0)" />
</p>
<p align="right" class="style1">[right][url=http://thevistaforums.com/][img]http://william-hook.com/signature.png[/img][/url][/right]</p>
</body>
</html>
briansol
give your select box a class

<select class="yourclass" . . . . . >


and then add some css to your style sheet:

select.yourclass { font-family: verdana; etc . . . .}
.William
Thanks, works perfectly. I just called it "boxthing". tongue.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.