|
HTML - Scrolling Text Box Positioning To Image
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 Similar TutorialsHi guys, I am attempting to place an image with a hyperlink to the top of the page. Currently, I am only able to position the image relative to the edge of the screen; however, I want the image to sit in a set spot, independent of the left and right edges of the screen. I wish for the image to remain in the same position on the screen when the page is scrolled. The code I am currently using is as follows: <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://i182.photobucket.com/albums/x156/Muscleox/BackToTop.png" border="0" /></a> The following image will hopefully illustrate what I am aiming to achieve: http://i182.photobucket.com/albums/x.../visualaid.gif Any help would be much appreciated. Cheers, Nautishko I've placed some images on this page: http://gmjones.org/Employments.html I added text under the two images on the left by trial and error, as a result, the look out of place! What's the proper way to add text under a separately placed image via the html coding? 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 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? 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? 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 i have 3 images, 2 are feather's images and 1 is text image i am trying to put these two feather images(which are in png format so to be transparent) in opposite corners as well as in front and 3rd text image should come from behind of the start of feather n scroll to the end of the other feather image(it should come and go behind the feathers, not above) as feathers have little spaces so i want to show that text is going benath the feathers and ends where feather ends i have attached a sample image please help me in writing its code Hi there, I've been reading up on the marquee tag on the net and read from posts here that the marquee tag won't be validated, but I still had a question. I have an image banner that's 1565 (length) x 125 (height). I was using the marquee tag to make it scroll across the page, but my question is - is there any way to get the beginning of the image to scroll across the page again before waiting on the image to completely finish the first scroll? i.e I don't want to have to wait until the image finishes the scroll for it to start again leaving that space in between the scrolls. Thanks. O.k so my brains about done in for the week & I'm trying to help out a friend with his website. I realise theres a lot wrong with this page but the one thing that is really bugging me. When I scroll up & down a few times the image jumps out of its position/duplicates/clones & stays there until page refresh or even minimise & restore - then all is good again. Any ideas, advice greatly appreciated thanks http://www.linksdisk.com/redback/NEW/2_about_us.html Hello Kindly help me ..... as shown in the picture i want to move the text from the right side of the images to the bottom of it how? Can someone please help me position my text entitled "Latest News..." not all the way left but not center, I would like it aligned with the main picture on the site. I have uploaded two pictures, one showing the way I would like it to appear and the other showing how it is incorrectly displayed. From my site http://www.trillionaireme.com Hi, I usually use frames to split my pages into sections. No problem the But you can think that having a page with over 25 frames defined in the HTML code is quite confusing at times. I wanted to ask if and how it is possible to position an image/paragraph/table/etc. at exact pixel-coordinates. My example: I want to place an image at (50px|50px) and a table at (200px|100px) Thanks in advance.... PS: (x|y) I'm very new to html and have just started making a website in dreamweaver to build a digital portfolio of design work. The problem is, is that I need my navigation text to be in an exact part of the page (it fills in a section with the table background). When I started making the site it displayed fine in firefox and safari, but not in a few versions of IE I tried. I'm sure there's a solution for this and if anyone could help it would be much appreciated. I've included a link to a test page so you can see what I mean: http://www.digitodd.net/aurora.html Thanks |
|||||||