Bouncing Navigation Text

Hi all,
I'm looking for advice on how the experts do this kind of
thing. (Link below) The text navigation next to the guy in the
middle of the flash piece has a nice bounce to it (both the text
and the arrow glow). I can create this using a movie in a rollover
button where the movement is created using frames and editing the
ease in/out curves. But is this how the experts do it? Or do they
use action script?
This has such a nice organic feel to it and I'm getting close
by using the ease in/out curves - but it's not quite right yet. I
can play with it - but . . . ya know . just wondering what the
'smarties' do. I'm not afraid of Actionscript - just don't use it a
ton to drive my animations cause I only use flash a few times a
month and I don't retain like I should.
Here's the link:
Template
Navigation Link
Thanks!

the easiest way to do this would be as you said to turn off navigation and create it yourself. Good luck

Similar Messages

Cant center my navigation text at the bottom of the page

I am trying to center the navigation text as the bottom of my page but I can't seem to do it without centering all the rest of my content. I am not sure how to isolate the navigation text. I tried highlighting the text and making a new rule, I tried both ID and class but it did not center the text. If I use html I can center the text but it also centers the rest of the content. Do I have to place the text in a div? Also beneather the navigation text is a rule (horizontal line) and a copyright line that I also want to center as well. I plan on reusing this grouping of navigation text, horizontal rule, and copyright text on all my pages as a footer. I have included the html & css code below. Thanks Dan
    HOME
