HTML - Simple Html But Need Help Asap!
I need a table that has 1 row and 3 columns.
The entire table must be 100% width of the screen, yet the center column needs to be 550 pix wide and centered between the 2 outer columns It has to be this table, and it can't be a table within a table. Is there anyway of doing this? and is this understandable? If so can you send me the code for this Thanks in advanced. Alex Similar TutorialsHello everyone. I am currently working on a new project for our website. This new project is a News Ticker, with a menu that goes under the News Ticker. The problem I am having is the Menu, where I have DIV's displaying different HTML pages. It works like I want it to, but the problem I am most having is overlaying the HTML DIV's. When I click on a link, it shows the DIV window like I want to. Let's say for example I have selected Menu 1, now I selected Menu 2. I want to show Menu 1 again, but it won't unless I refresh the web page. I have attached an image below so you can see the image I am talking about above. Menu 1 Selected: Menu 2 Selected: When selecting Menu 1 after Menu 2 has been selected, it won't show. Any way to fix this? Thanks for your help, I really appreciate it! CJ Hi all! I've recently been doing some work revamping the website for my dad's construction company, seen here. He originally created it in Dreamweaver years back and I've been using SeaMonkey to update it. I have pretty limited HTML knowledge and this is the first time I've actually done any real form of web editing. I've done the bulk of it but I really need some advice on a couple of small problems I can't seem to figure out: 1) As you can see, on the left hand side there's a list of links that change colour on mouse-over. They seem to be working fine on all pages apart from 'testimonials'. When I click that link and arrive at the page headed 'testimonials and references', the mouse-over effect doesn't seem to be working on any of the images. I've looked at the source and tried to figure it out, but as I said, I have pretty limited knowledge and couldn't spot anything obviously wrong. 2) If you go the page entitled 'services' you'll see a large image at the top. If I do anything to the image; delete it, resize it, move it slightly in any way - the whole framework of the page goes completely out of whack. It looks fine on the Composer but testing it on Chrome shows the whole side panel of links about a mile lower than where I want them and completely out of alignment with all of the other pages. I just want to resize the image slightly so it's not to in-your-face, but not at the risk of messing up the whole page layout. I can't work this one out at all, so any help would be greatly appreciated. You might also notice the 'about us' page is the only one where the links are slightly out of alignment with the others - if anyone can work out how to change that, that would be ace. Thanks a lot guys. D. My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's 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" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Hey, I have a bunch of text fields with the same field name <input type="text" name="var" value="$cost"> <input type="text" name="var" value="$cost"> <input type="text" name="var" value="$cost"> <input type="text" name="var" value="$cost"> i need to have a text field display the sum off all text fields named "var" <input type="text" name="total_var" value="total'> just a simple javascript code - I googled "add text fields" and all i get is how to add a text field to a web page, lol help asap please! Hi, I hope someone can help me. If you go to http://www.mnautocare.com and click on the contact us link or the services link, it sends the browser to a totally different website. If you copy the link address and paste it in your browser it is http://www.mnautocare.com/services.html. When it goes to my other site precision marketing, it comes up with http://www.precisionmarketingmn.com/services.php. I deleted the htaccess file, i deleted the links, I deleted the services page and nothing worked. I NEED to get this fixed asap and I am completely out of options. Please reply to this post if you feel you can help or email me. PLEASE and THANK YOU! Todd So, I'm creating a script for a MMO (videogame) that supports most HTML elements in creating scripts for the game. What I'm currently doing is making a script that pulls open a small window for people to view information. EX: <a href="text://Information">Link</a> It's setup basically like that, except there is obviously alot more information, and I'm using certain fonts and colors for the information inside. Now here comes the tricky part. I also need to place links WITHIN the link, so it will move to another window of information. I've successfully done this so far. The problem, is that I cannot add any tags within the second link. When I do, it causes the link to mess up. EX: <a href="text://Information1 <a href='text://Information2'>Link2</a>">Link1</a> This link would work. But it would simply show the information without any organization or colors. When I add the <font> tag, or any other tag for that matter, it breaks the link. ANY assistance in this matter would be greatly appreciated, as I need this to be up and running very soon! Hey, just so everyone knows beforehand i would like to let you know i know how to code i just cant on the computer i am on currently as certain applications are blocked. I would like a code for a site that when first going to it requires a username and password, a registration if possible (haha need to register dont you.). And once signing in takes to a chat room. Thanks. RESPOND ASAP PLEASE Hi All OK here is situtation. I have a WMV video file I made and uploaded to a hosting site that allows hot linking and such. Anyways I got an embed code of fthe web from an HTML website not host site as they didn't have one for embedding and tested it in my HTML editor and video played great. I then tried to add the code to my profile on a social network I belong to. And I can't even get a player to show up let alone play. Now so you know I have already embedded videos off of youtube and another similar website and those work great so I know embedding isn't disabled as others play just fine. What am I doing wrong that those play and mine won't even though it works perfectly in my HTML editor Here is one code I tried with both file name areas fixed with the videos URL Quote: <OBJECT ID="MediaPlayer" WIDTH="400" HEIGHT="400" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="videofilename.wmv"> <PARAM name="autostart" VALUE="false"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="false"> <PARAM name="ShowDisplay" VALUE="false"> <EMBED TYPE="application/x-mplayer2" SRC="videofilename.wmv" NAME="MediaPlayer" WIDTH="400" HEIGHT="400" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED> </OBJECT> TIA Dave Hello I'm having terrible trouble aligning my text into a layout using tables i will include a screen shot to show what im talking about. i thought i could fix it by putting valign=top in the td tag but nothing seems to be working if someone could help me out i would greatly appreciate it. THanks heres the screen I am currently re-coding my school's website because it was coded in HTML 4.01 and the code was extremely messy anyways. I'm recoding it in XHTML Strict. Everything was going fine, I got the homepage perfectly replicated with much nicer code, then somehow after I had finished the homepage, I refreshed it and there was a random space between the header and the nav bar. You can see it he General Amherst School Website Can someone please take a look at the code and tell me why it's happening!? It was totally fine, but then I changed some random insignificant thing unrelated to the nav bar or the header and that happened. I'll paste the stylesheet below so you on't have to download it: Code: body { background-image: url('images/bg.jpg'); background-repeat: repeat; background-attachment: fixed; margin: 8px auto 0 auto; width: 828px; } #header { width: 700px; height: 250px; margin: 0; padding: 0; float: left; background-image: url('images/designimages/headermid.png'); text-align: center; } #nav { height: 50px; width: 700px; padding: 0 0 0 64px; text-align: center; background-image: url('images/designimages/navbg.png'); background-repeat: repeat-x; line-height: 50px; font-size: 19px; float: left; color: #ffffff; } #main { width: 764px; margin: 0; padding: 0 64px 0 0; background-image: url('images/designimages/bodyend.png'); background-position: right center; background-repeat: repeat-y; clear: both; } #nav a:link { color: #ffcc00; font-weight: normal; } #nav a:visited { color: #ffcc00; font-weight: normal; } #nav a:hover { color: #ffcc00; text-decoration: none; font-weight: normal; } #nav a:active { color: #ffcc00; font-weight: normal; } a:link { color: #ff0000; } a:visited { color: #ff0000; } a:hover { color: #ff0000; text-decoration: none; } a:active { color: #ff0000; } img {border:0;padding:0;margin:0;} h1 { margin: 0; padding: 0; font-family: Gill Sans, Trebuchet MS, sans-serif; font-size: 24px; } h2 { margin: 0; padding: 0; font-family: Gill Sans, Trebuchet MS, sans-serif; font-size: 16px; text-decoration: underline; } h3 { margin: 0; padding: 0; font-family: Gill Sans, Trebuchet MS, sans-serif; font-size: 13px; text-decoration: underline; } p { margin: 0; padding: 0; font-family: Gill Sans, Trebuchet MS, sans-serif; font-size: 13px; line-height: 16px; } Hey there, I'm feeling my through the dark trying to put an animated sliding panel on my site. It works, but its initial state is open, which defeats its purpose. Will someone please look at this short code and let me know what to do? Thanks! Here's the HTML, followed by the CSS, followed by the javascript: <html> <head> <link type="text/css" rel="stylesheet" href="Animated-Collapsible-Panel-5.css" /> <script language="javascript" type="text/javascript" src="Animated-Collapsible-Panel-5.js"></script> </head> <body> <!-- Animated collapsible panel, with separate CSS and JavaScript --> <div style="width:470px;"> <div class="squarebox"><div class="squareboxgradientcaption" style="height:20px; cursor: pointer;" onclick="togglePannelAnimatedStatus(this.nextSibling,50,50)"><div style="float: left">I bequeath myself to the dirt to grow from the grass I love...</div><div style="float: left; vertical-align:left"><img src="../images/collapse.gif" width="25" height="5" border="0" alt="Show/Hide" title="Show/Hide"/></div> </div><div class="squareboxcontent"> <img width="150" height="150" src="http://www.lesliehawes.com/wordpress/wp-content/uploads/2008/09/chief-joseph-pendleton-blanket-pattern.jpg" alt="This is an image" title="This is an image" /><br />Content goes here...</div> <img width="170" height="0" alt="" src="../images/shadow.gif"/> </div> </body> </html> .squarebox { width: 215%; text-align: center; overflow: hidden; } .squareboxgradientcaption { color: #ffffff; padding: 5px; background-image: url( ); background-repeat: repeat-x; } .squareboxcontent { background-color: #f5f5f5; padding: 10px; overflow: hidden; border-top: solid px #336699; } // not animated expand/collapse function togglePannelStatus(content) { var expand = (content.style.display=="none"); content.style.display = (expand ? "block":"none"); toggleChevronIcon(content); } // current animated collapsible panel content var currentContent= null; function togglePannelAnimatedStatus(content, interval, step) { // wait for another animated expand/collapse action to end if (currentContent==null) { currentContent = content; var expand = (content.style.display=="none"); if(expand) content.style.display = "block"; var max_height = content.offsetHeight; var step_height = step + (expand ? 0 : -max_height); toggleChevronIcon(content); // schedule first animated collapse/expand event content.style.height = Math.abs(step_height) + "px"; setTimeout("togglePannelAnimatingStatus(" + interval + "," + step + "," + max_height + "," + step_height + ")", interval); } } function togglePannelAnimatingStatus(interval, step, max_height, step_height) { var step_height_abs = Math.abs(step_height); // schedule next animated collapse/expand event if (step_height_abs>=step && step_height_abs<=(max_height-step)) { step_height += step; currentContent.style.height = Math.abs(step_height) + "px"; setTimeout("togglePannelAnimatingStatus(" + 2 + "," + 2 + "," + max_height + "," + step_height + ")", interval); } // animated expand/collapse done else { if (step_height_abs<step) currentContent.style.display="none"; currentContent.style.height = ""; currentContent = null; } } // change chevron icon into either collapse or expand function toggleChevronIcon (content) { var chevron=content.parentNode .firstChild.childNodes[1].childNodes[0]; var expand=(chevron.src.indexOf("collapse.gif")>0); chevron.src=chevron.src .split(expand ? "expand.gif" : "collapse.gif") .join(expand ? "collapse.gif" : "expand.gif") } OK so I am grabbing this code off of a local news site (WRAL) and when I embed into a myspace page, only portions of the script are showing up, not the video. So there is something wrong with the code itself i'm sure, I just don't know what. Here is the code. Do you guys see any errors he Quote: <script src="http://www.wral.com/entertainment/video/2820107/?version=embedded" type="text/javascript"></script><script type="text/javascript"> width=330; height=280; wral_insert_video_player_2820107(width,height); </script> Hi folks first time on this particular board. I once encountered a realy simple "CMS" system. somehow there was an area on "index.htm" that called in a .txt file and displayed it. what would the code be to do this? I thought about Iframes but this is depricated nowadays. Also I want to use this method (if it exists) to build an admin area which writes to the afore-mentioned .txt file in order to make simple updates to the text on the site. Can I do this? Thanks for helping sorry im a bit of a n00b! I just launched my first web page (free on GoDaddy) and it doesn't run right. It is only simple html. it keeps trying to reload. I thought at first the header GD inserts was try to fit into a space not big enough, so I put in a few <br/> to make room but that did not work. Here is a sample of my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title></title> </head> <frameset rows="18%,82%"> <frame src="CryofFreedomheader.htm" marginwidth="0" marginheight="0" scrolling="no"/> <frameset cols="25%,75%"> <frame src="navbar.htm"/> <frame src="cofcontent.htm" name="cofcontent" /> </frameset> <noframes> <h1>>This frameset document contains:</h1> <ul> <li>page1</li> <li>page2</li> <li>page3</li> </ul> </noframes> </frameset> </html> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>cofcontent</title> </head> <body> <br/> <br/> <br/> <br/> <br/> <h1></h1> <p style="font-size: 15pt; font-weight: bold"></p> <p> © 2009 </p> </body> </html> Any help will be appreciated. I seem to remember creating simple webpages by writing minimal html code and opening either ( I think...) the text file with the browser or changing the text file to a .html file and opening that with a browser. This doesn't seem to work for me anymore... Has something happened with current browsers where they will not display the code as they once did for me? I need to make a calculator for a website. The user would have a couple of inputs, which would run through a formula, and have an output. I don't know where to start. You'd think there would be tutorials for something as simple as this sounds. Your help is appreciated. Hi. In a table data I have four lines of text each line separated by a <br> The text are different font sizes. The issue I am having is that the lines have space between them above and below. How do I get the lines of text closer together using simple html? text line 1 | (this space) | text line 2 Regards Hi, Im making a website for a family member. It turns out we need to modify some html to get it to look how we want. (we are using a control panel / template style program) to make the website I have a search box and go button layered on top of the header/banner of my website. In internet explorer the banner is partially blanked out by the search box (but not in firefox or safari). Take a look at: http://cart.street-pharmacy.com. Below is the code I think needs modifiying. Thanks in advance Ben <div> <form action="{$url_http}" method="get" style="padding:0px;margin:0px;"> <table border="0" style="float:right; margin:32px 4px 0px 0px;"> <tr><td><input type="hidden" name="p" value="catalog"/> <input type="hidden" name="mode" value="search"/> <input type="hidden" name="search_in" value="all"/> <input maxlength="256" type="text" name="search_str" style="width:122px;font-size:10px;"/></td> <td><input type="submit" value="Go"/></td></tr> </table> </form> </div> Hello, i would like a code that would allow one user at a time to enter ONE word into a box and submit, once its submitted the word is put on the page, in order so it creates a sort of story. Any help is good!! Okay so im making a new site and i have one problem. All i need to do is when you click on a button an image appears saying "Generating" and then after around 5 seconds it then shows a link. Only problem is i don't know how to do it Could anyone tell me how i could do this? Thanks! |