HTML - Can I Do What This Simple Diagram Shows With Only Basic Html?
Basically, I am using a site that only allows its members to add basic HTML (not scripts or JS or CSS) in its layout. I have done a lot of stuff already, but I have a question if what I want to do in the diagram below is possible just with HTML. It is basically pretty simple, except that I can't seem to get the code to work to make only part of a page (specified area/rectangle) a certain background color or image and then still be able to embed a couple image URL's (buttons) on top of it, as well as formatted text I choose. Does it have something to do with using <div> code?
If I can get the images (as buttons) mounted against that area/rectangle, I'm pretty sure I know how to make them hot links to another site. However, the final kicker is I want the buttons to be a default image normally, but then switch to another image of the same size when someone mouses over it, and that when clicked is also the hot link to the URL . That is the part I know little about. Is anyone here genius enough to just look at my diagram and write me the code, and just substitute generic values for where I'd put the specific image URL's, text formatting and parameters I specify? I hope this diagram helps, thanks a lot to anyone who can do this for me!!! Similar TutorialsI just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found. How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP Thank you all in advanced!! Hi, What is exacly a UML diaram?is it similar to a flowchart? Is it necessary to use UML diagram on a webpage? Which application offers the right tools for this UML diagram? I'm more to dreamweaver and currently i can't do the UML diagram using this application. Does dreamweaver need any plugin or i need to get an appropriate software for UML diagramming? best regards, najeeb Im at the end of my line here, As crazy as this may sound I cant seem to get this to work. All I want to do is have a user input and email address, that will then post, on submit to a email account I have. I have tried (seriously) about 15 different tutorials and even a few already completed codes, and I only got it working once, then I deleted the code my accident... Anyways I need a very basic code that I can input into my page that will enable the above. And yes my server accepts PHP Iv checked and rechecked this, For some reason I just dont seem to get on with PHP. Iv been at this for a week?!? Please im going crazy here, help please.......... Cant understand why the HTML code is showing on my webpage http://www.mcaorals.co.uk/Fraserburgh%20History.htm also I've another problem, I've checked the coding in W3 http://validator.w3.org/ and I have no errors, but I cant understand why this webpage is getting very little hits, I'm usual around 60 - 65 place with the keyword "Fraserburgh" any help would be grateful thanks in advance Navteacher Hi guys, new poster here. I just used Filezilla to change the index.html file of a website. What I did is paste my html into the document in textedit, saved it as html, then used filezilla to overwrite to old file in the site's directory. Now when I go to the site's index page, all I see is the markup from the file that I updated with. Why isn't it showing my design? Thanks a lot. Hi, When I open an HTML with my browser to see how it looks, instead of what the code should look like showing showing up, the code itself shows up. Sorry if this is a stupid question, I'm quite new to HTML. I use Dreamweaver CS5. This is the code I used: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> Helllo, may I ask something. I have the following poblem: Everything I talk about now is an offline and local file (even in the same folder) situation. If there are two JPEGs in a zip file next to the html file, is there an html-syntax that makes IE8 using the Win7 zip-engine, unzip and regularily "download" the two JPEGs into the normal "Temporary Internet Archives" folder (only to there, the unzipped JPEGs don't lie in the RAM or anwhere else on the HDD) and show them. In short: For a folder containing the html-file and a zip-file with the two pictures, is there soemthing like this: <HTML> <HEAD><TITLE>testing...</TITLE> <BODY> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD> <IMG SRC="Waikiki.jpg" ARCHIVE="Oahu.zip"> </TD> <TD> <IMG SRC="Honolulu_City.jpg" ARCHIVE="Oahu.zip"> </TD> </TR> </TABLE> </BODY> </HTML> This "fantasy code" doesn't work of course. The ARCHIVE command is some JAR related solution as far as I have read. But is there anything like this that does work? Thank you very much for reading. anikk Hi I am trying to add some custom text below a frameset. Basically can anyone add just a simple header below the frameset in the following code> Code: <html> <frameset cols="25%,*,25%"> <frame src="frame_a.htm" /> <frame src="frame_b.htm" /> <frame src="frame_c.htm" /> </frameset> </html> The code comes from this page: http://www.w3schools.com/tags/tryit....tml_frame_cols and I've tried the usual ways of adding a body tag and added a h2 tag below it, but i can't get it to work - either i can get the h2 tag to appear or the frameset. Can anyone help? Thanks So, i am very new to writing html, just started learning. I have created a very basic page for practice(the code is below) using text edit on a macbook. The file is saved with the .html extension. The problem lies in when i try to load the page with a browser(i have tried both safari and firefox), i double click it and the browser opens the file, but it looks exactly like the source file. It shows all the tags and everything that is written in the source code. I have been trying to figure out what i have done wrong for hours now, have tried all the variations of 'doctype' tags and none fixed the problem, have also tried it without a 'doctype' tag and same thing happened. Can someone please look at the source below and give me any help possible? I am very new to this, so maybe it will make complete sense to someone out there. Thanks a lot in advance. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Title</title> </head> <body> <h1>Header</h1> <br> <p>Paragraph contents will go here.</p> </body> </html> hi, i have just decided to make my own web site! Please could you tell me some bacis things like marquee effects etc. Many thanks , HI, im trying to self learn HTML, things were going ok until i get to FRAMES. I have an INDEX.HTML, which splits the page into 3 frames. Each of the 3 frames then load other pages(banner, main, and menu .HTML). I have my 3 frames, but there is nothing in then, I think its the path I have wrong, but tryed main alternatives. This is a very basic problem, im sure someone can tell me what ive done wrong. Of course im loading these HTML pages from the same folder on my desktop. HTML files attached.. Thanks in aDvance! Hey there! I'm new to this! I just started learning HTML like week ago and I doing pretty good. but anyways, I was wondering how long does it take to learn HTML, XHTML, CSS and so on to create a social networking like facebook at least? I have started making a simple website with notepad which me and my friend could use. I've got a bit of a problem though. I know basic HTML but don't know how to get around this: In the folder I have two files: Lauch(Which opens the website), and a folder called Pages. In the folder 'Pages' I want the other pages for the website, but as his system would have different names, I can't exactly put: C:\My Files\HH Tool, if his is C:\His Files. Get me? I tried linking to: \Pages\Information.html . But it didn't work. I'd appreciate and answer ASAP. Thanks for whoever replies or answers. Hi I need some help please. I am very un-educted person when it comes to anything www related but could design a bridge from scratch....: I have selected view source from a website and had a look at the HTML that makes it all tick. I have changed a few things (text size and colour) and would like to preview it and see if I have managed to change anything and see if I understand the basics of html. My problem is I copied the source file and pasted in into word from where I changed it. Can one preview the site with any word function or would I require other software?? When I select the "webpage preview" it still comes in html formatt. Could someone please explain (IN PLAIN ENGLISH) how to go about this..... Thanks Hi, newbie here, Say i have a table how do i set the margin on each side, probably without setting the table width, so by setting the margins the table automatically sizes itself to the width of the page -(minus) the width of the margins at each side? I think you can do this in css but i want to learn html first, what is the best way of doing this, so this code below gives a table of no width and height... HTML Code: <table> <tbody> <tr> <td></td> </tr> </tbody> </table> This is what i want, and thanks for any help, Can any one tell me that what is the basic difference between html and xhtml? I'm doing some homework for my basic html class and i put the code in the w3 validate and it keep's putting errors on my images what am i doing wrong? Here is the 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>Tyler East, ITSE 1411 Lab Project 1, Tutorial 1 Case 4, Due 02/09/2011</title> <!-- Body System's Home Gym Equipment Tyler East 2/4/2011 --> </head> <body> <img src="logo.jpg" alt="Body Systems" /> <hr/> <h2>Body Systems LSM400 Linear Smith Machine</h2> <IMG src="smith.jpg" ALT="LSM4000" /> <h2>Overview</h2> <p>Linear Smith Machines are the ultimate in weight machines and the LSM400 leads the field. Designed for both serious fitness users and beginners, the LSM400's vertical design provides all of the safety and control associated with Smith Machines, while still allowing for the effective use of gravity for effective resistance. You don't even need a workout partner. Lock points can be set to prevent the bar from movement outside of your body's natural range of motion.</p> <p>You can tailor the LSM400 to meet you specific workout needs. Start with the basic package of the Smith Machine rack and, as your needs grow, add a lat/row, pec dec, plate tree, dip, and accessory organizer. Accessories are easy to insert and remove, allowing you to continue your workout without delay. The LSM400 works with all standard Olympic weight plates</p> <p>The LSM400 is compact with all components place one side of the unit for easy access. This makes the LSM400 perfect for people who want a quality home gym, but do not have a lot of space. Place the LSM400 against a wall and you're ready to go!</p> <p><b>Features</b> Smooth Smith Action: The bar (rated at 800 lb. capacity) slides on Teflon bushings alongside solid steel guide rods. Smooth motion is key to successful workouts, as the target muscles are utilized to their full potential with each repetition.</p> <p><b>Proper Angle:</b> The bar travels along a 7 degree path from vertical. Studies have shown that this is the proper lifting angle to increase your comfort and prevent injury.</p> <p><b>Safety:</b> The LSM400 has 20 lock-out points for a safe, solid stop at any point in your workout routine.</p> <p><b>Rugged:</b> Constructed with heavy 12 gauge steel and 7 gauge reinforcing plate. This is a unit built to last.</p> <p><b>Warranty:</b> Every part of the LSM400 has a lifetime guarantee. We will replace or repair anything that goes wrong.</p> <b>Dimensions</b> <ul> <li>Width: 85"</li> <li>Height: 82"</li> <li>Depth: 72"</li> </ul> <b>Optional Attachments</b> <ul> <li>Selectorized Lat/Row station (Part: MA831-4)</li> <li>Pec Dec station (Part: MA218-6)</li> <li>Dip station (Part: MA105-3)</li> <li>Plate tree (Part: MA488-0)</li> <li>Accessory organizer (MA212-1)</li> <li>Workout DVD (MA051-1)</li> <li>Workout poster (MA055-3)</li> </ul> <address> Body Systems 401 Commercial Drive Eaton, TX 87015 (800) 555-2811 </address> </body> </html> [quote]Hi All, :) BEGINNER WILLING TO PAY/DONATE www.htmlforums.com OR (YOU IF AUTHORIZED) $25.00 (TWENTY FIVE DOLLARS) FOR YOUR HELP, CORRECTING SOME BASIC MISTAKES. THE SIMPLE SITE CAN BE VIEWED CORRECTLY FROM HERE (CLICK BELOW). BUT NOT WITH INTERNET EXPLORER. Mistakes started to appear, when a simple Drop Down Menu was used. Mistakes with the basic tags <head></head>, <body></body>, <br/>, <html></html>, doc type, etc. [size="7"]The site can be viewed with all browsers, except with Internet Explorer 7, 8 and 9, which doesn't display the pictures, and / or the TWO newsletters CORRECTLY. It can be seen correctly with I.E.6, Google Chrome, Mozilla Firefox, Safari, Flock, Opera, etc. I can see the site using I.E. 7-9 with out the drop down menu. I was told, that Internet Explorer is "The only MISTAKE unforgiving BROWSER". PLEASE HELP! Help and or any tip, suggestions, etc, will be greatly appreciated. THE SITE WAS MADE TO HELP THE HOMELESS. IT IS A NON PROFIT SMALL ORG. WWW.HOMELESS-FORUM.ORG, WHO DOESN'T HAVE MONEY TO PAY. http://www.homeless-forum.org BUT I AM WILLING TO DONATE THE $25.00 TO WWW.HTMLFORUMS.COM FOR YOUR HELP. PS. SOME MISTAKES LEFT ON PURPOSE TO EXPLAIN TO YOU, WHAT THINGS WE WOULD LIKE TO DO. I.E. a PDF.FILE as 1ST PAGE. SELECTION BOX BETTER LOOKING, ANOTHER OPTION to go to GOOGLE, IMPROVE SITE A LITTLE IF YOU CAN, ETC. THE FOLLOWING IS THE INDEX FILE WE NEED TO CORRECT: WEBSITE html://www.homeless-forum.org Code: <!DOCTYPE html> <html> <head> <title>HELP THE HOMELESS!</title> <body> <script type="text/javascript"> window.onload=function() { document.getElementById('NewsletterList').onchange=function() { window.location=('http://www.homeless-forum.org/'+this.value+''); } } </script> <br> <select id="NewsletterList"> <a target=\"_blank\" href=\"file.doc\" title=\"\">John Doe<br> XXXXXXXXXXX<br/></a>. <option value=""><b> PLEASE SELECT<b/></option><!--this option takes you to --> <body mar="0" marginheight="0" bgcolor="rgb(38,38,38)"> "BACKGROUND BLUE GREEN MARMOL " <embed width="100%" height="100%" name="plugin" src="http://can-Imake-pdf-file-1stPage?.pdf" type="application/pdf"> <option value=index.htm>Option #1</option><!--this option takes you to --> <option value="option2">Option #2</option><!--this option takes you to --> <option value="option3">Option #3 </option><!--this option takes you to --> <option value="option4"><br>Option #4</br></option><!--this option takes you to --> <option value="option5">Option #5</option><!--this option takes you to --> <option value="option6">Option #6</option><!--this option takes you to --> <option value="blog/wp-login.php"><!--this option takes you to blog--> </select> <html xmlns:v="urn:schemas-microsoft-com:vml" ............... </body> </html> Can someone please help me? How do I move the entire image up on following index page: www.AndyG.com Note that there is a one inch gap between top of computer screen and top of image...I just want to move image way up to top... Thanks a lot! Andy |