PRODUCTS
REQUEST QUOTE
CONTACT US
PROCESS EQUIPMENT
Pumps
Air Diaphragm Centrifugal Drum Gear Hose Magnetic Drive Metering Peristaltic Piston Vertical
Mixers
Direct Drive Gear Drive C-Clamp Mount Drum Mount Fixed Top Mount Side Mount
Filters
Bag Cartridge Centrifuge
Indexing Media           Gravity Filter   Vacuum FIlter   Sludge FIlter   Pressure Filter   Sludge Filter          Oil Skimmers Oil-Water Separators
Tanks
Carboys & Totes Rectangular Cylindrical Cone Bottom Cylindrical Flat Bottom Vertical Bulk Storage
Piping / Hose
PVC Pipe & Fittings CPVC Pipe & Fittings Polypro Pipe & Fittings PE Pipe & Fittings Kynar Pipe & Fittings Sanitary Hose, Gaskets & Fittings
Immersion Heaters
Electric Immersion Steam Coil
Process Controls
pH & ORP Probes Conductivity Probes Flowmeters Level Sensors Pressure Transducers Process Controllers VFD's Power Monitors
ENGINEERED SYSTEMS
Chemical Feed Skids
Evaporators
Burt Process Equipment Filtertech
Filtration Systems
Fume Scrubbers
pH Neutralization
RODI Water Systerms
Transfer Sumps
UL Control Panels
Vacuum Distillation
Wastewater Treatment
Burt Process Equipment Filtertech
Water Reclaim (LEEDS)
Content for id "sidebar" Goes Here Engineered Solutions to your fluid handing requirements.
Chemtech Process Equipment (CPE) provides fluid handling equipment to a wide range of industries which include pharmaceutical, biotechnology, microelectronics, metal finishing, chemical processing and general manufacturing. CPE offers turnkey engineered products such as transfer sumps, wastewater treatment, coolant filration, oil-water separation, water reclamation (LEEDS), pH neutralization, deionized water (RODI), and custom fabricated tanks and vessels. CPE’s product line includes pumps, tanks, mixers, filters, evaporators, magnetic separators, centrifuges, oil skimmers, flowmeters, level, pH, ORP, and conductivity measurement, heaters, plastic pipe, valves and fittings, sanitary hose, and gaskets to name a few. Feel free to review our product line and contact us if you have any questions or applications to discuss. HOME | PRODUCTS | REQUEST QUOTE | CONTACT US
© 2011 Chemtech Process Equipment, All Rights Reserved, Designed and Developed By Graphics Advantage.
@charset "utf-8"; body { background-image: url(../Images/logo-background.jpg); background-repeat: repeat; background-attachment: fixed; } #container { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; background-color: #FFF; width: 960px; margin-right: auto; margin-left: auto; } #header { background-image: url(../Images/header.jpg); width: 960px; height: 310px; } #navigation_bar { height: 31px; width: 960px; } #sidebar { float: left; width: auto; } h4 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #F00; } /* Ajatix Pure CSS Menu Copyright (C) 2010 Ajatix. All rights reserved. http://www.ajatix.com Unregistered copy. Any usage except for the purpose of evaluation is strictly prohibited. */ .AJXMenuNQIdcZB {position:relative;z-index:100;width:100%;min-width:600px;height:31px;background:#4c97c3 url(ajxmenu_files/menu-bg.jpg) center right;text-align:center;} * html .AJXMenuNQIdcZB .ajxmw1 {float:left;height: 1px;border-left:600px solid #fff;} * html .AJXMenuNQIdcZB .ajxmw2 {position:relative;margin-left:-600px;height:1px;background:#4c97c3 url(ajxmenu_files/menu-bg.jpg) center right;} .AJXMenuNQIdcZB ul {position:relative;display:inline-block;margin:0;padding:0;list-style-type:none;} * html .AJXMenuNQIdcZB ul {display:inline;} *+html .AJXMenuNQIdcZB ul {display:inline;} .AJXMenuNQIdcZB li {float:left;margin:0;} .AJXMenuNQIdcZB a {display:block;float:left;height:31px;white-space:nowrap;padding:0 0 0 14px;font:12px/31px Arial,Helvetica,sans-serif;text-decoration:none;text-align:left;color:#ffffff;background: #4c97c3 url(ajxmenu_files/top.jpg) no-repeat top left;} .AJXMenuNQIdcZB a b {display:block;padding:0 14px 0 0;font-weight:normal;background:url(ajxmenu_files/top.jpg) no-repeat top right;} .AJXMenuNQIdcZB li:hover a,.AJXMenuNQIdcZB a:hover {text-decoration:underline;color:#ff0000;background:#65b0dc url(ajxmenu_files/top-mo.jpg) no-repeat bottom left;} .AJXMenuNQIdcZB li:hover a b,.AJXMenuNQIdcZB a:hover b {background:url(ajxmenu_files/top-mo.jpg) no-repeat bottom right;} .AJXMenuNQIdcZB br {clear:both;height:0;font-size: 1px;line-height: 0px;} /* Ajatix Pure CSS Menu Copyright (C) 2010 Ajatix. All rights reserved. http://www.ajatix.com Unregistered copy. Any usage except for the purpose of evaluation is strictly prohibited. */ .AJXMenuEHWBGHC {position:relative;z-index:100;width:180px;} .AJXMenuEHWBGHC ul {position:relative;float:left;margin:0;padding:0;list-style-type:none;background:#4c97c3; } .AJXMenuEHWBGHC li {float:left;width:180px;margin:0;} .AJXMenuEHWBGHC li:hover,.AJXMenuEHWBGHC li a:hover {position:relative;} .AJXMenuEHWBGHC h1 {display:block;width:166px;height:31px;white-space:nowrap;overflow:hidden;padding:0 0 0 14px;margin:0;font:12px/31px Verdana,Arial,Helvetica,sans-serif;text-decoration:none;text-align:center;color:#ffffff;b ackground:#4c97c3 url(verticalmenu_files/heading.jpg) no-repeat top left;} .AJXMenuEHWBGHC h1 b {display:block;padding:0 28px 0 0;background:url(verticalmenu_files/heading.jpg) no-repeat top right;} .AJXMenuEHWBGHC a {display:block;width:166px;height:31px;white-space:nowrap;padding:0 0 0 14px;font:12px/31px Verdana,Arial,Helvetica,sans-serif;text-decoration:none;text-align:left;color:#ffffff;bac kground:#4c97c3 url(verticalmenu_files/top.jpg) no-repeat top left;} .AJXMenuEHWBGHC a b {display:block;padding:0 28px 0 0;font-weight:normal;background:url(verticalmenu_files/top.jpg) no-repeat top right;} .AJXMenuEHWBGHC li:hover a,.AJXMenuEHWBGHC a:hover {text-decoration:underline;color:#ff0000;background:#65b0dc url(verticalmenu_files/top-mo.jpg) no-repeat bottom left;} .AJXMenuEHWBGHC li:hover a b,.AJXMenuEHWBGHC a:hover b {background:url(verticalmenu_files/top-mo.jpg) no-repeat bottom right;} .AJXMenuEHWBGHC a.ajxsub {background:#4c97c3 url(verticalmenu_files/top-sub.jpg) no-repeat top left;} .AJXMenuEHWBGHC a.ajxsub b {background:url(verticalmenu_files/top-sub.jpg) no-repeat top right;} .AJXMenuEHWBGHC li:hover a.ajxsub,.AJXMenuEHWBGHC a.ajxsub:hover {background:#65b0dc url(verticalmenu_files/top-sub-mo.jpg) no-repeat bottom left;} .AJXMenuEHWBGHC li:hover a.ajxsub b,.AJXMenuEHWBGHC a.ajxsub:hover b {background:url(verticalmenu_files/top-sub-mo.jpg) no-repeat bottom right;} .AJXMenuEHWBGHC ul ul {position:absolute;left:-9999px;top:-9999px;width:190px;height:auto;background:#4c97c3;} .AJXMenuEHWBGHC table {margin-top:-1px;border-collapse:collapse;} .AJXMenuEHWBGHC ul :hover ul {left:180px;top:0px;} .AJXMenuEHWBGHC li li {width:190px;padding:0} .AJXMenuEHWBGHC ul ul a,.AJXMenuEHWBGHC ul :hover ul a,.AJXMenuEHWBGHC ul :hover ul :hover ul a {margin:0;width:176px;height:31px;padding:0 0 0 14px;font:12px/31px Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#ffffff;background:#4c97c3 url(verticalmenu_files/top.jpg) no-repeat top left;} .AJXMenuEHWBGHC ul :hover ul a b,.AJXMenuEHWBGHC ul :hover ul :hover ul a b,.AJXMenuEHWBGHC a.ajxsub:hover a b,.AJXMenuEHWBGHC a.ajxsub:hover a.ajxsub:hover a b {display:block;padding:0 28px 0 0;font-weight:normal;background:url(verticalmenu_files/top.jpg) no-repeat top right;} .AJXMenuEHWBGHC ul ul :hover a,.AJXMenuEHWBGHC ul ul a:hover,.AJXMenuEHWBGHC ul ul :hover ul :hover a,.AJXMenuEHWBGHC ul ul :hover ul a:hover {background:#65b0dc url(verticalmenu_files/top-mo.jpg) no-repeat bottom left;} .AJXMenuEHWBGHC ul ul :hover a b,.AJXMenuEHWBGHC ul ul :hover ul :hover a b,.AJXMenuEHWBGHC a:hover a:hover b,.AJXMenuEHWBGHC a:hover a:hover a:hover b {background:url(verticalmenu_files/top-mo.jpg) no-repeat bottom right;} .AJXMenuEHWBGHC ul ul a.ajxsub,.AJXMenuEHWBGHC ul :hover ul a.ajxsub {width:176px;padding:0 0 0 14px;background:#4c97c3 url(verticalmenu_files/top-sub.jpg) no-repeat top left;} .AJXMenuEHWBGHC ul :hover ul a.ajxsub b {padding:0 28px 0 0;background:url(verticalmenu_files/top-sub.jpg) no-repeat top right;} .AJXMenuEHWBGHC ul ul :hover a.ajxsub,.AJXMenuEHWBGHC ul ul a.ajxsub:hover {background:#65b0dc url(verticalmenu_files/top-sub-mo.jpg) no-repeat bottom left;} .AJXMenuEHWBGHC ul ul :hover a.ajxsub b,.AJXMenuEHWBGHC ul :hover ul a.ajxsub:hover b {background:url(verticalmenu_files/top-sub-mo.jpg) no-repeat bottom right;} .AJXMenuEHWBGHC ul :hover ul ul {position:absolute;left:-9999px;top:-9999px;} .AJXMenuEHWBGHC ul :hover ul :hover ul {left:190px;top:0px;} .AJXMenuEHWBGHC br {clear:both;height:0;font-size: 1px;line-height: 0px;}

