HTML - How To Move An Automatically Generated Number?
Ok, I'm sure the title was very vague, but I didn't know how to ask this.
Lets say, for example, I have a view count for certain page on my website that is automatically generated. I want to take that number, and have it also automatically generated on another page, that links to that page. So say I have a page about elephants that has a view count of 57. I want to have on another page a picture of an elephant (that is also a link) and beside that picture, I want it to say View Count: 57. Is there some type of javascript or html coding or something I can do to make this happen? Please help. Similar TutorialsHi I have a web site which captures visitors details currently using Formail, the online version. This ensures that all fields are entered and sends the information to me in an e-mail. The web site was created in Net Objects Fusion version 7. I have some web design experience but not that much. I can ammend HTML rather than start from scratch. I am testing a product called Salesforce.com which has the ability to capture leads and populates a contact management database which you use as a sales tool. This has the advantage of doing away with the e-mails, having to print them off and re keying the data into our current sales sytem. Salesforce.com lets you generate some HTML which you plug into your web site, which I have managed to do. However, it does not validate the fields so someone could leave everything blank which would then create a blank lead record in Salesforce.com. I have been told that i need to amend the HTML by hand but do not have a clue where to start. If anyone can either help me out with the HTML or suggest a better solution I would be very grateful. The HTML it has generated is below <!-- ---------------------------------------------------------------------- --> <!-- NOTE: Please add the following <META> element to your page <HEAD>. --> <!-- If necessary, please modify the charset parameter to specify the --> <!-- character set of your HTML page. --> <!-- ---------------------------------------------------------------------- --> <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8"> <!-- ---------------------------------------------------------------------- --> <!-- NOTE: Please add the following <FORM> element to your page. --> <!-- ---------------------------------------------------------------------- --> <form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST"> <input type=hidden name="oid" value="00D2000000060Zj"> <input type=hidden name="retURL" value="http://www.withdeanfc.co.uk"> <!-- ---------------------------------------------------------------------- --> <!-- NOTE: These fields are optional debugging elements. Please uncomment --> <!-- these lines if you wish to test in debug mode. --> <!-- <input type="hidden" name="debug" value=1> --> <!-- <input type="hidden" name="debugEmail" --> <!-- value="stevematthews@utilitymatters.com"> --> <!-- ---------------------------------------------------------------------- --> <label for="last_name">Last Name</label><input id="last_name" maxlength="40" name="last_name" size="20" type="text" /><br> <label for="company">Company</label><input id="company" maxlength="40" name="company" size="20" type="text" /><br> <label for="phone">Phone</label><input id="phone" maxlength="40" name="phone" size="20" type="text" /><br> <label for="email">Email</label><input id="email" maxlength="80" name="email" size="20" type="text" /><br> Utility Spend:<input id="00N200000018UPJ" name="00N200000018UPJ" size="20" type="text" /><br> <input type="submit" name="submit"> </form> Kind Regards Steve Matthews Hi Folks, I've been trying (to no avail) to add social media icons to my site. I can't get any of them to work individually, much less together. I have a feeling that something with my css is preventing them from showing up. They're not displaying in Firefox or IE. I've cleared the cache, regenerated the iFrame code from the twitter, facebook, etc. and reposted but I get nothing. The odd thing is that I have an iFrame Google Calendar that shows up perfectly on the page directly above where I'm trying to add the iFrame social media icons. Help? Here's the html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="The Pakistan Cauldron" /> <meta name="keywords" content="Pakistan, Cauldron, James, Farwell, Benazir, Bhutto, Afghanistan, India, Iran, Iraq, United States of America, US" /> <meta name="author" content="Beau Babst" /> <link rel="stylesheet" type="text/css" href="PakistanCauldron.css" title="The Pakistan Cauldron" media="screen,projection" /> <title>Pakistan Cauldron</title> </head> <body> <div id="wrap"> <h1><a href="index.html">The Pakistan Cauldron</a></h1> <p class="slogan">Conspiracy, Assisination, & Instability</p> <p class="toptabs"> <strong class="hide">Main menu:</strong> <a class="toptab" href="index.html">Home</a><span class="hide"> | </span> <a class="toptab" href="about.html">About</a><span class="hide"> | </span> <a class="toptab" href="advancepraise.html">Advance Praise</a><span class="hide"> | </span> <a class="toptab active" href="theauthor.html">The Author</a><span class="hide"> | </span> <a class="toptab" href="Comments.html">Comments</a><span class="hide"> | </span> <a class="toptab" href="Events.html">Events</a><span class="hide"> | </span> <a class="toptab" href="Contact.html">Contact</a> </p> <div id="maincontent"> <h2>James P. Farwell's Events </h2> <iframe src="https://www.google.com/calendar/embed?showTitle=0&showPrint=0&showCalendars=0&mode=AGENDA&height=500&wkst=1& bgcolor=%23FFFFFF&src=james%40jamespfarwell.com&color=%232952A3&ctz=America%2FChicago" style=" border-width:0 " width="725" height="500"frameborder="0" scrolling="no"></iframe> <br /> <br /> <div id="wrap"> <a class="bodysubmenu" href="theauthor.html" text-align="center">1</a><span class="center"> | </span> <a class="bodysubmenu active1" href="theauthor2.html" text-align="center">2</a><span class="center"> | </span> </div> <p></p> <p class="bottomlinks"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="platform.twitter.com/widgets/follow_button.html?jamespfarwell=twitterapi" style="width:300px; height:20px;"></iframe> | <a href="#">Bottom link 2</a> | <a href="#">Bottom link 3</a> | <a href="#">Bottom link 4</a> | <a href="#">Bottom link 5</a> | <a href="#">Bottom link 6</a></p> </div> <p class="footer">Copyright © 2011 <br /> <a href="index.html">Beau Babst & James Farwell</a><br /> Published by Potomac Books<br /> </p> </div> </body> </html> And the relevant CSS: body {padding:0; margin:0; font:76% Verdana, Arial, Helvetica, Futura, sans-serif; color:#657383; border-top: 0px solid #444; text-align:center; line-height:1.5em; background-image:url('plaster.jpg');background-repeat:no-repeat; background-attachment:fixed;} #wrap {width:760px; text-align:center; margin:0 auto;} #maincontent {background:#FFFFFF; text-align:left; border:4px solid #666; padding:15px 15px 5px 15px; margin:0 0 15px 0;} a {text-decoration:none; font-weight:700; color:#9D9C9C;} a:hover {text-decoration:underline;} a img {border:0;} h1 {margin:15px auto 10px auto; padding:0; font-size:2.6em; color:#BCBCBC; letter-spacing:-2px; line-height:1.2em;} h1 a {color:#000000; font-weight:700; text-decoration:none;} h1 a:hover {color:#413D32; text-decoration:none;} h2 {margin:0 0 12px 0; padding:12px 6px 12px 15px; background:#1a1a1a url(bodybg.jpg) top center no-repeat; border-left:4px solid #9d9c9c; color:#ddd; font-size:1.5em; font-weight:400;} h2 a {font-weight:400;} h3 {font-size:1.4em; font-weight:400; margin:0 0 10px 0;} p {margin:0 0 15px 0;} p2 {margin 0 0 12px 0; padding: 12px 6px 12px 15px; text-align:center} ul {list-style-type: none; margin:0 0 15px 20px; padding:0; text-align:center} li {margin:0; padding:0 0 0 5px; text-align:center;} blockquote { font: 1.2em/1.6em Verdana, Arial, Helvetica, Futura, sans-serif; width: 400px; background: url(close-quote.gif) no-repeat right bottom; padding-left: 18px; text-indent: -18px; } blockquote:first-letter { background: url(open-quote.gif) no-repeat left top; padding-left: 18px; font: bold italic 1.4em Verdana, Arial, Helvetica, Futura, sans-serif; } .slogan {color:#444; font-size:1.4em; margin:0 0 15px 0; padding:0; font-style:italic} .toptabs {clear:both; font-size:1.4em; line-height:1.5em; color:#aaa; margin:0 0 15px 0;} .toptab {padding:3px 10px 5px 10px; font-weight:400; margin:0 2px; color:#444;} .toptab:hover {background-color:#444; color:#fff; text-decoration:none;} .active {background-color:#444; color:#fff;} .active:hover {background-color:#444; color:#fff;} .active1 {text-decoration:underline} .active1:hover {background-color:#444; color:#fff;} .bottomlinks, .bottomlinks a {text-align:center; color:#888; font-size:0.9em; font-weight:400; margin:5px auto;} .footer, .footer a{color:#FFF; font-weight:400;} .hide {display:none;} .alignLeft { float:left; margin-right: 1em; } .alignRight { float:right; margin-left: 1em; } .center{margin-left:auto;margin-right:auto;width:70%; background-color:fffff; } .bodysubmenus {clear:both; font-size:1.4em; line-height:1.5em; color:#aaa; margin:0 0 15px 0;} .bodysubmenu {clear:both; font-size:1.3em; line-height:1.5em; color:#aaa; margin:0 0 15px 0; text-align:center} .bodysubmenu:hover {background-color:#444; color:#fff; text-decoration:none;} hello, I have a form it works perfect, i use natemail, however i wanted to know if there is a way that when the customer hits submit and they get that thank you page, if they can also get a "generated tracking number or referece number".. or something of that sort.. if someone can help me please reply... I can post my scrip.. even though I have Previously, posted this tread in php scrip, lots of view but no one has posted any reply, can some just tell me if its possiable? or is there anything similar, i need some guidence... thanks This might be a silly question but I have my dads resume posted on his site: http://artekengineering.com/ (and click resume button) It was done in word and saved as html. My question is is there a way to make the text a certain size (white space around it on the page) and static on the page instead of it resizing and filling the whole web page? Thanks Hey guys I'm new here. I have static HTML generated code from a 3rd part website via some php code that I am given. I would like to customize this code (which is all in table format) as much as possible so that I can make it look ALOT BETTER... with CSS or maybe even some Javascript or PHP code of my own. I just don't know what is possible or maybe this is not possible... Here is an example of table html code that gets generated that I have: http://www.acne-skin.org/testtt.php Thank you for any help, Travis Hi all. Please look at: http://bartending.com/drinks_recipes/Sangria.html The box towards the bottom of the middle section which starts out as: 1 Comment is a <tr><td> in a table, however, I can't get it to move closer to the one above it. I tried adding style="margin-bottom:0px;" to the previous <tr>, but that didn't work either. Any help you have would be much appreciated =) Light and Love and Healing to you, -Patrick Arden McNally I have these images and text. Is there any code I can use to move these 7 lines over to the right a little? Thanks. Code: <font face="Arial" color="#000000" size="3"><IMG src="/images/hphone.gif"> <a href="?action=login"> Home</a><br><br> <IMG src="/images/hphone1.gif"><a href="?action=register"> Register</a><br><br> <IMG src="/images/hphone2.gif"> <a href="?action=faq"> FAQ</a><br><br> <IMG src="/images/hphone3.gif"> <a href="? action=terms"> Terms Of Use</a><br><br> <IMG src="/images/hphone4.gif"> <a href="?action=contact"> Contact Us</a><br><br> <IMG src="/images/hphone5.gif"><a href="?action=forgotpass"> Forgot Password</a><br><br> <IMG src="/images/hphone6.gif"><a href="?action=forgotusername"> Forgot Username</a><br></font> I have a review page at: http://www.bestsellersworld.com/revi...ightingale.htm I had something under the Amazon.com buy box but removed it. Now I have a space there. I would like the text that starts "What is different about these bodies? " to move over to the left. How can I do this? I've been trying to move the top navigation on this website I'm creating for a restaurant, but it won't move right. Here is the index page: http://www.organicgardencafe.com/web...02-3-2010.html and the css: #color1 a:link{ color:#03F; text-decoration:none; font-weight:normal; } #color1 a:visited { color:#03F; text-decoration:none; font-weight:normal; } #color1 a:hover {color:#39F; text-decoration:none; font-weight:normal;} #color1 a:active {color:#03F; font-weight:normal; } #color2 a:link{ color:#FFF; text-decoration:none; font-weight:normal; } #color2 a:visited { color:#FFF; text-decoration:none; font-weight:normal; } #color2 a:hover {color:#e4cb54; text-decoration:none; font-weight:normal;} #color2 a:active {color:#FFF; font-weight:normal; } body{ background-color:#e4cb54; } div.temp{ background-position: center top; background-image:url(images/blanktemplate.jpg); background-repeat:no-repeat; height:960px; width:1440px; } navigation bar --!> li.home{ margin-left:100px; } li.about{ margin-left:38px; } li.menu{ margin-left:40px; } li.knowledge{ margin-left:38px; } li.ordering{ margin-left:36px; } li.classes{ margin-left:40px; } li.press{ margin-left:28px; } #major_nav ul li { float:left; display:inline; font-family:Helvetica; font-size:16px; color:#FFF; ; } #major_nav ul { margin-left: 200px; margin-top:10px; width:900px; } #news ul li a{ list-style-type:none; } #mission{ font-family:Helvetica; font-size:13px; float:right; width: 230px; height:300px; clear:left; margin-right:12px; text-align:justify center; margin-top:35px; } #pictures{ margin-right:185px; margin-left:10px; float:right; clear:both; width:503px; margin-top:98px; } #whatsnew{ float:right; width: 50px; clear:left; margin-top:115px; margin-right:20px; } #new1{ float:right; clear:left; margin-right:10px; margin-left:50px; margin-top:115px; } #new2{ float:right; clear:both; margin-right:260px; margin-left:10px; margin-top:115px; } div.newsletter{ font-family:Arial Narrow Normal, sans-serif; color:#404e3e; font-size:24px; margin-left:280px; margin-top:140px; margin-bottom:0px; } li.follow{ font-family:Arial Narrow Normal, sans-serif; color:#404e3e; font-size:24px; margin-left:238px; margin-top:20px; margin-bottom:0px; } div.giftcards{ font-family:Arial Narrow Normal, sans-serif; color:#404e3e; font-size:20px; margin-left:275px; } div.info{ font-family: Helvetica; font-size:14px; color:#FFF; margin-left:275px; margin-top:5px; } div.boston{ margin-left:270px; } .blue{ color:#039; font-size:17px; text-align:center; } .new_sub1{ display:inline; font-family:Helvetica; font-size:20px; color:#10155d; margin-bottom:10px; } .new_sub2{ display:inline; font-family:Helvetica; font-size:14px; } .new_sub3{ display:inline; font-family:Helvetica; font-size:13px; } .email_list{ list-style-type:none; margin-left:240px; } .email_sub1{ font-family:Helvetica; font-size:14px; margin-top:0px; } .email_sub2{ font-family: ; font-size:14px; margin-top:10px; } .email_sub3{ font-family: Helvetica; font-size:14px; color:#FFF; margin-top:7px; margin-bottom:40px; } .new2_sub1{ display:inline; font-family:Helvetica; font-size:20px; color:#10155d; } .new2_sub2{ font-size:13px; font-family:Helvetica; margin-top:20px; list-style-type:circle; margin-left:15px; } .new2_sub3{ display:inline; font-family:Helvetica; font-size:13px; margin-left:18px; } .adress{ text-align:center; color:#404e3e; margin-top:40px; margin-right:450px; float:right; clear:both; } I'm trying to transfer the work i did on one page and move it to my new page. I want to move this content: Code: <ul > <p><strong>Alberta</strong></p> <li>Airdrie</li> <li>Brooks</li> <li>Calgary</li> <li>Camrose</li> <li>Cochrane</li> <li>Edmonton</li> <li>Fort McMurray</li> <li>Grande Prairie</li> <li>Leduc</li> <li>Lethbridge</li> <li>Medicine Hat</li> <li>Okotoks</li> <li>Red Deer</li> <li>Saint Albert</li> <li>Spruce Grove</li> </ul> <ul> <p><strong>British Columbia</strong></p> <li>Abbotsford</li> <li>Campbell River</li> <li>Chilliwack</li> <li>Courtenay</li> <li>Duncan</li> <li>Kamloops</li> <li>Kelowna</li> <li>Nanaimo</li> <li>Penticton</li> <li>Port Alberni</li> <li>Prince George</li> <li>Vancouver</li> <li>Vernon</li> <li>Victoria</li> <li>White Rock</li> </ul> <ul> <p><strong>Manitoba</strong></p> <li>Altona</li> <li>Brandon</li> <li>Dauphin</li> <li>Flin Flon</li> <li>Morden</li> <li>Neepawa</li> <li>Selkirk</li> <li>Steinbach</li> <li>Stonewall</li> <li>Swan River</li> <li>The Pas</li> <li>Thompson</li> <li>Virden</li> <li>Winkler</li> <li>Winnipeg</li> </ul> <ul> <p><strong>New Brunswick</strong></p> <li>Bathurst</li> <li>Campbellton</li> <li>Caraquet</li> <li>Dalhousie</li> <li>Edmundston</li> <li>Fredericton</li> <li>Grand Falls</li> <li>Moncton</li> <li>Oromocto</li> <li>Saskvillee</li> <li>Saint John</li> <li>Saint Stephen</li> <li>Shediac</li> <li>Sussex</li> <li>Woodstock</li> </ul> <ul> <p><strong>Newfoundland and Labrador</strong></p> <li>Bay Roberts</li> <li>Carbonear</li> <li>Channel-Port aux Basques</li> <li>Conception Bay South</li> <li>Corner Brook</li> <li>Gander</li> <li>Goose Bay</li> <li>Grand Bank</li> <li>Grand Falls-Windsor</li> <li>Labrador City</li> <li>Marystown</li> <li>Mount Pearl</li> <li>Paradise</li> <li>Saint Johns</li> <li>Stephenville</li> </ul> Code: ul { float: left; width:auto list-style-type: none; } To this page: Code: <div id="content"> <span> <ul style="list-style-type: none; display: inline-block;"> <li><strong>Alberta</strong></li> <li><strong>British Columbia</strong></li> <li><strong>Manitoba</strong></li> <li><strong>New Brunswick</strong></li> <li><strong>Newfoundland and Labrador</strong></li> <li><strong>Nova Scotia</strong></li> <li><strong>Ontario</strong></li> </ul> <ul style="list-style-type: none; display: inline-block;"> <li>Calgary</li> <li>Kamloops</li> <li>Altona</li> <li>Bathurst</li> <li>Bay Roberts</li> <li>Amherst</li> <li>city name</li> <li>Edmonton</li> <li>Kelowna</li> <li>Brandon</li> <li>Campbellton</li> <li>Carbonear</li> <li>Antigonish</li> <li>city name</li> <li>Lethbridge</li> <li>Nanaimo</li> <li>Dauphin</li> <li>Caraquet</li> <li>Channel-Port</li> <li>Bridgewater</li> <li>city name</li> <li>Red Deer</li> <li>Penticton</li> <li>Flin Flon</li> <li>Dalhousie</li> <li>aux Basques</li> <li>Glace Bay</li> <li>city name</li> <li> </li> <li>Prince Rupert</li> <li>Morden</li> <li>Edmundston</li> <li>Conception Bay</li> <li>Halifax</li> <li>city name</li> <li> </li> <li>Tofino</li> <li>Neepawa</li> <li>Fredericton</li> <li>South</li> <li>Kentville</li> <li>city name</li> <li> </li> <li>Vancouver</li> <li>Selkirk</li> <li>Grand Falls</li> <li>Corner Brook</li> <li>New Glasgow</li> <li>city name</li> <li> </li> <li>Victoria</li> <li>Steinbach</li> <li>Moncton</li> <li>Gander</li> <li>New Waterford</li> <li>city name</li> <li> </li> <li>Whistler</li> <li>Stonewall</li> <li>Oromocto</li> <li>Goose Bay</li> <li>Pictou</li> <li>city name</li> <li> </li> <li>Williams Lake</li> <li>Swan River</li> <li>Sackville</li> <li>Grand Bank</li> <li>Port Hawkesbury</li> <li>city name</li> <li> </li> <li> </li> <li>The Pas</li> <li>Saint John</li> <li>Saint John</li> <li>Grand Falls</li> <li>Springhill</li> <li> </li> <li> </li> <li> </li> <li>Thompson</li> <li>Saint Stephen</li> <li>-Windsor</li> <li>Sydney</li> <li> </li> <li> </li> <li> </li> <li>Virden</li> <li>Shediac</li> <li>Marystown</li> <li>Sydney Mines</li> <li> </li> <li> </li> <li> </li> <li>Winkler</li> <li>Sussex</li> <li>Mount Pearl</li> <li>Truro</li> <li> </li> <li> </li> <li> </li> <li>Winnipeg</li> <li>Woodstock</li> <li>Paradise</li> <li>Yarmouth</li> <li>city name</li> <li> </li> <li> </li> <li> </li> <li> </li> <li>Saint Johns</li> <li> </li> <li>city name</li> <li> </li> <li> </li> <li> </li> <li> </li> <li>Stephenville</li> <li> </li> <li>city name</li> <li> </li> </ul> <hr> <ul style="list-style-type: none; display: inline-block;"> <li><strong>Prince Edward Island</strong></li> <li><strong>Quebec</strong></li> <li><strong>Saskatchewan</strong></li> </ul> <ul style="list-style-type: none; display: inline-block;"> <li>city name</li> <li>city name</li> <li>city name</li> </ul> <span> </div><!-- End content--> Code: @charset "UTF-8"; /* CSS Document */ #wrapper { background-color:#FFF; width: 780px; margin: auto; } /* --- navigation starts --- */ #header { width: 100%; height: 229px; margin: auto; } #header img { width: 100%; height: 100%; } ul { display: block; width: 100%; font-family: Arial, Verdana; font-size: 14px; margin: 0; padding: 0; list-style: none; } ul li { width: 111px; text-align: center; display: block; position: relative; float: left; } li ul { display: none; position: relative; z-index: 1; } ul li a { display: block; text-decoration: none; color: #ffffff; border-top: 1px solid #ffffff; padding: 5px 15px 5px 15px; background: #2C5463; margin-left: 1px; white-space: nowrap; } ul li a:hover { background: #617F8A; } li:hover ul { display: block; position: absolute; } li:hover li { float: none; font-size: 11px; } li:hover a { background: #617F8A; } /* --- navigation ends --- */ /* --- information starts --- */ #content { position: relative; top: 40px; font-size:16px; font-family: Verdana, Geneva, sans-serif; } #footer { margin-top: 100px; text-align: center; } /* --- information ends --- */ /* --- Advertising starts --- */ #adverts { width: 95%; margin: auto; text-align: center; /* Only to align alternate image text for visulization */ } #adverts #addWarning { float: left; font-size: smaller; } #adverts #single { clear: both; } #adverts #single img { width: 100%; } #adverts .double img { width: 50%; display: inline-block; float: left; } #adverts .trible img { width: 33%; display: inline-block; float: left; } /* --- Advertising Ends --- */ Hi all, how can we move images like in this website http://www.kagancreative.com/portfolio.html left to right and right to left please help me I know this is something simple, but I can't remember how its done. But how can I have a form go to the bottom of a page? I'm making a chat, and everything works fine. Except whenever you submit something it goes back to the top of the page. So how do I force it to the bottom? Hello. I have text at the top right, "A Site for All Nations to Share their Knowledge!" and I need to move it to the left a bit so its not overlapping the sun image. I appreciate You! I have a basic search engine and the results page is a list of the results. The top of the results page is the header, listing the categories while the rest of the page is just a nested loop getting data from the database and listing it in the columns. Does anyone know how to make the header section not move when I scroll down? I would like to have it stay at the top no matter what while I scroll through the list of results. Thanks for your time, sorry if this is a really simple question, or if this is in the wrong forum. hello the original website is 'http://www.buddysauctions.com/ and when u scroll down you can see that the "Member Login" box is on the left. I wanna move it to the right like me photoshop print screen i know that i have to cut the php code from my php file and create a new php file and put it in but i dont know how to put it exactly where my printscreen shows. thanks a lot for your interest i hope you can help me ) thanks again edit: i also would like to have some empty boxed under the member login so i can put adverts in them edit2: my member login box as you can see in the printscreen PHP Code: <tr> <td><FORM name=loginForm action="login.php" method=post> <div align="center"></div> <table width="262" border=0 align=center cellpadding=5 cellspacing=0> <tbody> <tr valign=center> <?php if(!isset($_SESSION["userid"])) { ?> <td colspan="2" background="http://www.overclock.net/images/bgyell2.gif" class="sideheadingtd" ><strong><img src="http://www.overclock.net/images/squareswhite.gif" width="10" height="12" align="absmiddle"> <font size="2" face="Arial, Helvetica, sans-serif" font color="#ffffff">Member Login</font></strong></td> </tr> <tr valign=center> <td bgcolor="#f5f5f5"> <div align=right><font color="#000000" size="1"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Username</font></strong></font></div></td> <td width="97" bgcolor="#f5f5f5"><font color="#000000"> <input name=UserName class="box1" size="13"> </font></td> </tr> <tr valign=center> <td bgcolor="#f5f5f5"> <div align=right><font color="#000000" size="1"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Password</font></strong></font></div></td> <td bgcolor="#f5f5f5"><font color="#000000"> <input name=Password type=password class="box1" size="13"> </font></td> </tr> <tr align=right> <td colspan=2 bgcolor="#f5f5f5"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="67%"><p class="style2"><a class="insidelink" href="signup.php">:: Signup Now::</a><br> <a class="insidelink" href="lostpassword.php">:: Lost Password ::</a></p></td> <td width="33%"> <div align="left"> <font color="#000000"> <input type="submit" name="Submit" value="Sign In" class="btn"> </font></div></td> </tr> </table></td> <?php }?> </tr> <tr align=right> <td colspan=2> </td> </tr> </tbody> </table> <div align="center"></div> </FORM></td> </tr> I have a table with 5 images in one row. In 4 of them the four images are of words for a navigation bar. Each word is black and right below it is the same word in color. When the mouse hovers over the four words I would like the image to raise up so that the colored words are shown. Here is what I have so far: Code: <table> <tr> <td><a href="" target="_new"><img src="menu/Logo.png" width="139" height="155" alt="Back to home page" border="0"></a></td> <td><a href="" target="_new"><img src="menu/Drafting.png" width="98" height="65" alt="Drafting" border="0"></a></td> <td><a href="" target="_new"><img src="menu/Programming.png" width="157" height="65" alt="Programming" border="0"></a></td> <td><a href="" target="_new"><img src="menu/Resume.png" width="93" height="65" alt="Resume" border="0"></a></td> <td><a href="" target="_new"><img src="menu/Contact.png" width="96" height="65" alt="Contact" border="0"></a></td> </tr> </table> Is it possible to move the images like this or do I need to use a background image instead? I found this script I like and want tou use. But I want to move the CSS from the the HTML file to it's own CSS file. i have an <object> that i would like to move up and down along with the user's reading so that the links menu is always there for them, does any1 know a way i can set this up cuz that would be the coolest thing ive seen banners that do this but couldnt figure out the exact code causing the effect on the page hi, as i try to make a round html table, i encounter a problem with a space, i donna want to make this in css!. Pls someone can help me out with it? Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Language" content="en-us"> <link rel='stylesheet' href='style.css' type='text/css' /> <title>Awortinkos</title> <!--Fireworks CS3 Dreamweaver CS3 target. Created Sun Feb 17 22:55:26 GMT+0500 (West Asia Standard Time) 2008--> </head> <br> <table align='center' width='60%' cellspacing="4" cellpadding='0'> <tr> <td align='center' width='80%'> <table width="900" align=center cellpadding="0" cellspacing="0" border="0" style="background-color: #393939; border-bottom-width:0px"> <tr> <td width="14"><img src="http://www.awortinkos.com/test2/images/1.gif" width="14" height="14" border="0" alt="..." /></td> <td width="171" style="border-top-style: solid; border-top-width: 1px" bordercolor="#008000" rowspan="2"> <p align="center"><b><font face="Verdana" size="2" color="#FFFFFF">chatroom</font></b></td> <td width="701" style="border-top-style: solid; border-top-width: 1px" bordercolor="#008000" rowspan="2"> <p align="center"><b><font face="Verdana" size="2" color="#FFFFFF">content</font></b></td> <td width="14"><img src="http://www.awortinkos.com/test2/images/2.gif" width="14" height="14" border="0" alt="..." /></td> </tr> <td> </td> </table> <body bgcolor="#eeeee4" topmargin="0" valign=top leftmargin="0"> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="927" > <!-- fwtable fwsrc="temp.png" fwpage="Page 1" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "355425286" fwnested="0" --> <tr> <td width="13"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="12" height="1" border="0" alt="" /></td> <td width="6"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="6" height="100%" border="0" alt="" /></td> <td width="179"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="165" height="1" border="0" alt="" /></td> <td width="527"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="484" height="1" border="0" ></td> <td width="179"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="166" height="100%" border="0" alt="" /></td> <td width="7"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="4" height="1" border="0" alt="" /></td> <td width="14"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="12" height="1" border="0" alt="" /></td> <td width="2"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td rowspan="6" width="13" > </td> <td rowspan="6" valign="top" bgcolor="#393939" width="6"> </td> <td valign="top" width="179"> </td> <td colspan="2" valign="top" width="706"> <p align="center"></td> <td rowspan="8" valign="top" bgcolor="#393939" width="6"> :</td> <td rowspan="6" </td width="14"> <td width="2" rowspan="4"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="1" height="168" border="0" alt="" /></td> </tr> <tr> <td valign="top" width="179" rowspan="2"> </td> <td colspan="2" valign="top" width="706"> </td> </tr> <tr> <td colspan="2" valign="top" width="706" rowspan="2"> <p> </p> <p> </p> <p> </p> <p> </td> </tr> <tr> <td valign="top" width="179"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </td> </tr> <tr> <td colspan="3"> <table border="0" cellpadding="6" cellspacing="0" width="100%" background="images/menu_back.jpg"> <tr> <td width="100%" align="right"> </td> </tr> <tr> <td width="100%" align="right" bgcolor="#393939"> </td> </tr> </table> </td> <td width="2"><img src="http://www.awortinkos.com/test2/images/spacer.gif" width="1" height="22" border="0" alt="" /></td> </tr> Hello, I have about 25-30 pages on my site. It has a link navigation menu and a sidebar on the left with newsletter opt in, products for sale, etc... I was wondering if there was a way to change/ edit the contents of the sidebar on EVERY PAGE without having to manually go in and change the updated HTML code on every single page. Is there a script that i can use to make this happen that I can just edit the sidebar and it will "update" the sidebar on all 30 pages accordingly?? Rather than manually doing this 30 times for every page my website is http://www.optimumtennis.net thanks in advance |