|
HTML - Need Some Info On Text Overlay In A Scrolling Box
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. Similar TutorialsHopefully I can keep this from getting long winded. I would like to create a simple website that just about anyone could maintain. Say for example, the Contact Info page has a phone number on it that has changed, instead of the person who maintains the site needing to know and understand html programming, they can simply open a txt file with the contact info in it, change it and save it. Then the next time some loads the html page it has the updated info on the html page. The important thing to me would be that the imported text from the txt file, could be formatted once on the html page. Thanks, for any help with this. I'm developing a small client / server application in HTML. It has a webserver which is hosting a page (login.html) the pages takes in login and password and lets you login into a console. The client just need a network access to reach the webserver. However, for audits / database i want to save the text entered into the username/password field into a file on my server machine. What i need to do? Is there a client side script that i need to write to do this or i could do it with HTML alone. Thank you 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? 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? 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 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. 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? 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. 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 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! This may be a silly question to some of you but I have never done it so here goes. I want to have my navigation menu overlay my header information, banner. Now I can do this by making the banner background but then how do I give the header its size with no actual content? Can I have the header content which is a img file be overlayed by a menu, unordered list? Thanks so im trying to put a slide show in the div overly...im putting it in the right section but when i view my profile its right in the middle of the page overlapping writing etc.. how do i get it so its under that heading i put it up instead of it center? heres my code ABOUT ME: <style> body table {margin-top:-50000px;}body td table, body div table {margin-top: 0;}table, tr, td {background-color:transparent;}body div table form{display:none;}body table div form{display:block;}div table td font {visibility:hidden; }a.navbar:active, a.navbar:visited, a.navbar:link { display:none;}a.navbar:hover { display:none; }.navbar {visibility:hidden; display:none;} .userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;} a.text, table div font a, table div div {visibility:hidden;} table tr td div font {display: none;} body div table td form {display:none!important;}table, td, tr{ background-color:transparent;}td td embed, td td object {position:absolute; left:0px; top:0px; width:260px; height:47px;}td.text embed {width:260px; height:38px;}td.text embed, td.text object {width:260px; height:38px;} h1 { font-family: Time New Roman; font-size: 20pt; color: ffffff; font-weight: normal; border-bottom: 3px double; border-color: ff3399; text-align: right;} h2 { font-family: Time New Roman; font-size: 20pt; color: ffffff; font-weight: normal; border-bottom: 3px double; border-color: ff3399; text-align: left;} b { color: fff; font-weight: bold; text-transform: none;} i { color: fff; font-style: italic; font-weight: normal; text-transform: lowercase; } u {font-family: Arial; font-size: 11pt; color: fff; text-decoration: underline; border-bottom: 1px solid; border-color: ff3399;} strike { font-size: 10pt; color: fff; font-style: strikethrough; } big, small { color: fff;} textarea, select, input { font-family: Arial; color: fff; background-color: ff3399; border: 1px solid fff; letter-spacing: -1px; } blockquote { background-color: transparent; border: 1px solid; border-color: ff3399; padding: 5px;} body { background-color: 000000; background-image: url("http://cbimg6.com/layouts/08/08/30432aa.jpg"); background-repeat: repeat-y; background-position: center; scrollbar-face-color: ff3399; scrollbar-arrow-color: fff; scrollbar-track-color: 333; scrollbar-shadow-color: 000; scrollbar-highlight-color: 777; scrollbar-3dlight-color: fff; scrollbar-darkshadow-color: 000;} .navi:link, .navi:active, .navi:visited { font-family: Verdana; font-weight: normal; font-size: 8pt; color: ffffff; text-transform: uppercase; text-decoration: none; background-color: ff3399; display: block; text-align: center;} .navi:hover { font-family: Verdana; font-weight: normal; font-size: 7pt; color: ff3399; text-transform: uppercase; text-decoration: none; background-color: ffffff; display: block; text-align: center;} a:link, a:active, a:visited { font-family:Arial; font-weight: normal; font-size: 11pt; color: ff3399; text-transformation: none; text-decoration: none; background-color: none;} a:hover { font-family: Arial; font-weight: normal; font-size: 11pt; color: ffffff; text-transformation: none; text-decoration: none; background-color: ff3399;} .right {position: absolute; top: 380; left: 50%; margin-left: -143px; height:; width: 563; font-family: Arial; font-size: 12pt; color: cccccc; background-color: transparent; text-align: justify;} .left {position: absolute; top: 375; left: 50%; margin-left: -365px; height:; width: 170px; font-family: Arial; font-size: 12pt; color: cccccc; background-color: transparent; text-align: justify;} .base {position: absolute; top: 0px; left: 50%; margin-left: -497px;} </style> WHO ID LIKE TO MEET? <div class="base"><img src="http://cbimg6.com/layouts/08/08/30432ab.jpg" /></div> <div class="right"> <h1>Spotlight on me.</h1> <center><br /><img src="http://i31.tinypic.com/116nhwy.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br /></center> Best daughters in the world; <b>Allie & Stephie</b>, <u>my kids</u>; Steps Dance studio (Hip Hop Instructor) is the job; I am a dancer - i live it love it am it; dancing is a very big apart of my life that and i want to pass that same love to my girls ; Merced College is the school Nursing is the major; i <b><u>LOVE</b></u> anything PINK; I ♥ my girls; I ♥ my friends; I ♥ beer; I ♥ drinking at applebees; I ♥ Rap & R&b; I ♥ late nights; I ♥ romance movies ; I ♥ A Walk to Remember; I ♥ Tattoos; I ♥ coors light; I ♥ the RAIDERS; I ♥ my bff amanda always; I ♥ Mac Make-up; I ♥ getting my nails done; I ♥ drinking @ La Ha 2 haha<br /><br /><br /> I hate people who lie; I hate cheaters; I hate broken promise's; I hate caring so ****in much; I hate having a big heart; I hate fights; I hate onions and mushrooms; I hate clowns; I hate traffic; I hate dark beer; I hate tomatos; and that sums me up in a nut shell body <h1>Welcome To the Show.</h1> <img src="http://i38.tinypic.com/11kgl8m.jpg" align="left" /><b>Name:</b> Kelley Kellz<br /> <b>Age:</b> 24<br /> <b>Location:</b> merced; califoRnia.<br /> <b>Status:</b> call it what you want.<br /> <b>Occupation:</b> dance instructor; school.<br /> <br /><br /> <br /><br /><br /> <h1>Backstage Pass.</h1> <p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="320" width="426" style="width:426px;height:320px" data="http://widget-af.slide.com/widgets/slideticker.swf"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://widget-af.slide.com/widgets/slideticker.swf" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="salign" value="l" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="cy=ms&il=1&channel=2666130979412675759&site=widget-af.slide.com" /> </object> under "backstage pass" thats where i want the slideshow but it wont put it under there nor under the "welcome to the show" area what am i doing wrong? Hi! I have a flash website that is a little heavy (loads a little slow) so basically my idea is to create a flash intro that is light and might load fast on top of my current flash site..so that the flash intro plays while the site itself loads behind it. and then the flash intro would be done playing and disappear and will expose the main flash site behind it. I don't want to do a separate page for intro and main site though as it basically will give the same loading time. i want it to load together the main site behind at first then will be exposed after the flash intro is done. I was thinking of using z-index to put the flash intro on top white the site loads and put make the flash transparent after it's done playing.. but my i think if i do that the main site behind would not be functional(clickable) because of the overlaying object (which is only transparent) is there a way that i can make the object totally disappear after it's done playing? not just making it transparent... or is there any other way to do this? actionscript? java? anything? curtain? container? how is it possible... please help... Thanks guys. Alright, i'll give you the long and short of it. I want to be able to make a png image and using a div overlay post it as a comment on someone's myspace. For example... They have an image with them looking godlike... so I take a screenshot, do some drawing, get rid of the background and save my work as a png ---> and I post a comment on there myspace resulting in this outcome Now I know my div overlay code would look something along the lines of Code: <div style="width: 452px; height: 113px; position: absolute; top:294px; center:100px" align="center"> <img src="http://ad6storieshigh.com/myspace/messingwith/crown.png" border="0"></a> </div> But the problem is, when you post something like that myspace converts it to Code: <div .."width: 452px; height: 113px; position: absolute; top:294px; center:100px" align="center"> .. src="http://ad6storieshigh.com/myspace/messingwith/crown.png" border="0"> </div> Which is obviously a problem. So I was thinking how else I could do this. I noticed that for youtube videos you use an <object...etc...> and then an </embed> tag so I was wondering, is there a way to use the object/embed procedure to call to a file on a website that's holding my div overlay code? like if I made an html file that only had the div code in it. Or something along those lines? please adn thank youD Hi all, i'm trying to build a page using overlay frames without using JS scripts. I already managed to get it working but it has a few problems. Page: blackphoenixlegion.net Links: Corporation or Recruitment. Technique: I have additional frames below the page via overlow:hidden, using the CSS :target pseudo class to change the X position upon a target call. Problems: 1. Should the available screen space be smaller in height than the page, then no scroll bar is shown. The page is just getting cut off. 2. The page is totally not IE compatible ofc. I figured i will have to use JS for those fixes, but thats ok ... someone who is using IE will not have problems with using JS ^^. I already added a JS script working like the :target peusodclass, but i still have two problems: - The subframe (iframe) has no transparent background - The overlay frame is getting shown, but the browser scrolls to the "hidden" area wich is just black. http://www.yandina.com/JIndex.htm Open in Firefox, Chrome or Safari - - - that is what it is supposed to look like. Open in IE and the last table get overlaid on top of the previous table. What sort of things can cause that? Additional (unrelated I think) problem, IE is not accessing cookies but others are fine. What can cause that? Hi, Firstly, I want to apologise, that this is MySpace related. I am creating quite an advanced profile however. TEST PAGE: www.myspace.com/greeksaladhandles If you look at the comments section in Firefox, it's fine. It is scrolling as it should do, with just a Y-scrollbar. However, if you move to IE, the comments section is not acting as though it's confined to a space at all, there are no scroll bars and the section just overlaps what is below it. I have asked a few people who are more experienced, but nobody can quite work out how to solve the problem. If you can, please reply or PM me on here, or alternatively, email me on ryan AT missionbooking.co.uk. Thanks (P.S. - Does anyone know how to remove the white borders around the pictures in the comments section?) Hey there, I am now taking care of a website that someone else built in the past. This website has a schedule that has dates and the events organized into tables. These tables are not so small... Now, i am asked to flip the table around, meaning to change the order of the data to the exact opposite This is a tedious task to just cut and past the <tr>'s one after another in the source code... Does anyone know of a peice of software that would be able to perform this task automatically? you know, flip the table around to the exact opposit of what it is now? for instance, if my table were like this: 1 2 3 To have it: 3 2 1 |
|||||||