Copy & paste the following code into a new, blank HTML document. The code is well commented so you can follow along.
<!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=utf-8" />
<title>Chemtech Process Equipment</title>
<style type="text/css">
html {font-size:100%; overflow-y:scroll}
/**LAYOUT**/
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
background: #CCC url(../Images/logo-background.jpg) no-repeat fixed;
#wrapper {
background-color: #FFF;
border:1px solid #000;
width: 960px;
margin:0 auto; /*with width, centered on screen*/
overflow:hidden; /*for float containment*/
#header {
background: #000 url(../Images/header.jpg);
min-height: 310px;
#navigation_bar {
min-height: 31px;
#sidebar {
float: left;
width: 250px;
border-right: 3px solid #CCC;
#content {
padding:2%;
overflow: hidden; /*for inside float containment*/
border-top: 3px solid #CCC;
#footer {
clear:both; /*clear the sidebar float*/
text-align: center;
width: 100%;
/**RE-USABLE CLASSES**/
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
/**floats, clearing**/
.floatLt, .floatRt {
width:17.8%;
min-height:100px;
background:#FFCCCC;
border-left:1px dotted red;
padding:1%;
.floatLt {float:left;}
.floatRt {float:right;}
/**after floats are no longer needed, clear them with this class**/
.clearing {
clear:both;
display:block;
visibility:hidden;
/**TEXT STYLES**/
h1 {font-size: 24px;color: #F00;}
h2 {font-size:20px;}
h3 {font-size:18px; margin-bottom:0}
h4 {font-size: 12px;}
p {font-size:14px; margin-top:0; line-height:1.5;}
#footer h4 {
margin-top:0;
padding-top:12px;
text-align:center;
border-top: 1px solid #333;}
#footer p {margin-bottom:0}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">#header</div>
<div id="navigation_bar">

<div class="AJXMenuNQIdcZB">
<div class="ajxmw1">
<div class="ajxmw2">
<ul>
<li><a href="#" title="Home">HOME</a></li>
<li><a href="#" title="Products">PRODUCTS</a></li>
<li><a href="#" title="Request Quote">REQUEST QUOTE</a></li>
<li><a href="#" title="Contact Us">CONTACT US</a></li>
</ul>
</div>
</div>
</div>
</div>

<div id="sidebar">

<div class="AJXMenuEHWBGHC">
<ul>
<li><h1>PROCESS EQUIPMENT</h1></li>
<li><a class="ajxsub" href="#" title="Pumps">Pumps
</a>
<ul>
<li><a href="#" title="Air Diaphragm">Air Diaphragm</a></li>
<li><a href="#" title="Centrifugal">Centrifugal</a></li>
<li><a href="#" title="Drum">Drum</a></li>
<li><a href="#" title="Gear">Gear</a></li>
<li><a href="#" title="Hose">Hose</a></li>
<li><a href="#" title="Magnetic Drive">Magnetic Drive</a></li>
<li><a href="#" title="Metering">Metering</a></li>
<li><a href="#" title="Peristaltic">Peristaltic</a></li>
<li><a href="#" title="Piston">Piston</a></li>
<li><a href="#" title="Vertical">Vertical</a></li>
</ul>

</li>
<li><a class="ajxsub" href="#" title="Mixers">Mixers
</a>
<ul>
<li><a href="#" title="Direct Drive">Direct Drive</a></li>
<li><a href="#" title="Gear Drive">Gear Drive</a></li>
<li><a href="#" title="C-Clamp Mount">C-Clamp Mount</a></li>
<li><a href="#" title="Drum Mount">Drum Mount</a></li>
<li><a href="#" title="Fixed Top Mount">Fixed Top Mount</a></li>
<li><a href="#" title="Side Mount">Side Mount</a></li>
</ul>

</li>
<li><a class="ajxsub" href="#" title="Filters">Filters
</a>
<ul>
<li><a href="#" title="Bag">Bag</a></li>
<li><a href="#" title="Cartridge">Cartridge</a></li>
<li><a href="#" title="Centrifuge">Centrifuge</a></li>
<li><a class="ajxsub" href="#" title="Indexing Media">Indexing Media
</a>
<ul>
<li><a href="#" title="Gravity FIlter">Gravity Filter</a></li>
<li><a href="#" title="Vacuum FIlter">Vacuum FIlter</a></li>
<li><a href="#" title="Sludge Filter">Sludge FIlter</a></li>
<li><a href="#" title="Pressure Filter">Pressure Filter</a></li>
<li><a href="#" title="Sludge Filter">Sludge Filter</a></li>
</ul>

</li>
<li><a href="#" title="Oil Skimmers">Oil Skimmers</a></li>
<li><a href="#" title="Oil-Water Separators">Oil-Water Separators</a></li>
</ul>

</li>
<li><a class="ajxsub" href="#" title="Tanks">Tanks
</a>
<ul>
<li><a href="#" title="Carboys & Totes">Carboys & Totes</a></li>
<li><a href="#" title="Rectangular">Rectangular </a></li>
<li><a href="#" title="Cylindrical Cone Bottom">Cylindrical Cone Bottom</a></li>
<li><a href="#" title="Cylindrical Flat Bottom">Cylindrical Flat Bottom</a></li>
<li><a href="#" title="Vertical Bulk Storage">Vertical Bulk Storage</a></li>
</ul>

</li>
<li><a class="ajxsub" href="#" title="Piping/Hose">Piping / Hose
</a>
<ul>
<li><a href="#" title="PVC Pipe & Fittings">PVC Pipe & Fittings</a></li>
<li><a href="#" title="CPVC Pipe & Fittings">CPVC Pipe & Fittings</a></li>
<li><a href="#" title="Polypro Pipe & Fittings">Polypro Pipe & Fittings</a></li>
<li><a href="#" title="PE Pipe & Fittings">PE Pipe & Fittings</a></li>
<li><a href="#" title="Kynar Pipe & Fittings">Kynar Pipe & Fittings</a></li>
<li><a href="#" title="Sanitary Hose, Gaskets & Fittings">Sanitary Hose, Gaskets & Fittings</a></li>
</ul>

</li>
<li><a class="ajxsub" href="#" title="Immersion Heaters">Immersion Heaters
</a>
<ul>
<li><a href="#" title="Electric Immersion">Electric Immersion</a></li>
<li><a href="#" title="Steam Coil">Steam Coil</a></li>
</ul>

</li>
<li><a class="ajxsub" href="#" title="Process Controls">Process Controls
</a>
<ul>
<li><a href="#" title="pH & ORP Probes">pH & ORP Probes</a></li>
<li><a href="#" title="Conductivity Probes">Conductivity Probes</a></li>
<li><a href="#" title="Flowmeters">Flowmeters</a></li>
<li><a href="#" title="Level Sensors">Level Sensors</a></li>
<li><a href="#" title="Pressure Transducers">Pressure Transducers</a></li>
<li><a href="#" title="Process Controllers">Process Controllers</a></li>
<li><a href="#" title="VFD's">VFD's</a></li>
<li><a href="#" title="Power Monitors">Power Monitors</a></li>
</ul>

</li>
<li><h1>ENGINEERED SYSTEMS</h1></li>
<li><a href="#" title="Chemical Feed Skids">Chemical Feed Skids</a></li>
<li><a class="ajxsub" href="#" title="Evaporators">Evaporators
</a>
<ul>
<li><a href="#" title="Burt Process Equipment">Burt Process Equipment</a></li>
<li><a href="#" title="Filtertech">Filtertech</a></li>
</ul>

</li>
<li><a href="#" title="Filtration Systems">Filtration Systems</a></li>
<li><a href="#" title="Fume Scrubbers">Fume Scrubbers</a></li>
<li><a href="#" title="pH Neutralization">pH Neutralization</a></li>
<li><a href="#" title="RODI Water Systems">RODI Water Systerms</a></li>
<li><a href="#" title="Transfer Sumps">Transfer Sumps</a></li>
<li><a href="#" title="UL Control Panels">UL Control Panels</a></li>
<li><a href="#" title="Vacuum Distillation">Vacuum Distillation</a></li>
<li><a class="ajxsub" href="#" title="Wastewater Treatment">Wastewater Treatment
</a>
<ul>
<li><a href="#" title="Burt Process Equipment">Burt Process Equipment</a></li>
<li><a href="#" title="Filtertech">Filtertech</a></li>
</ul>

</li>
<li><a href="#" title="Water Reclaim (LEEDS)">Water Reclaim (LEEDS)</a></li>
</ul>
</div>
</div>

<div id="content">

<img style="float:right" src="Images/aro-pump-ad.jpg" alt="aro pump ad" width="200" height="200"/>
<h1>Engineered Solutions to your fluid handing requirements</h1>
<p>Chemtech Process Equipment (CPE) provides fluid handling equipment to a wide range of industries which include pharmaceutical, biotechnology, microelectronics, metal finishing, chemical   processing and general manufacturing.</p>
<p>CPE offers turnkey engineered products such as transfer sumps, wastewater treatment, coolant filration, oil-water separation, water reclamation (LEEDS), pH neutralization, deionized water (RODI), and custom fabricated tanks and vessels.</p>
<p>CPE’s product line includes pumps, tanks, mixers, filters, evaporators, magnetic separators, centrifuges, oil skimmers, flowmeters, level, pH, ORP, and conductivity measurement, heaters, plastic pipe, valves and fittings, sanitary hose, and gaskets to name a few. Feel free to review our product line and contact us if you have any questions or applications to discuss.</p>

<hr class="clearing" />

<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatRt">
.floatRt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>

<hr class="clearing" />
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tellus est, pulvinar vitae cursus id, porttitor ac arcu. Nulla non lorem neque. Phasellus semper tincidunt orci, consectetur porta justo egestas eget. Vestibulum venenatis, lorem eu egestas sagittis, lacus lectus accumsan risus, quis tempor ligula nulla in elit. Nulla facilisi. Sed ac massa sit amet erat facilisis dignissim ut in nisi. Aliquam non sodales quam. Ut faucibus molestie orci, nec cursus velit elementum ut. Suspendisse porttitor ultricies nisi, sit amet cursus tortor gravida non. Donec blandit libero sed lacus tristique vestibulum. Nunc laoreet placerat eros quis interdum. Praesent elit mauris, ultricies non faucibus ac, lobortis quis dui. Aliquam sed quam orci. Suspendisse lobortis, purus sed suscipit ornare, purus ligula molestie sem; id venenatis sapien eros ullamcorper enim.</p>

<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatLt">
.floatLt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<div class="floatRt">
.floatRt
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>

<hr class="clearing" />
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tellus est, pulvinar vitae cursus id, porttitor ac arcu. Nulla non lorem neque. Phasellus semper tincidunt orci, consectetur porta justo egestas eget. Vestibulum venenatis, lorem eu egestas sagittis, lacus lectus accumsan risus, quis tempor ligula nulla in elit. Nulla facilisi. Sed ac massa sit amet erat facilisis dignissim ut in nisi. Aliquam non sodales quam. Ut faucibus molestie orci, nec cursus velit elementum ut. Suspendisse porttitor ultricies nisi, sit amet cursus tortor gravida non. Donec blandit libero sed lacus tristique vestibulum. Nunc laoreet placerat eros quis interdum. Praesent elit mauris, ultricies non faucibus ac, lobortis quis dui. Aliquam sed quam orci. Suspendisse lobortis, purus sed suscipit ornare, purus ligula molestie sem; id venenatis sapien eros ullamcorper enim.</p>
</div>

<div id="footer">
<p>HOME | PRODUCTS | REQUEST QUOTE | CONTACT US</p>
<h4>© 2012 Chemtech Process Equipment, All Rights Reserved, Designed and Developed By Graphics Advantage. <img src="Images/GA-logo.jpg" alt="#" width="46" height="40" /></h4>
</div>
</div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Will you check my navigation text ??

I dought that my navigation's font is showing nice. Please send respons if navigation's text looks smooth. I have made image file which should look like as shown below actually. I am confuse if my text is embeded in proper way. Thanks for takin interest

It looks fine to me. The font itself can be visually problematic by its nature of being some what varibable in thickness and having serifs, but for what you show, it doesn't look at all bad to me. I believe anniversary is mispelled.

Iweb auto navigation text - colour manipulation

Dont know how, but i managed to make the automatic iweb navigation rollover a certain colour... does anyone know how to manipulate this if i want to...

I went back to the page that works and this is the code used:
<script type='text/javascript'>
styleCSS = 'div#widget0 li a:hover{color: pink;}'; // change color to your liking;
eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[func tion(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'e(c)'\\b','g'),k[c]);return p}('1=2.3.5(\'6\');1.4.7=\'8/9\';1.4(\'a\',\'b\');1.c=d;2.3.e(\'f\')[0].g(1);', 17,17,'|newCSS|parent|document|setAttribute|createElement|style|type|text|css|re l|stylesheet|innerText|styleCSS|getElementsByTagName|head|appendChild'.split('|' ),0,{}));
</script>
It's the same as your code below except for how the script type is described. It's all Greek to me:
<script language="JavaScript" type="text/javascript">

</script>
There is a return in my previous post. What is the keystroke to put in a non return return so it won't be so long in the post? Or is there one that will work.
Message was edited by: Old Toad

Navigation text format issues

Is there any method of changing text navigation produced by the templates. I would like to change text font, style and colour.
Or do I have to switch off navigation and create hyperlinks manually for all the navigation.

the easiest way to do this would be as you said to turn off navigation and create it yourself. Good luck

6210 Navigator text message wont delete ??

I have a text message in my inbox that does not give me the option to delete it..and i can't open it either..it has the little paper clip next to the name of my friend so not sure whats goin on.. and I also have a picture message in my outbox that wont send.. it has deferred as the status but im unable to move it or delete it or anything.. Please help this is driving me crazy..

WHAT!? WHAT fixed it???? I have the same problem, tried rebooting, removed battery, eveything short of *#7370#
Please give a brother a real answer...

Cannot Modify Navigation Button Text

Is it possible to change the font, color, size, etc. for the navigation text buttons in iweb? I've tried everything (or maybe not everything!) and can't figure it out. I know how to modify text for everything else on the page. Thank you in advance!

there certainly is a way
in your inspector panel there is an option to not include navigation bar
since you already know how to create text, etc
you can create your own and then just hyperlink them to the designated page
good luck

How can I control text color in a template?

Hi,
I've got a template I'm using to control a simple text
navigation menu. The menu is not even a list, it is just the
following text with links applied:
Page 1 | Page 2 | Page 3 | Page 4 ....etc
All the pages on my site use this template to control the
order in which pages appear in the navigation menu. The color
(a.link, visited, hover, and active) is controlled by css styles.
What I want to do is make the "Page 1" text a certain color when
the user is on Page 1, make the "Page 2" text a certain color when
the user is on Page 2, and so on. However, since I cannot edit any
of the individual pages (e.g. cannot apply a class style to
individual "Page x" text links) due to the fact that they are
controlled by a template and are not editable regions, I can't seem
to apply a certain color to the appropriate text link for the
corresponding page (i.e. can't make the "Page 1" text a certain
color only on Page 1). If I make the navigation text links an
editable region than I loose the ability to update those text links
via the template, so that's not an option. I fooled around with the
"Make Attribute Editable" tool, putting div tags around my text
links (<div class="text_color">Page 1</div>...I also
tried it with span instead of div), but couldn't get that to work.
Does anyone know how I can do this? Basically, I just want the user
to have a visual clue as to what page he's on while still being
able to use a template to create the pages (and residing navigation
menu).
Thanks so much.

NO NO NO NO NO!
Never make your navigation editable or you will shoot
yourself in the foot
when it comes time to change a link there and you would have
to touch every
page. <sheesh>
Give each of those links a unique ID, e.g.,
<a href="page1.html" id="link1">Page 1</a> |
<a href="page2.html"
id="link2">Page 2</a>....
Then in the head of each child page, add this to the Editable
Region called
"head" -
<style type="text/css">
a#link2 { color:whatever; otherstuff:whatever; }
</style>
Now you would just edit the embedded stylesheet to change
a#link2 to a#link3
or whichever button you wanted to affect on that page.
Alternatively, you can go here -
http://www.divahtml.com and get
their
DivaGPS extension.
DO NOT MAKE YOUR NAVIGATION EDITABLE.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"malcster2" <[email protected]> wrote in
message
news:ga5dev$e89$[email protected]..
> make those links editable regions on the template, and
apply the
> neccessary styles in the individual html pages

Text Link Styles not working in Footer Section

I have a master page with a footer that has three columns of navigation text links inside.
In order to match my design I have created a customer text link style for these links.
However when I preview my site (in muse and browsers) the roll over effect (should show an underline) doesn't work.
I've searched the forums and found that someone else had a similar problem and it was down to them having a paragraph and character style stacked on top of one another. However I have checked this on my links and this is not the case.
NOTE: I have already successfully managed to create a similar style that resides in a side bar navigation panel in some of the sites internal pages and these link styles are working fine.
So, I'm not sure if the file has become corrupt or if I'm missing something that I've done wrong?
One question I have is at which point to you apply the text link style?
1. By clicking on the line of text to select it?
OR
2. By clicking further into the text box; as if you were editing it, then selecting all of the characters in the word you want to make a link. With the word selected, click on the style name in the Character Panel to apply it?
OR
3. as with the above example, once you have selected all of the characters in the word you want to make a link. Click on the Hyperlink drop down arrow (from the main toolbar) and choose the style name you wish to apply, from the drop down box 'Text Link Style'
NOTE:
I'm running version v2.3, Build 50, CL 771675
AIR Runtime: 3.5.0.600
UPDATE:
I couldn't wait any longer, so I just deleted the text boxes and styles and re-created them both and they seem to work now. Lot of additional work though that I'd rather have not had to do.

Sorry, I forgot to say, to see how the email link at the
bottom of the page should look please see www.bethhockley.com
Thanks,
Beth

How to display String/text in a JFrame ?

Hi,
I set up a simple browser and pinging a server (say localhost). Then under that server directory, I am looking for a file. Then, I use input or output stream to bounce the text back to browser to display out on the screen. It was successful.
But, just can't display out in a text area (say a frame or something).
The string coming back from server say called s (one line at a time using buffer).
public class VerySimpleBrowser extends JFrame {
public JTextArea t;
public VerySimpleBrowser() {
super ("VerySimpleBrowser");
Box b = Box.createHorizontalBox();
b.add(new JScrollPane(t));
Container c = getContentPane();
c.add(b);
setSize(850,600);
show();
void static main ...
while ((s=fromServer.readLine()) != null)
//System.out.println(s);
t.setText(s);
Then, I got NullpointException error ?! The frame poped out ok, but nothing was written to it.
Thanks for help.
Philip

To save you from pulling all your hair out, here is what you've to do:
String out=""
while ((s=fromServer.readLine()) != null) {
out+=s;
t.setText(out);
.....V.V.

Text in a Cell Problem

http://martinpaulphotography.com/About.html
The text on my about page is currently a graphic. I want it
to be live text. I deleted the graphic and typed into the cell. It
looked fine in DW but when I preview it in my browser the text is
not constrained vertically within the cell. Instead it shifts the
cell below it out of position? How do I get the text to stay in the
cell without shifting other cells out of position?
Hope this makes sense.
Thanks,
Martin.

Hi Martin,
What I had been referring to was just using the image as the
page background, not a table background.
It wouldn't need to go into a table or another container as a
background, it would have just been applied to the body of the
page.
Regardless, I see what you mean by the logo being different
on the home page so here's another way which should work for you.
There are any number of ways to do this and variations on the
things I'm about to mention, but this should be a good place to
start.
So, it's just the logo part of the image that's different
between the pages, and that looks like it's about the top 1/4 of
the image.
The bottom 3/4 of the image is the same on every page.
Slice your home page image horizontally just below the logo
reflection.
Now you have two images, the top half with the logo and the
bottom half.
The bottom half is the same on all pages, so you can just use
that on all pages.
You'll need another image, exactly the same as this top image
but with the weaker logo for the other pages.
You have one more image: The image that tiles your
background.
So, you'll have 4 images all together used in the basic page
design.
To avoid confusion, I'll call them bright logo, weak logo,
bottom half and tile.
You aren't going to need all of the javascript anymore
either, as you won't need to load all the image slices or use
rollover images.
This example will build the "About Us" page you originally
asked about.
So, start with a new page where all you have are the basics:
doctype, html, head, body, title and your meta tags.
By the way, change this tag: <META
NAME="CONTACT_ADDR"="[email protected]>
to this:
<META NAME="CONTACT_ADDR" CONTENT="[email protected]">
Let's deal with the tiling background first.
You have that applied as a table background currently, but
you can just apply it to the body of the page so there's no need
for a 100% wide table for a background effect.
Just before your </head> tag, add this CSS to style the
body so it looks like this :
<style type="text/css">
body {
padding: 0;
margin: 0 0 0 0;
/*/*/margin: 0 0 0 0; /* */
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size:80%;
color: #CCCCCC;
background-image: url(graphics/tile_background.jpg);
background-repeat: repeat;
</style>
</head>
<body>
</body>
</html>
(adjust later to change font color (color:) font size, font
family, etc)
Note the background image and background repeat lines. This
will tile that diamond as the entire page background.
Next, add a table that is 1 column and 2 rows.
Give it a center align and zero out the attributes. Give it a
width that's the same as your whole image:
<table width="937" border="0" align="center"
cellpadding="0" cellspacing="0">
Next, insert the weak logo image into the top row (top cell).
The bottom half of the image will be used as the background
image of the second row in this table.
You won't need to insert it into the second row; use CSS to
make it the background.
Because this is a background image, it won't act like an
inserted image and stretch the cell to the same height as the
image.
We'll take care of that in a minute.
The first step is to define a style for this table cell.
We'll make it a class and call it "content"
Insert this right before the </style> tag.
.content {
background-image: url(graphics/bottomhalf.jpg);
background-repeat: no-repeat;
background-position: center top;
Then, assign this class to the cell that is the second row.
<td class="content">
You won't see the whole image yet, as the second row doesn't
have enough content to make it tall enough to see the whole
background image. We'll fix that in a minute.
Next, insert a table into the second row. Make the table 1
row, 3 columns and 100% wide.
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
Don't assign any widths to the three columns right now.
The first column will hold your navigation, the middle column
will be your about us text content, and the last column is going to
control the height of the table so we can see that whole
"bottomhalf" background image.
For the first column, assign a vertical align of "top".
Then, in that first column, insert a table with 1 column and
as many rows as needed for your navigation. Give this table a
desired width in pixels.
Type the name of the link in each row.
In the third column, insert a transparent gif that is 1px
wide and the same number of pixels high as your "bottomhalf" image
is.
This forces this table and the row it is in (.content) to be
the same height as the bottomhalf image, so you see the whole
thing.
Now, give the center column a width of 100%. This will make
the first cell hug the navigation table and the third cell hug the
spacer image. The center cell will fill the remaining area.
It should look something like this now:
<body>
<table width="937" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td><img src="graphics/weaklogo.jpg" width="937"
height="185" alt="blah"></td>
</tr>
<tr>
<td class="content"><table width="100%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td valign="top"> <table width="200" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td>Home</td>
</tr>
<tr>
<td>About</td>
</tr>
<tr>
<td>Gallery</td>
</tr>
<tr>
<td>Rates</td>
</tr>
<tr>
<td>Login</td>
</tr>
<tr>
<td>Content</td>
</tr>
</table></td>
<td width="100%"><p>All about us text and more
and more</p></td>
<td><img src="graphics/spacer.gif" alt="" width="1"
height="500"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Apply links to the navigation text.
I have to run, but this is a good start.
Next is to use CSS to style the links so they change color on
hover, and to control the positioning of them as well as the
positioning, line spacing, color , etc,etc of the about us text.
This design will still be somewhat at the mercy of the user
if the user has an enormous text size setting in their browser.
This would be very rare I think and would just mean the text
would extend lower than the image. That's the string that's
attached to using a large image as the whole background instead of
a repeating image or a solid color. The positive is that the image
won't shift in pieces or break like it does now.
Tim

Why is the text so small on this web site???

Why is the message text so small on this web
site?? It is almost impossible to read!!
The navigation text is tiny as well, I cant
read a word of the navigation bar at the top
of this page.
If this is produced using Netweaver, I am
very concerned.
Come on SAP, this needs addressing.

On my computer it is OK, but I have seen this on other machines too. But this surely is not connected to NetWeaver, as you surely knew
I'll forward this to SDN personell.
Regards,
Benny

How can I remove the text hyperlink blue color/visited color?

Just a quick one if anyone can answer.
How do I remove or change the color of text hyperlink? For instance if I have some navigation text how can I make it show as
a solid color instead of the hypertext blue coloring? Also how do I remove the visited link color?
I want to do this so I just have the text color change when I mouse/hover over it which I already have done.
I have an example of what I am talking about. Example 1 is my text and example 2 is what I want to achieve. thanks in advance
for any help...

The following tutorials may help you understand how to style links and descendant classes:
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
Descendant selectors:
http://www.projectseven.com/tutorials/css/pseudoclasses/page3.htm
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/
http://twitter.com/nadiap

Mouse down shows small text

I have been having a hard time figuring out where to fix this mouse down problem. On this new site magbacker.com, when you click the left navigation text the text gets smaller. I have a separate css style sheet called "sprymenubarvertical2.css" and a overall site css style sheet called "magbacker.css". I also have a few internal css styles on each page for specail design elements. The font size of the left navigation is 17px and on some of the pages it goes smaller when you click or mouse down on the text. Some page it stays the same which is what I want. I don't want the text to change when clicking it or doing a mouse down. I can post the css code here if necessary but you savy css coders should be able to see it based on veiwing the source code on the site.
I'm working on the site as you read this due to a tight deadline so some things maybe changed.
Any help on this seemingly simple fix would be most apprecaited.
http://magbacker.com
Thanks,
Jay

In each page you have embedded styles. Change this -
a:active {
     text-decoration: none;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #00F;
to this -
a:active {
     text-decoration: none;
     font-family: Arial, Helvetica, sans-serif;
     color: #00F;
By the way, while browsing to one of those pages, increase the text size in your browser a few times and you'll see why we plead with people NOT to use absolute positioning as a layout tool.

IWeb tool not showing the Navigation Bar, but published site does!?!?!

I recently installed Leopard, reinstalled iLife08 and copied over my website and was able to reopen in iWeb08. The issue I am having is that I can move/resize the area containing the navigation...I just cannot see the text inside iWeb!!!
If I publish the site, the test is still there, visible and working...
..but inside iWeb I cannot read/alter (or even see) the navigation text. This will become an issue as I add new pages...it kinda defeats the purpose of a WYSIWYG editor
I'm sure this is something silly...Does anyone have any ideas??
Thanks!!

Hi Sujai,
not sure what you mean or are asking - everything was working in Chrome fine, and still does in browser preview in chrome and live in safari and IE.
All assets are in Edge, packaged into a "OAM" which I then have placed in Muse and publish from there (again preview from Muse is working fine in Muse and also Preview in Browser/Chrome - I have tried on different machines as well just in case but it doesnt work on any mac or pc Chrome Broswer)
Hosting is all through Adobe Business Catalyst.
Allen
SujaiS, ironically enough I just tried saving the Edge project as a new project, prublish the OAM files again (havent changed anything in the project), open Muse, re-published the site and now it is working in Chrome again!

Bouncing Navigation Text

Similar Messages

Maybe you are looking for