|
HTML - Edit <div> Scrolling Text Box
Hey all.
First post here, but I've been around for a few weeks, just not registered. Actually I have a problem. I am using Dreamweaver to make a website. In the News page, I put a scrolling textbox using the div tags and it all worked pretty well, but now I would like to edit that textbox, customize the look of it. I've seen it done in other sites, but I'm not sure its HTML. Actually what I want to do is change the BG color, change the color and style of the scoll bar (For example a red dot instead of the original blue/grey bar, if its possible). I know I've seen on another site, someone changed the bar, he made it more square and changed the color or opacity, kindda what I want to do. If you have a page will all the codes, which is probably hard to find, that would be the best Also, I tried adding a border with <div style="overflow=auto [etc] border=3px solid" but it didnt change a thing. Can anyone help me with those problems please? Thanks PS: Ill try adding the full code later, but its home and Im at school. Can anyone tell me how to do the thing in which you add the code which looks different from the rest of the text? Similar TutorialsHow do i edit a webpage? I copied some code from an online tutorial, and I wanted to make changes to it, but I can't. I'm using OS X and Safari. I can open the page in Safari (It's saved in html), but when I choose 'view source' it only displays the code, but I can't change anything. What am I missing? Is there a way through HTML forms, CGI, Perl, or javascript to have a visitor to a page edit the text of an html document? Example: I have a fantasy basketball league website with roster pages for each participant. I want to allow them to login to their individual page and move their players around from a bench position to a starter and vice versa. I use Tripod as my hosting site. Thanks for any suggestions!!! hello, I'm new to HTML programming, but I'm old to C programming. My question is how can i write something through NAMO WEBEDITOR that satisfy my need. My need is just to write a text in my web page where anyone can add something to it. It's more or less similar to wikipedia but only add something at the end of the text. Thanks in advance Hello, I made this little scrolling text but it has some problem when using FireFox, so I wanted ti know if there is any way that I can make the scrolling text only appear when the page is finish loading? hello friends, I want to display the text in a textbox. But I dont want the user to edit it. How can the remove this editing feature in the text box. If possible can you please give me a sample code. I'm trying to apply simple formatting (i.e., bold, italic, etc.) to a scrolling text box on my site: www.soulsticemarketing.com/faq.htm Does anyone know how to do this? I'm trying to update my web page, but I can't get this scroll to appear. It works when I open the notepad code with the browser, but not when I try to update the site. Here is a copy of what I've done. <strong>CULTURE</strong> You'll meet the people, sit with them, eat with them. You'll see how they live. Visit everything from local shops to the cattle posts in the bush. </ul class="bulettext> <div align="center"><FONT size="+1"><MARQUEE direction="right" loop="40" width="90%"><STRONG>Check us out on Facebook and YouTube! >>>>>></STRONG></MARQUEE></FONT></DIV> <div style="position:absolute;top:650px;left:500px"> The blue font is the part I added for the marquee. What am I missing? Thanks for your assistance. Hello all, i hope i have posted in the correct place. I am wondering if anyone is able to help me or even guide me in the right place. I am looking to create a verticle scrolling box that has a thumbnail inside and text to go below it. I am looking to have say other website screen shots with a short description below, all hyper linked. The thing is i would like to add multiple thumbnails and text. Would using a marque be the correct way to go about doing this? or is there other ways? Any help is appreciated, i am a novice so any help and guidence is great. Thanks for your help in advance Hello i have a simple site with a background color, and image and a scrolling text box. What is the appropriate code to position the box using the image as the reference point, not the corner of the screen so the text always goes to the same spot on the screen. Code: <div align="center"><img src="EA-vendorapplicationimage.jpg" alt="Eclectic Affinity Vendor Information Form - Become an Eclectic Affinity WHole Sale Vendor" align="absmiddle"></div> <body> <div class="ss-base-body" dir="ltr"> <div style=" overflow:auto; position:absolute; height:509px; width: 698px; top:172px; left:241px;"> The code above works to keep the box in one location, but that location is from the top left of the screen which is only useful if everyone used the same screen. Thanks Hi all. I'm and HTML Newbie and am building a quick and easy site for someone. The way I typically do it for these type of "brochure" style sites is to simply lay everything out in photoshop. Slice it up save as HTML and then edit in Dreamweaver. Here is the HTML as it is now: Quote: <html> <head> <title>JessicaSite</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <p> </p> <!-- Save for Web Slices (JessicaSite.psd) --> <table width="948" height="605" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01"> <tr> <td colspan="5"><img src="images/Services_01.jpg" width="948" height="518" alt=""></td> </tr> <tr> <td><a href="Home.html"><img src="images/Services_02.jpg" alt="" width="176" height="87" border="0"></a></td> <td><a href="Services.Html"><img src="images/Services_03.jpg" alt="" width="178" height="87" border="0"></a></td> <td><a href="Gallery.Html"><img src="images/Services_04.jpg" alt="" width="180" height="87" border="0"></a></td> <td><a href="Designer.Html"><img src="images/Services_05.jpg" alt="" width="193" height="87" border="0"></a></td> <td><a href="Contact.Html"><img src="images/Services_06.jpg" alt="" width="221" height="87" border="0"></a></td> </tr> </table> <!-- End Save for Web Slices --> </body> </html> Pretty simple. In the first Table I'd like to be able to put text in there and have it scroll. How do I do this? I've already tried putting a div style="overflow:auto; tag around the first table but that definitely didn't work. Any suggestions? Bare in mind I know NO CSS and only the basics of HTML. Alright, I'll admit up front that while I know very bare basics of HTML, I mostly just deal with Photoshop and the like, so I'm not much of a webmaster. That being said, here's my question: I have a site split up into tables, and I would like to place a scrollable section in the middle (where I can put whatever amount of text I need), but also place a non-scrolling image behind it. Does that make sense? If not, then I could try to explain further. Any help would be great. I have a scrolling text bar going across my site, but I would like to limit the amount of times it will scroll. It seems kind of annoying to be scrolling forever. Ideally, the text would scroll 3 times and then disapear. Any help would be great. Thanks, Scott Here is the code: <marquee behavior="scroll" scrollamount="1" scrolldelay="15" direction="up" width="250" height="87" style="font-family: Verdana; font-size: 9pt;"> <font color = #ffffff><h5> Komatsu NTC Ltd. Launches Special <br> Machining Center Promotion<br> </h5> <i>Promotion Ends December 6th.<br> To Learn More, Click </font><font color= #b8382d> NEWS. <href="news.html"></font></i> </marquee> Now, how do I have it stop at the last (and stay)? Thanks! Hello all, I'm learning so much studying on a daily basis with html, that I have been making considerable progress, however, if you all could help me "lock" this div layer that I have off to the right of the page from moving that would be grand. You see all I really want on the site is to have content in the middle move as I update and add to it. However when I subtract content or add more content in the middle div box. the right side box will move up or down depending on whether I have added or subtracted content. If you visit http://www.trillionaireme.com that is how I want the site to show on all pages when a link is clicked, however when you click on the "How to Get Started" link http://www.trillionaireme.com/howtogetstarted.html, because I have less content in the middle the right div box moves up. I would like it locked and positioned just as it is displayed on the main page http://www.trillionaireme.com This is the main page: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <title>TrillionaireMe</title> <link rel="shortcut icon" href="images/trillionaireme.ico"> <head><link rel="stylesheet" type="text/css" href="trillionaireme.css" /></head> <body> <h1> </h1> <div class="logo"><a href="http://www.trillionaireme.com"><img class="displayed" src="http://www.trillionaireme.com/images/trillionaireme.jpg" width="196" height="233" border="0" /></a></div> <h1> </h1><p class="borderbottom"> </p> <div class="page"> <h2> <a href="http://www.trillionaireme.com/nutrition.html">Nutrition</a> <a href="http://www.trillionaireme.com/fitness.html">Fitness</a> <a href="http://www.trillionaireme.com/money.html">Money</a> <a href="http://www.trillionaireme.com/relationships.html">Relationships</a> <a href="http://www.trillionaireme.com/parenting.html">Parenting</a> <a href="http://www.trillionaireme.com/music.html">Music</a> <a href="http://www.trillionaireme.com/literature.html">Literature</a> <a href="http://www.trillionaireme.com/you.html">You</a> <a href="http://www.trillionaireme.com/them.html">Them</a> <a href="http://www.trillionaireme.com/vision.html">Vision</a> </h2> <div class="firstindex"><br /><a class="nutrition" href="http://www.trillionaireme.com/"><span class="clickednav">Welcome</span></a><br /><a class="nutrition" href="http://www.trillionaireme.com/howtogetstarted.html">How To Get Started</a></div> <div class="secondindex"><a class="nutrition" href="http://www.trillionaireme.com/joinourmailinglist.html">Join Our Mailing List</a><br /></div> <div class="sitelastupdated">This site was last updated on: Tuesday, May 24, 2011 @ 12:47 PM</div> <div class="welcomemessage">"What are you doing right now? Besides reading this, are you doing something that's getting you closer to living the life? The real life. I'm not talking about a better job. A couple more days off. A nice raise. I'm talking about the life you see in your dreams. The one you wish for when no one is around. The one you cry yourself sometimes in hopes of a change. The one that makes you say please, and drops you to your knees to just change when you open your eyes. That's the life I'm asking you, are you living? Are you? Dishonesty will only rob you of your time. Time is so precious, and valuable. Always ticking. Always taking. We have no choice, but to make what we can of this racing clock we are living with. If you're not doing something, you're going back tomorrow to whatever it is you know deep down inside was not the way you wanted it to go. This is why this place exists. Finally a place that has the most important areas of our lives broken down, sectioned off, mapped out strictly and purposefully for our advantage. These are the most valuable and precious areas we mustn't forget to keep balanced, along with the people, places, and things in it. Life is not set it and forget it, life is ongoing, changing, and updating. We must lay down the foundation for all generations to come. Here is the foundation, the perfect life compilation. Now get to it, because the clock is ticking, or else, you're going back to the same place tomorrow."<p class="signature">Samuel Sweis (Creator & Founder)</p> <div class="rightbar"><br /></div> </div> </body> </html> This is the link that has less middle content so the box moves up: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <title>TrillionaireMe</title> <link rel="shortcut icon" href="images/trillionaireme.ico"> <head><link rel="stylesheet" type="text/css" href="trillionaireme.css" /></head> <body> <h1> </h1> <div class="logo"><a href="http://www.trillionaireme.com"><img class="displayed" src="http://www.trillionaireme.com/images/trillionaireme.jpg" width="196" height="233" border="0" /></a></div> <h1> </h1><p class="borderbottom"> </p> <div class="page"> <h2> <a href="http://www.trillionaireme.com/nutrition.html">Nutrition</a> <a href="http://www.trillionaireme.com/fitness.html">Fitness</a> <a href="http://www.trillionaireme.com/money.html">Money</a> <a href="http://www.trillionaireme.com/relationships.html">Relationships</a> <a href="http://www.trillionaireme.com/parenting.html">Parenting</a> <a href="http://www.trillionaireme.com/music.html">Music</a> <a href="http://www.trillionaireme.com/literature.html">Literature</a> <a href="http://www.trillionaireme.com/you.html">You</a> <a href="http://www.trillionaireme.com/them.html">Them</a> <a href="http://www.trillionaireme.com/vision.html">Vision</a> </h2> <div class="firstindex"><br /><a class="nutrition" href="http://www.trillionaireme.com/">Welcome</a><br /><a class="nutrition" href="http://www.trillionaireme.com/howtogetstarted.html"><span class="clickednav">How To Get Started</span></a></div> <div class="secondindex"><a class="nutrition" href="http://www.trillionaireme.com/joinourmailinglist.html">Join Our Mailing List</a><br /></div> <div class="sitelastupdated">How to Get Started Using this Site</div> <div class="welcomemessage">TrillionaireMe was designed with you in mind first and foremost. You will find 10 areas of life that play the most important role almost on a daily basis listed above just under the logo starting with "Nutrition" and ending with "Vision". <div class="rightbar"><br /></div> </div> </body> </html> I got a Website, i have almost completed my site. but but but the first page there is a mistake i cant get it to work some1 can help me editting it? www.sinann.dk - you can see the site is runnning to right too munch I have gotten a free template of the internet. And i have know i dea how to edit the content like the bars text and everything in it. I dont have photoshop and was wondering how iam supposed to do this. Hello, sorry for any trouble I may cause but this game maplestory, I am trying to get my account back but I have forgotten the e-mail address to get the account. I have been linked to this page on the website but it gives me only the first letter of my email address followed by @gmail.com It is, l_______@gmail.com Is it possible to edit the source of the page to view the missing letters? Here is the source; 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" />
<title>Change Your Password!</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('input').focus(function(){
$(this).addClass('focused');
$(this).removeClass('filled-out');
});
$('input').focusout(function(){
$(this).removeClass('focused');
if(this.value != 0){$(this).addClass('filled-out')}
});
});
</script>
<link href="http://nxcache.nexon.net/passport/password/css/styles.css" rel="stylesheet" type="text/css"/>
<!--[if IE 6]>
<script type="text/javascript" src="http://nxcache.nexon.net/passport/password/js/ie6-transparency.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.png_bg');
</script>
<style type="text/css">
body.MapleStoryTheme #FormBackground{background-position:20px 0;}
body.MabinogiTheme #FormBackground{background-position:20px 0;}
body.DungeonFighterTheme #FormBackground{background-position:20px 0;}
body.PopTagTheme #FormBackground{background-position:20px 0;}
body.CombatArmsTheme #FormBackground{background-position:22px 0;}
body.iTCGTheme #FormBackground{background-position:20px 0;}
body.NexonTheme #FormBackground{background-position:58px 0;background-color:#f2efe7}
body.NexonTheme .remind-me-later{margin-left:80px}
.remind-me-later{width:180px}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
.remind-me-later{width:180px}
</style>
<![endif]-->
</head>
<body class="MapleStoryTheme no-pw">
<form name="frmReactivationComplete" method="post" action="ReactivationComplete.aspx" id="frmReactivationComplete">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTYwMjg2NzYzM2Rk" />
</div>
<div id="FormBackgroundTop">
<h1 onclick="javascript:window.location.href='http://maplestory.nexon.net/';">Nexon</h1>
<h2>Change your password!</h2>
</div>
<div id="FormBackground">
<span class="game-character png_bg"></span>
<h4>Email Verification Incomplete</h4>
<div class="info-box">
<h3>You’re almost there. Account Activation Link Sent!</h3>
<p><strong>Activate Your Account and You're Ready to Play!</strong><br />
An Account Activation Link has been sent to the email address below:</p>
<p><span>l_______@gmail.com</span></p>
<p><a class="btn-goto-email" href="http://gmail.google.com/">Go to gmail.com now!</a></p>
</div>
<h3>Helpful Tips!</h3>
<div class="tips">
<p>Click the link in the email to automatically activate your account and you’ll be on your way!</p>
<p>If you have not yet received a confirmation email, please be patient. Click your email browser’s refresh button to refresh your inbox.</p>
<p>If you can’t find the email in your inbox, please check your “spam” folder as some email filters will mistakenly redirect this automatically generated message to that folder.</p>
</div>
<p class="please-read large-text">If you no longer have access to this email, please contact Customer Support by <a href="http://www.nexon.net/Support/SupportForm.aspx?view=email&nexonTheme=MapleStory">clicking here</a></p>
<div class="cl"></div>
</div>
<div id="FormBackgroundBot"></div>
</form>
</body>
</html>
Thank you I am trying to help a friend with his website after his admin left. The site was set up years ago and was never finished. He had a simple web form that would send an email using the code below. The previous guy had the output going to himself and then he would fwd to the sites owner. Strange but not sure why. I just went in to edit the email address, but now I get a "The requested URL /_derived/nortbots.htm was not found on this server." after hitting submit. I googled the error and the only thing I can find is that possibly the original page was created in Frontpage and after opening the file in Notepad++ the file lost some FP attribute. Any ideas what I should try? Thanks Here is the code: <html> <head> <title> Newsletter Registration</title> <meta name="description" content="domain.com" /> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <script src="/resource/js/main.js" type="text/javascript"></script> <link href="/resource/css/main.css" type="text/css" rel="stylesheet" media="all" /> </head> <body onload="initJS();"> <div id="wrapper"> <table id="mainTable" cellspacing="0" cellpadding="0"> <tr id="banner"> <td style="font-family:Arial,sans-serif; color:white; text-align:right; vertical-align:middle; padding:5px 30px 0 0;" colspan="3"> <p style="padding:0; margin:0;"> <!--webbot bot="Include" U-Include="resource/include/quicksearch.html" tag="body" startspan--> <form method=get action="/cgi-bin/listman/exec/search.cgi"> <input type="hidden" name="search" value="1"> <input type="hidden" name="perpage" value="10"> <input type="hidden" name="marknew" value="1"> <input type="hidden" name="euro_numbers" value="0"> <input type="hidden" name="sort_order" value="3,abc,forward" /> CITY <select name="lfield3_match" size="1"> <option value="" selected>Any</option> <option>Affton</option> <option>Woodson Terrace</option> </select> ZIP <input type="text" size="10" name="lfield5_match" /> <input type="submit" value="Quick Search" /> </form> <!--webbot bot="Include" i-checksum="56169" endspan --></p> </td> </tr> <tr id="menu"> <td style="vertical-align:top;" colspan="3"> <map id="menu" name="menu"> <area shape="rect"#Home coords="32,4,94,24" href="/index.html" title="Home" /> <area shape="rect"#List Properties coords="151,3,292,26" href="/cgi-bin/listman/exec/search.cgi" title="List Properties" /> <area shape="rect"#Rentals coords="360,4,429,25" href="/rentals.html" title="Rentals" /> <area shape="rect" coords="491,3,604,25" href="./contactus.html" title="Contact Us" /> <area shape="rect"#About Us coords="673,3,773,25" href="/aboutus.html" title="About Us" /> <area shape="rect"#Benjy's Ads coords="832,4,946,26" href="/domain.html" title="Benjy's Ads" /> <area shape="default" nohref="nohref" alt="" /> </map> <img usemap="#menu" style="width:974px; height:30px; padding-bottom:15px; border:0;" src="./resource/image/menu.jpg" title="Home" /> </td> </tr> <tr> <td style="width:30px; height:100%; background:#3300cc url('/resource/image/shadowleft.jpg') repeat-y top left; vertical-align:top; text-align:right"> <div style="height:100%; background:url('/resource/image/bgbottomleftcol.jpg') no-repeat bottom left;"> </div> </td> <td style="width:941px; vertical-align:top;"> <div id="content" style="height:100px; border:1px solid black; overflow:auto; padding:15px; background-color:white;"> <div style="border:1px solid black; background-color:lightgrey;"> <h2 style="padding:5px; margin:0;">Benjys Newsletter Registration</h2> </div> <ul> <li>New Properties "<font color="#0000FF">Last Seven Days</font>", </li> <li>New Properties "<font color="#0000FF">Last 30 Days</font>", and </li> <li>A Complete Listing of all Properties</li> </ul> <p align="center"><font color="#0000FF"><b>To join the Newsletter, just enter the following information below.</b></font></p> <form method="POST" name="registration" action="_derived/nortbots.htm" webbot-action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit=""> <!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" B-Reverse-Chronology="FALSE" S-Email-Format="TEXT/PRE" S-Email-Address="sander.liebert@gmail.com" B-Email-Label-Fields="TRUE" B-Email-Subject-From-Field="FALSE" S-Email-Subject="Info - Benjy's Newsletter Registration Page" S-Builtin-Fields startspan --><input NAME="VTI-GROUP" TYPE="hidden" VALUE="0"><!--webbot bot="SaveResults" endspan i-checksum="37496" --> <div align="center"> <table border="0" width="86%" id="table1"> <tr> <td width="211" align="center">First Name<br> <input type="text" name="First" size="20" style="border: 1px solid #0000FF; background-color:#CCFFFF"> </td> <td width="258" align="center">Last Name<br> <input type="text" name="Last" size="25" style="border: 1px solid #0000FF; background-color:#CCFFFF"> </td> <td align="center">Email Address<br> <input type="text" name="Email" size="40" style="border: 1px solid #0000FF; background-color:#CCFFFF"></td> </tr> <tr> <td width="211"> </td> <td width="258"> </td> <td> </td> </tr> </table> </div> <p align="center"> <input type="submit" value="Submit" name="B1" style="border: 1px solid #0000FF"> <input type="reset" value="Reset" name="B2" style="border: 1px solid #0000FF"></p> </form> </div> </td> <td style="width:30px; height:100%; background:#3300cc url('/resource/image/shadowright.jpg') repeat-y top right; vertical-align:top"> <div style="height:100%; background:url('/resource/image/bgbottomrightcol.jpg') no-repeat bottom right;"> </div> </td> </tr> </table> </div> </body> </html> Hi I am Ron a new member. I am using 123 reg to edit our allotment web site. Access seems to have changed and cannot get in to edit can anyone advise. Ron |
|||||||