remove space btwn Home & Menu

navyfalcon · #1 (**permalink**) 07-24-2010, 01:26 AM

How can I remove one of the two verticle spaces btwn "Articles" and "Menu"
and have the articles (home & articles) on the same line
-
Thank You
falcon

[code:]
</head>
<body>

<div id="header">
<img src="../Images/Notebook.jpg" width="180" height="145" align="left" alt="notebook"><img
src="../Images/ti_83.JPG" width="80" height="145" align="right" alt="calculator"><img
src="../Images/TI-83+.JPG" width="110" height="145" align="right" alt="calculator">
<h2>Arithmetic Tutorials</h2>
<p>Addition, subtraction, multiplication, division, fractions, decimals, exponents, percent, order of operations, common factor, arithmetic reasoning, math knowledge, math games.</p><br>
<a id="homelink" href="../index.html">home</a>
<a href="Arithmetic%20Articles.html" id="articlelink">articles</a>
<div class="pd_menu_01">
<ul>
<ul><li><a href="/">MENU 1</a>
<ul>
<li><a href="#addition">addition</a></li>
<li><a href="#subtraction">subtraction</a></li>
<li><a href="#multiplication">multiplication</a></li>
<li><a href="#division">division</a></li>
<li><a href="#fractions">fractions</a></li>
<li><a href="#decimals">decimals</a></li>
<li><a href="#percent">percent</a></li>
<li><a href="#exponents">exponents</a></li>
<li><a href="#scholar">Scholarships</a></li>
<li><a href="#homework">homework helpers</a></li>
</ul>
</li></ul>
<ul><li><a href="/">MENU 2</a>
<ul>
<li><a href="#calculators">free math calculators</a></li>
<li><a href="#puzzle">Math Puzzles</a></li>
<li><a href="#book">Free Math eBooks</a></li>
<li><a href="#CLEP">CLEP Study Guides</a></li>
<li><a href="#TI">TI-83/84 Calculator</a></li>
<li><a href="Algebra tutorials.html">Algebra Tutorials</a></li>
<li><a href="Geometry_tutorials.html">Geometry Tutorials</a></li>
<li><a href="Trigonometry_tutorials.html">Trigonometry Tutorials</a></li>
<li><a href="Calculus tutorials.html">Calculus Tutorials</a></li>
<li></li>
</ul>
</li>
</div><br /><br />
</div>
</div>
[/code]

CSS (articles)
#homelink {
float: left;
width: 64px;
height: 20px;
background-image: url(../Images/home.gif);
background-repeat: no-repeat;
margin-top: 7px;
font-size: 1px;
color: #428afc;
}
#articlelink {
float: right;
width: 64px;
height: 20px;
background-image: url(../Images/articles.gif);
background-repeat: no-repeat;
font-size: 1px;
color: #3c8ffc;
}

CSS (menu)
body{ behavior:url("csshover2.htc"); }
.pd_menu_01 {float:none; padding:0; margin:0;color: #FFFFFF;background: #00CCFF;width:25%;clear:both;margin-top: 0;margin-right:auto;margin-bottom: 0;margin-left: auto;}
/*Color navigation bar normal mode (text)FFFFFF=Wht (bar)00CCFF=Lt Blue*/
.pd_menu_01 a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:12px;
color: #FFFFFF; /*color=White*/
background-color: #1589FF; /*Menu Button color(306EFF)=Doger Blue*/
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none; padding:0; margin:0; text-align:center;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important ; z-index:1000 ; border-right:solid 1px #00CCFF; border-left:solid 1px #00CCFF;}
/*Color Menu Button normal mode 1589FF=Doger Blu*/
.pd_menu_01 ul li a {color: #FFFFFF;background: #1589FF;float:none !important ; float:left ; display:block; height:25px; line-height:25px; padding:0 20px 0 20px; text-decoration:none; }
/*Navigation Button height/ padding = width*/
.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #0000A0; width:1px}
.pd_menu_01 ul li:hover a {background-color:#00CCFF;text-decoration:none; color:#FFFFFF;}
/*Color main cells hovering mode Menu Button BG=Lt Blue*/
.pd_menu_01 ul li:hover ul {display:block; position:absolute; z-index:999; top:25px; margin-top:0px; left:0;}
/*position menu below button*/
.pd_menu_01 ul li:hover ul li a {display:block; width:11em; height:auto; line-height:1.3em; margin-left:-1px; padding:1px 10px 1px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#FFFFDD; color:#0000FF;}
/*Color subcells normal mode-BG=Lt Yel Text=Blu dropdown width*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#FFFF00; text-decoration:none;color:#0000FF;}
/*Color subcells hovering mode-BG=Yel Text=Blu (selected)*/
.pd_menu_01 ul li a:hover {background-color:#00CCFF; text-decoration:none;color:#FFFFFF;}
/*Color main cells hovering mode - Menu Button(00CCFF) Lt Blu */
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li ul li a:visited { background-color:#FFFFDD; color:#0000FF;}
/*Color subcells normal mode-BG=Yel Text=Blu */
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF; color:#FFFFFF;}
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#CA0000; text-decoration:none; color:#FFFF00;}
/*Color subcells hovering mode*/

Site at the below address:
Arithmetic Tutorials, Math, calculator, multiply, homework help math

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode