HTML - Writing Over Images
Hey, Does anyone know how to write over images, so for example if i make a image where i place a title how do i write over it without the image moving to the right e.tc
Similar TutorialsHi, I am not too sure if this is doable, but I have several buttons that let you put in an image location. Then at the bottom you click another button. I want this button to upload those images to my server. I know this sounds confusing, sorry. Does anyone know how to help me with this? thanks, David hey u know, i just wanna give a code for my banner and need it to appear as a text, nto as a picture or whatever the code commands... how? thanks! Dear HtmlForums! I've just bumped into a problem, the following two files is used; HTML file CSS file Now, what i want to do, is to be able to write on top of, at the side and at the bottom in the mainbox, so that the text kinda "goes around" the black-er box to the right in the mainbox. Text starts at the top, and floats around the image and continues. (Dont worry about the image saying "Unable to load picture - please check browser version. Its because the image file is not correctly linked) Following image describes what i'd like to accomplish: IMAGE In front, Thank you! Hi I am trying to write some HTML code and I need help. I thought it would be easy but I'm struggling. Heres what I want to do. Person goes to the website. On the first page, they get to choose their background color scheme which will be split in 2 halves . I want a color selector. Lets say they choose black and white. The left background would be black and the right half white. Then they click next and it goes to a 2nd page that keeps the background color scheme the same (black and white or whatever they chose ) Is this possible with html? Looking for some smart people to help. Please pm or reply to the post Thanks in advance. Code: <html> <head> </head> <body> <table border= 1px> <tr> <td> 11 </td> <td> 12 </td> </tr> <tr> <td> 21 </td> <td> 22 </td> </tr> </table> <br> Hello </body> </html> How can I write on the right side of the table Is there any simple solution rather than playing with the 'div' tag in html I know this is possible but I don't have a clue on where to start. If anyone could provide any links on how I might Over-write existing html would be great. My problem is that I cannot edit or get rid of the code that is already there. It's sort of like myspace where you can custom page layout with new code without having access to the default code. Hello =) Well.. I wrote in a text box over my image in a html editor (frontpage) However, when i upload my index file to the web, the text box goes to another place o.O I don't know what to do =x help me please =) thanks Hey everyone, im looking for a piece of code in which i believe is an advanced marquee, not just the regular scroll across text. I would like words to write themselves down and move to another line and write themselves out again so like: welcome to html forums Each word appears after the other has been written automatically by the HTML code. Help is more than appreciated, thanks anyone know a code that enables you to write over a image because right now i had to use my header and nav as a backround (because there pictures) is there anyway i can write text over a picture? thanks alot heres my website for reference, (the only reason the letters are on the nav bar is because i set it as a backround) someone please help www.seattlewest.net I'm very new to html and was trying to make myself a simple code to write the word hello to an iFrame to allow me to undertand the basics behind what i need to do in my coursework. Here's what i've got so far but it doesn't seem to work still and i've got to the stage where i've been staring at it too long. Any help would be greatful... Code: <html> <head> <title>iFrame Test Page</title> </head> <script language=JavaScript type="text/javascript"> function iWrite(iFrameID,content){ with(document.getElementById(iFrameID).contentDocument){ open(); write(content); close(); } } function initialise(){ iWrite("iAlbums", "<html><head><body>Hello</body></head></html>") </script> <body onload=initialise()> <iframe id="iAlbums" name=iAlbums ></iframe> </body> </html> Hello everyone, I've already spent awhile trying to find something that can do this, but I'm really new to html and I'm not sure what to call it. None of my search terms came up with any relevant results. What I need to accomplish is this: I have a good size collection of images and I wanted to insert them all into a single webpage. Basically this means that I need to manually type in the same code over and over with the exception of the file name. I'm wondering if there is a program that will do that for me to save time. Additional details: I plan on using some javascript to enlarge the displayed thumbnails and show the full size image. I am using all the images in a specific folder. Any suggestions on what I can do (it doesn't have to be a program) is greatly appreciated. thank you. Hi i need some help i cannot figure out how to enter text ontop of a picture using HTML script. if i do it in design view the centering of the page and the alignents get all messed up how can i do this???? does anyone have any suggestions or html script examlpes to show me ???? im new at this and i wana learn how to use html script rather that making a website in design view it doesnt work!!!! erm im using Dreamweaver MX 2004 if this is important Thank You Pavzzz _________ Hello, this is my first post, and I'm looking for a bit of help. I am a beginner. I bought webspace and have designed a site to put up there. I made it all and wrote the code and it all ran fine locally, then I uploaded it and things started looking a bit funny. The site is at http://www.kaleidoscope-eyes.co.uk There are a few problems : 1. There is chinese (or korean or something) writing in the main window randomly all over the place 2. It's not picking up the info from my stylesheets on the main page for the body text, it's black rather than yellow, but shows up in other pages, and the code is the same. 3. Only the first page is transparent, the others are giving a white background, even though I copy-pasted the code to do it for all the pages. Anyone have any ideas what I've done wrong? Greetings, I just recently started learning HTML and I am currently taking an HTML class in my college. One of my assignments was to create a web page with a certain amount of requirements but for some reason my teacher was not able to view the pictures when she tried to look at my assignment. Can someone please take a look at my source code and let me know what is wrong with it? <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Internet Security</title> <style type="text/css"> h1 {text-align: center} h3 {text-align: center} body {background-color: #FFEBCD} </style> </head> <h1>Security and the Internet</h1> <body> <p>Internet Security has become vital in today's society. With the imposing attempts to breach other computers, it is important to have good anti-virus software. Viruses can come in many different types. First and foremost are your standard <em><strong>trojan viruses</strong></em>. These viruses are used to steal passwords so the hacker can attempt to gain pertinent user information. Another form of a virus is a <em><strong>boot virus</strong></em>. A boot virus infects floppy disk or master boot records on a hard drive. They replace the boot record program (which is responsible for loading the operating system in memory) copying it elsewhere on the hard drive or overwriting it. Boot viruses load into memory if the computer tries to read the disk while it is booting.<hr /></p> <h3>Other Types of Security Dilemmas</h3> <p>Other security problems that are slowly rising include wireless network hacking. In this particular method of breaching, the perpetraitor attempts to steal a wireless connection by using DOS (denial of service attacks), man in the middle, Identity theft or MAC spoofing and sometimes, caffe latte attacks. The most frightening part of this type of breach, or any for that matter is the hackers ability to gain personal information by using the aforementioned methods. It is very important to secure your computer with an anti-virus program as well as, a firewall to ensure you are not a victim. Below is a security checklist which will aid in keeping hackers out of your system.<hr /></p> <h4 style="color:#DC143C">Ways to Stay Internet Safe</h4> <!-- The following six lines represent how ordered list work and would appear on a web page --> <ol> <li>Install an anti-virus program and firewall and, <strong>keep the definitions up to date</strong></li> <li><strong>NEVER</strong> open any attachments unless you know the sender</li> <li>Do not close your anti-virus and firewall. Real time protection is often active while they are open</li> <li><strong>DO NOT</strong> visit un-safe websites. Again, virus protection usually has a site watch plug in to aid in this</li> </ol> <p>Follow these helpful tips and you should remain virus free</p> <p>The following pictures to the right indicate two great antivirus and spyware programs used for Internet security today. I personally use both of these. Each of these particular pieces of software serve their own purpose. The AVG Free is used for scanning for viruses while the SuperAnti-Spyware is used to scan and resolve issues pertaining to spyware and adware. <!-- Picture links are displayed below --> <p><a href="http://free.avg.com/" title="click here to visit AVG's website"> <img src="AVG.gif" alt="photo of anti-virus software" border="0" align="right" width="140" height="140"/></a></p> <p><a href="http://www.superantispyware.com/" title="click here to visit SuperAnti-Spyware's website"> <img src="super.gif" alt="picture of SuperAnti-Spyware" border="0" align="right" width="140" height="140"/></a></p> <br> <br> <br> <br> <br> <br> <br><hr /> <p>In the next few steps I am going to describe how to stay virus free if using a wireless network</p> <h2 style="colorC143C">Instructions For Setting Up a Safe Wireless network</h2><br> </body> </html> I want to try a couple of different approaches to putting medieval scroll-like images behind a menu and the body text of a site I am working on. I vaguely remember that there are separate commands to put images above, behind, and below a list. (Thinks something like scroll_top.gif, scroll_body.gif, scroll_bottom.gif). Can anyone help with that? Also, isn't there a way to do the same think with a div, eg: - image1 at the top - image 2 (repeating) as the body - image 3 at the bottom Thanks much as always! Joshua I have a two questions if you see an image on the web for example a map you would like to create yourself can you look at the webpage's source and use that as a guide? Does copyright laws apply? Well second question will come when I get an answer to first question. Thanks sunrise Hi, Does anyone know a code that can be used so that if there is no image to go into an image box the box will be invisible, i.e. there won't be a little box with a cross in it. Thanks Colin Hi, im new to this so sorry for my lack of knowlage. Anyway, I have made a new directory on my website to house our gaming reviews I have copied exactly the same image directorys that work on our main directory in there and the images show up when previewing on my pc but not when i upload to the web, also appartnly no images or styles work in IE? www.gameoracle.co.uk help much appriciated how can i put images on my page using html or css where you cant right click and copy the image or see the image url. (kinda like a background image, but where i can add several of them) Hi People, I am trying to take a basic background image. Split it into 3 chunks (top bar, middle blank 1px high, bottom bar) The idea was that I would set the middle image to be 1px and make it repeat so that when the user scrolls down the page, the background image scales accordingly. Also so that it would look ok via different browsers. I cut my image into three, no problem there. I then thought it would be a simple case of inserting my image and setting the CSS accordingly but I am getting different results in IE and FF (but of course). Example: HTML CODE HTML Code: <div id="image1"><img src="images/image1.jpg" alt="image description"></div> CSS CODE PHP Code: body { margin-top:20px; } #image1 { text-align: center; padding-top: 540px; padding-bottom: 0; } When I put this in, the image moves down to the bottom of the page in both IE and FF. Of course FF looks like it place the image in the right place but IE ends up putting lots of white space underneath the image. Any ideas ? Also, Is there a much simpler way of getting the image to scale according to the person scrolling? I am keep to learn a few different methods as it all helps. Thank you all |