Posts: 52
Name: Rick S.
|
I don't know how to make the buttons (overview, firm, practice, etc) be vertically aligned to the left of the player, could someone help. I lost what I had and can't find it... Thanks
HTML 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=utf-8" />
<meta name="author" content="Calliope Media, Inc / Lawsuit.com" />
<title>Lawsuit.com - Calliope Media, Inc </title>
<meta name="keywords" content="Calliope Media, Inc " />
<meta name="description" content="Calliope (ka-LIE-oh-pee), meaning beautiful voice, was the chief of the nine Muses. She was the patron of epic poetry and her symbol was a writing tablet. We�??ve adopted Calliope as our Muse because we hold that Calliope�??s tablet was blank, tabula rasa, and so with each client that comes through our door, we see infinite potential in your business, giving it a beautiful voice for the world to hear." />
<link href="http://www.lawsuit.com/css/lawsuitstyle.css" rel="stylesheet" type="text/css" />
<link href="http://www.lawsuit.com/css/videopanel.css" rel="stylesheet" type="text/css" />
<link href="http://www.lawsuit.com/css/playlist.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.branch{ display: none; }
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
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_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="showTabBranch('overview');MM_preloadImages('http://www.lawsuit.com/videoimages/Overview_RLO.jpg','http://www.lawsuit.com/videoimages/Firm_RLO.jpg','http://www.lawsuit.com/videoimages/Practice_RLO.jpg','http://www.lawsuit.com/videoimages/Contact_RLO.jpg','http://www.lawsuit.com/videoimages/Video_RLO.jpg')">
<div id="maincontent">
<!-- BEGIN HEADER AREA -->
<div id="header">
<div id="right_header">
<div id="client_login">
<a href="#"><img src="http://www.lawsuit.com/sitemimages/Client_Login.jpg" alt="Client Login" border="0" /></a>
</div> <!-- client_login -->
<div id="telephone">
<span class="tele"><span class="teleblue">TEL:</span> 800 425 0789</span>
</div><!--telephone -->
</div> <!-- right_header -->
<div id="left_header">
<div id="logo"><a href="/"><img src="http://www.lawsuit.com/sitemimages/Lawsuit_Logo.jpg" alt="Lawsuit.com Logo" border="0"/></a>
</div> <!-- logo -->
</div> <!-- left_header -->
</div> <!-- header -->
<!-- END HEADER -->
<!-- BEGIN MENU -->
<div id="topmenubg">
<div id="searchbar">
<form method="get" id="searchform" action="http://www.lawsuit.com/lawbits/">
<div id="searchfield">
<input type="text" name="s" id="s" size="30" />
</div> <!--searchfield-->
<div id="searchbutton"><input name="" type="image" src="http://www.lawsuit.com/sitemimages/Search_Button.jpg" /></div>
</form>
</div> <!--searchbar-->
<div id="topmenu">
<div class="topmenucontainer">
<div class="topmenuitem">
<a href="http://www.lawsuit.com/index.html">Home</a>
</div> <!--topmenuitem -->
</div> <!--topmenucontainer -->
<div class="topmenucontainer">
<div class="topmenuitem">
<a href="http://www.lawsuit.com/lawyer-directory.html">Legal Directory</a>
</div> <!--topmenuitem -->
</div> <!--topmenucontainer -->
<div class="topmenucontainer">
<div class="topmenuitem">
<a href="http://www.lawsuit.com/lawsuit-tv.html">Lawsuit TV</a>
</div> <!--topmenuitem -->
</div> <!--topmenucontainer -->
<div class="topmenucontainer">
<div class="topmenuitem">
<a href="http://www.lawsuit.com/lawbits">Lawbits</a>
</div> <!--topmenuitem -->
</div> <!--topmenucontainer -->
<div class="topmenucontainer">
<div class="topmenuitem">
<a href="http://www.lawsuit.com/linking.html">Links</a>
</div> <!--topmenuitem -->
</div> <!--topmenucontainer -->
</div><!--topmenu-->
</div> <!-- topmenubg-->
<!--END MENU -->
<!--BEGIN SUBCONTENT AREA -->
<div id="subcontent">
<!-- BEGIN RIGHT COLUMN -->
<div id="rightcolumn">
<!-- BEGIN LAWYER DIRECTORY MODULE -->
<div id="videopane">
<div id="playerback">
<div id="selectorinset">
<!-- root element of the playlist -->
<div id="playlist">
</div>
</div> <!-- selectorinset -->
<div id="videocontentinset">
<a
href="http://lawsuitvideo.s3.amazonaws.com/weisslaw/robert_a.flv"
style="display:block;width:300px;height:260px;"
id="player">
</a>
<!-- include desired tools -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.lawsuit.com/js/flowplayer-3.1.4.min.js"></script>
<script language="JavaScript" type="text/javascript" >
flowplayer("player", "http://www.lawsuit.com/flowplayer/flowplayer.commercial-3.1.3.swf",
{ key: '$5f6958d93f75903d9f8',
clip: {
autoPlay: false,
autoBuffering: false
}
});
</script>
</div> <!-- videocontentinset -->
</div> <!-- playerback -->
<div id="playerbuttons">
<a href="#" onclick="showTabBranch('overview')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Overview1','','http://www.lawsuit.com/videoimages/Overview_RLO.jpg',1)"><img src="http://www.lawsuit.com/videoimages/Overview_STD.jpg" alt="Overview" name="Overview1" width="196" height="60" border="0" id="Overview1" /></a>
<a href="#" onclick="showTabBranch('firm')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Firm1','','http://www.lawsuit.com/videoimages/Firm_RLO.jpg',1)"><img src="http://www.lawsuit.com/videoimages/Firm_STD.jpg" alt="Firm" name="Firm1" width="196" height="60" border="0" id="Firm1" /></a>
<a href="#" onclick="showTabBranch('practice')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Practice1','','http://www.lawsuit.com/videoimages/Practice_RLO.jpg',1)"><img src="http://www.lawsuit.com/videoimages/Practice_STD.jpg" alt="Practice" name="Practice1" width="196" height="60" border="0" id="Practice1" /></a>
<a href="#" onclick="showTabBranch('contact')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact1','','http://www.lawsuit.com/videoimages/Contact_RLO.jpg',1)"><img src="http://www.lawsuit.com/videoimages/Contact_STD.jpg" alt="Contact" name="Contact1" width="196" height="60" border="0" id="Contact1" /></a>
<a href="#" onclick="showTabBranch('videos')" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Video1','','http://www.lawsuit.com/videoimages/Video_RLO.jpg',1)"><img src="http://www.lawsuit.com/videoimages/Video_STD.jpg" alt="Video" name="Video1" width="196" height="60" border="0" id="Video1" /></a>
</div>
<!-- playerbuttons -->
</div> <!-- videopanel -->
<!-- END LAWYER DIRECTORY -->
<!-- BEGIN NEWS MODULE AREAS -->
<script language="JavaScript" type="text/JavaScript">
function hideBranch(branch)
{
var objBranch = document.getElementById(branch).style;
objBranch.display="none";
}
function showTabBranch(branch)
{
hideBranch('overview');
hideBranch('firm');
hideBranch('practice');
hideBranch('contact');
hideBranch('videos');
var objBranch = document.getElementById(branch).style;
if(objBranch.display=="block")
objBranch.display="none";
else
objBranch.display="block";
}
</script>
<div id="newsmodules">
<div class="contentheader">Calliope Media, Inc</div>
<div class="branch" id="overview">
<p>Calliope Media is a full-service marketing company, featuring offerings in lead generation, creative and campaign management and case management. Although we’ve created a knowledgeable niche in the legal and medical industries, we’ve been assisting companies from virtually every industry. We draw from a deep network of highly professional programmers, writers, designers, and marketing and advertising gurus because we comprehend the need for corporations to penetrate markets with a comprehensive game plan.</p>
</div>
<div class="branch" id="firm">
<h2><strong>The Team </strong><br /></h2>
<p><strong>Read here for some information about the masterminds behind Calliope Media, Inc.</strong></p>
<p><strong>Thomas Arthur</strong><br /><strong>Chief Executive Officer</strong></p>
<p>Thomas Arthur is the co-founder and CEO of Calliope Media, Inc. Tom is responsible for all marketing aspects of the company and its subsidiary, Lawsuit.com. With more than fifteen years of experience in the marketing industry, Tom has integrated his skills to develop leading marketing strategies for several successful business firms. Formerly, he was a co-founding partner of CMTM, Inc., and also led market development in the initial stage of business for Einstein Industries; both early-market Internet development firms. Tom was also Vice President of the Success Institute where he established territories in Santa Barbara and the Inland Empire to ultimately position the company for acquisition. </p>
<p>Tom has now redirected his marketing initiatives to launch Calliope Media, Inc.; a full-service marketing firm specializing in lead generation and management for attorneys. Recently, Tom introduced Lawsuit.com to further capture the legal market.</p>
<p>He takes great pleasure in helping his clients procure cases which convert into multi-million dollar settlements.</p>
<p> </p>
<p><strong>Nathaniel Robinson<br />Chief Operating Officer</strong><br /><br />Nate Robinson is a co-founder and chief operating officer of Calliope Media, Inc. Nate directs all aspects of business development and engineering for the firm. <br /><br />Previously, Nate was instrumental in the growth of several Internet development firms where he held top-level titles. Notably, he was Head of Engineering at Einstein Industries where he developed ecommerce strategies and internal marketing applications for the firm. He was also a co-founder of CMTM, Inc., an Internet marketing firm specializing in the legal industry. <br /><br />In addition, Nate earned a patent at Websense for the development of an artificial intelligence project with the capability to analyze and categorize websites in any language.</p>
<p>Nate treats your business as if it was his own and is excited to step up to any challenge.</p>
<p> </p>
<p><strong>Geoff Gordon<br />Operations Manager</strong><br /><br />Geoff is responsible for marketing, production and the daily business operations at Calliope. Prior to joining Calliope, Geoff spent more than 10 years in senior marketing and financial positions at companies in the ecommerce, computer hardware and financial services industries. Geoff earned his MBA from the Thunderbird School of Global Management and his BBA from the University of Wisconsin, Madison.<br /><br />When not at work (or thinking about work), Geoff enjoys spending time with his beautiful wife and two beautiful children. He’s an avid Scuba diver and looks forward to the day when technology will allow him to be as productive underwater as he is above!</p>
<p> </p>
<p><strong>Simone Vazquez<br />Business Advisor</strong></p>
<p>Simone is a stellar part of the Calliope team, bringing with her big-name experience, having spent time as a project manager at Coca Cola. Simone also helps add diversity to the Calliope team through comprehensive experience that also includes five years as a health and exercise science teacher at San Diego Community College (SDCC). She was also the women’s tennis coach for six years at SDCC, which would explain why her closest encounter with a celebrity was when she tried to offer some coaching tips to Serena Williams at the Sony Erickson Classic.<br /><br />Simone has achieved an incredibly strong foundation through her studies at Syracuse University (Nutrition) and SDSU (BS in Kinesiology); she was even granted a full Division I scholarship for her tennis and crew skills! She then went on to graduate school at Azusa Pacific University for a master’s degree in education.<br /><br />When she’s not busy advising you on your way to great business success, she’s checking her pulse and competing in triathlons, including training for the Ironman! And as much as she loves helping businesses make well-informed decisions, her greatest joy is her wonderful four-year-old daughter Morgan.</p>
<p><strong></strong><br /><strong>Eryn Crary<br />Business Advisor</strong></p>
<p>When you speak with Eryn, you’ll immediately know that your business is in good hands. She reaches back to call on her experience at Clear Channel Communications as a marketing specialist and her experience at Wenner Media as the southwest sales assistant for Men’s Journal Magazine. She then combines that with an ever-evolving knowledge of the marketplace to help provide you with lucrative solutions. <br /><br />Eryn’s strong background includes a BA degree from the California State University at Long Beach, specializing in Interpersonal and Organizational Communication.<br /><br />Eryn loves that she’s found a job she loves that combines the worlds of medicine, law, and marketing. In addition to her job, she loves to travel, try anything new, read memoirs and be under the sun. <br /><br />In 2007, she won the board game Clue in just two turns; a one in five million possibility.</p>
</div>
<div class="branch" id="practice">
<p><strong>Here's what some of our attorney clients have to say about out services:</strong></p>
<p>"It is definitely worthwhile to advertise through Calliope Media. Our firm has seen a positive return on the monies spent with your service."<br /> Law firm in Chicago, IL</p>
<p><br />"First, I wanted to thank you for offering an opportunity to utilize your targeted leads generation service. Your service has truly proven to increase my firm’s exposure and obtain more clients."<br /> Attorney in Ft. <span style="color: #0000ff;"><span style="color: #333333;"><span style="font-size: x-small;">Lauderdale</span></span></span>, FL,</p>
<p><br />"On behalf of all of the Suggs & Kelly crew, I cannot tell you how happy we are with Calliope Media and all the good work you have done for us this year."<br /> Law Firm in Myrtle Beach, South Carolina</p>
<p><br />"To Prospective Clients of Calliope Media, I began a working relationship with Calliope Media in April 2003. Since that time, my targeted clients have increased significantly and I have a large number of cases currently in process. My advisor at Calliope Media has been incredibly supportive and helpful in every respect. I would highly recommend Calliope Media for the reason that they are people of their word and deliver as promised."<br /> Law Firm in Indianapolis, Indiana</p>
</div>
<div class="branch" id="contact">
<p>By filling out the form below, your email will be forwarded to Calliope Media, Inc. This does not constitute an attorney/client relationship-- there is no charge to you, nor are you
bound to use this firm's services-- it is only for evaluation purposes.</p>
<form name="genericform" method="post" action="http://www.an-attorney-for-you.com/legal/thankyou.htm">
<div align="left">
<input type="hidden" name="command" value="doCSZCaseSubmission" />
<input type="hidden" name="affid" value="216079"/>
<input type="hidden" name="caseentrypage" value="Lawsuit.com:73790-216079"/>
<input type="hidden" name="cid" value="1"/>
<table width="372" border="0">
<tr><td width="118" >First Name:</td><td width="244" ><input type="text" name="firstname" /> </td></tr>
<tr><td >Last Name:</td><td ><input type="text" name="lastname"/></td></tr>
<tr><td >City:</td><td ><input type="text" name="city"/></td></tr>
<tr><td >State:</td><td>
<select name="statename" id="statename">
<option value="0" selected="selected">Select a state</option>
<option value="1">: Alabama</option>
<option value="2">: Alaska</option>
<option value="3">: Arizona</option>
<option value="4">: Arkansas</option>
<option value="5">: California</option>
<option value="6">: Colorado</option>
<option value="7">: Connecticut</option>
<option value="8">: Delaware</option>
<option value="9">: D.C.</option>
<option value="10">: Florida</option>
<option value="11">: Georgia</option>
<option value="12">: Hawaii</option>
<option value="13">: Idaho</option>
<option value="14">: Illinois</option>
<option value="15">: Indiana</option>
<option value="16">: Iowa</option>
<option value="17">: Kansas</option>
<option value="18">: Kentucky</option>
<option value="19">: Louisiana</option>
<option value="20">: Maine</option>
<option value="21">: Maryland</option>
<option value="22">: Massachusetts</option>
<option value="23">: Michigan</option>
<option value="24">: Minnesota</option>
<option value="25">: Mississippi</option>
<option value="26">: Missouri</option>
<option value="27">: Montana</option>
<option value="28">: Nebraska</option>
<option value="29">: Nevada</option>
<option value="30">: New Hampshire</option>
<option value="31">: New Jersey</option>
<option value="32">: New Mexico</option>
<option value="33">: New York</option>
<option value="34">: North Carolina</option>
<option value="35">: North Dakota</option>
<option value="36">: Ohio</option>
<option value="37">: Oklahoma</option>
<option value="38">: Oregon</option>
<option value="39">: Pennsylvania</option>
<option value="40">: Rhode Island</option>
<option value="41">: South Carolina</option>
<option value="42">: South Dakota</option>
<option value="43">: Tennessee</option>
<option value="44">: Texas</option>
<option value="45">: Utah</option>
<option value="46">: Vermont</option>
<option value="47">: Virginia</option>
<option value="48">: Washington</option>
<option value="49">: West Virginia</option>
<option value="50">: Wisconsin</option>
<option value="51">: Wyoming</option>
</select></td></tr>
<tr><td >Zip:</td><td><input type="text" name="zipcode" /></td></tr>
<tr><td >Phone:</td><td><input name="phone1" id="phone1" type="text" size="3" maxlength="3" onkeyup="return autotab(this, 3, event);"/>-<input name="phone2" id="phone2" type="text" size="3" maxlength="3" onkeyup="return autotab(this, 3, event);"/>-<input type="text" name="phone3" id="phone3" size="4" maxlength="4"/>
* required </td>
</tr>
<tr><td colspan="2">* Please include a valid phone number for contact purposes. It will be treated as confidential.</td></tr>
<tr><td >Alt Phone:</td><td><input onkeyup="return autotab(this, 3, event);" size="3" maxlength="3" name="altphone1" id="altphone1"/>-<input onkeyup="return autotab(this, 3, event);" size="3" maxlength="3" name="altphone2" id="altphone2"/>-<input onkeyup="return autotab(this, 4, event);" size="4" maxlength="4" name="altphone3" id="altphone3"/>
(optional) </td>
</tr>
<tr><td >Email:</td><td><input type="text" name="email" id="email" /></td></tr>
<tr>
<td >Claim:</td><td><textarea name="casedescription" cols="30" rows="4" id="casedescription"></textarea></td></tr>
<tr><td colspan="2"> <div align="center">
<p><span class="branch" id="firstNameError"><font color="#FF0000">Please fill out the Firstname field.</font></span>
<span class="branch" id="lastNameError"><font color="#FF0000">Please fill out the Lastname field.</font></span>
<span class="branch" id="cityError"><font color="#FF0000">Please enter a city name.</font></span>
<span class="branch" id="stateError"><font color="#FF0000">Please select a state.</font></span>
<span class="branch" id="locationZipcodeError"><font color="#FF0000">Your zipcode entry must be 5 numbers.</font></span>
<span class="branch" id="phoneError"><font color="#FF0000">Please enter a valid phone number.</font></span>
<span class="branch" id="altPhoneError"><font color="#FF0000">The alternate phone number you entered is invalid.</font></span>
<span class="branch" id="noContactError"><font color="#FF0000">Please enter a valid email or a phone number.</font></span>
<span class="branch" id="noEmailError"><font color="#FF0000">Please enter a valid email.</font></span>
<span class="branch" id="noCaseDescription"><font color="#FF0000">Please enter a case description, helping us to determine your legal needs.</font></span>
<span class="branch" id="confirmationError"><font color="#FF0000">Please check the confirmation box then click on the submit button.</font></span></p>
<input type="submit" name="Submit" value="Submit" onclick="return validatefields();"/>
</div></td></tr>
</table>
</div>
</form>
</div>
<div class="branch" id="videos">
http://lawsuitvideo.s3.amazonaws.com/weisslaw/robert_a.flv
</div>
</div> <!--directory-->
<!-- END NEWS MODULEs -->
</div> <!--rightcolumn -->
<!-- END RIGHT COLUMN -->
<!-- BEGIN LEFT COLUMN -->
<div id="leftcolumn">
<div id="leftmenu">
<div class="moduleheader">
Lawsuit Listing
</div> <!--moduleheader -->
<div class="modulecontainer">
<div class="menuitem">
<a href="http://www.lawsuit.com/index.html">:: Lawsuit.com :: </a>
</div> <!--menuitem-->
</div>
</div>
<br />
<div class="moduleheader">Mission Statement</div> <!--moduleheader -->
<div class="modulecontainer">
<div class="menuitem">
Calliope (ka-LIE-oh-pee), meaning beautiful voice, was the chief of the nine Muses. She was the patron of epic poetry and her symbol was a writing tablet. We�??ve adopted Calliope as our Muse because we hold that Calliope�??s tablet was blank, tabula rasa, and so with each client that comes through our door, we see infinite potential in your business, giving it a beautiful voice for the world to hear.
</div> <!--menuitem-->
</div>
</div> <!--leftcolumn-->
<!-- END LEFT COLUMN -->
<!-- END SUBCONTENT -->
<!-- BEGIN FOOTER -->
<div id="footer">
<div id="copyrightbar">
@ Copyright 2009 - <a href="http://www.calliopemedia.com/">Calliope Media, Inc.</a>
</div> <!--copyrightbar-->
<div id="bottommenu">
<div class="bottommenucontainer">
<div class="bottommenuitem">
<a href="#">For Lawyers</a>
</div> <!--bottommenuitem -->
</div> <!--bottommenucontainer -->
<div class="bottommenucontainer">
<div class="bottommenuitem">
<a href="#">Advertise Your Firm</a>
</div> <!--bottommenuitem -->
</div> <!--bottommenucontainer -->
<div class="bottommenucontainer">
<div class="bottommenuitem">
<a href="#">About Us</a>
</div> <!--bottommenuitem -->
</div> <!--bottommenucontainer -->
<div class="bottommenucontainer">
<div class="bottommenuitem">
<a href="#">Contact Us</a>
</div> <!--bottommenuitem -->
</div> <!--bottommenucontainer -->
</div> <!--bottommenu-->
</div> <!-- footer -->
<!-- END FOOTER-->
<div id="spacer"> </div> <!--spacer-->
</div><!--subcontent-->
</div><!-- maincontent -->
<!-- include desired tools -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.lawsuit.com/js/flowplayer-3.1.4.min.js"></script>
<script language="JavaScript" type="text/javascript" >
flowplayer("player", "http://www.lawsuit.com/flowplayer/flowplayer.commercial-3.1.3.swf",
{ key: '$5f6958d93f75903d9f8',
clip: {
autoPlay: false,
autoBuffering: false
}
});
</script>
</body>
</html>
__________________
Rick
PB Media
Drawing images on your screen!
|
