HTML - Need Help With Html/css Problem Asap!
Hello 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 Similar TutorialsI 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 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. 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> 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! 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 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! 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 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 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") } 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; } 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> Hi all, Having a bit of a problem trying to verify a site with Google. Uploaded the meta tag code to the index.html page of our site via an FTP server, however when I view the site, it doesn't interpret the html as html, it just shows me the code. The coding that I put in the index.html file is the standard google meta tag verification code: <html> <head> <meta name="google-site-verification" content="iQ3ySqJZaIc0njNiOJyDq1OnskxGqraQvuGKaNAGlbY" /> <title> My title </title> </head> <body> page contents </body> </html> Any ideas why it isn't interpreting it as HTML? I can't verify by the other method because of some issues with forwarding. Any help would be much appreciated! Thanks, Joel I can't get the height of the outer box to fit tight around the smaller ones. It does in Safari but not in most browsers. <html> <body> <table border=1 width=634><td valign=top align=left><form><select id=ctAdmin ><option>Administrative Postings</option><option>Flick Two-to come</option><option>Flick Three-to come</td><td valign=top align=right><form><select id=ctFMA><option>Members Postings</option><option>Flick Two-to come</option><option>Flick Three & Four-to come</option></select></form>"); </body> </html> Can some one please take a look at this and help me get the images to line up as they should!!! http://www.ardmoreweatherlive.com/wx3.php code: <!-- ##### Main Copy ##### --> <br> <font face="verdana,arial" size="3"><center>Click on radar image for full size</center></font> <br> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Reflectivity<br><a href="/wx16.html"><img src="/resize-radar-image.php"></img></a></TH> <TH>Echo Tops<br><a href="/wx17.html""><img src="/resize-et-image.php"></img></a></TH> </TR> </TABLE> </center> <center> <TABLE BORDER> <TR ALIGN=CENTER> <TH>Base Velocity<br><a href="/wx18.html"><img src="/resize-bv1-image.php"></img></a></TH> <TH>Relative Velocity<br><a href="/wx19.html"><img src="/resize-srv1-image.php"></img></a></TH> </TR> </TABLE> </center> <br> </div> <!-- ##### Footer ##### --> Thanks again for the help,Doug I think this is a CSS issue so I posted in the CSS section. Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html> <head> <title>CoAlliance</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"> <!-- ImageReady Slices (Untitled-1) --> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;"> <tr> <td colspan="2"> <img src="images/image_01.jpg" width="1024" height="212" alt=""></td> </tr> <tr> <td> <a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a> <tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br> </tr> </td></tr> </tr> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;"> <tr> <td> <img src="images/image_04.jpg" width="287" height="95" alt=""></td> </tr> <tr> <td> <img src="images/image_05.jpg" width="287" height="85" alt=""></td> </tr> <tr> <td> <img src="images/image_06.jpg" width="287" height="105" alt=""></td> </tr> <tr> <td> <img src="images/image_07.jpg" width="287" height="127" alt=""></td> </tr> <tr> <td colspan="2"> <img src="images/image_08.jpg" width="1024" height="48" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. i'm trying to build a web page using HTML but i'm trying to put pics on it but i dont know how to, can some1 tell me what to do? also can you have a look at my page and tell me if i need to do more to it please and how to do it. coz i feel it looks abit dull many thanks :) http://uk.geocities.com/leighton24@btopenworld.com/ Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html> <head> <title>CoAlliance</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"> <!-- ImageReady Slices (Untitled-1) --> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;"> <tr> <td colspan="2"> <img src="images/image_01.jpg" width="1024" height="212" alt=""></td> </tr> <tr> <td> <a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a> <tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br> </tr> </td></tr> </tr> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;"> <tr> <td> <img src="images/image_04.jpg" width="287" height="95" alt=""></td> </tr> <tr> <td> <img src="images/image_05.jpg" width="287" height="85" alt=""></td> </tr> <tr> <td> <img src="images/image_06.jpg" width="287" height="105" alt=""></td> </tr> <tr> <td> <img src="images/image_07.jpg" width="287" height="127" alt=""></td> </tr> <tr> <td colspan="2"> <img src="images/image_08.jpg" width="1024" height="48" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. Hello This ain't working out so good I am trying to put some stuff on the grey part of the website, but when i do it puts it in between the menu, right under the home button, there is more buttons under the chat box and I wanna put the chat box on the grey part. The grey part of the website, the image is called "image_03" Here is a screenshot and the code will be listed below: Code: <html> <head> <title>CoAlliance</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"> <!-- ImageReady Slices (Untitled-1) --> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;"> <tr> <td colspan="2"> <img src="images/image_01.jpg" width="1024" height="212" alt=""></td> </tr> <tr> <td> <a href=http://www.goldgaming.bravehost.com><img src="images/image_02.jpg" width="287" height="96" alt=""></td></a> <tr><td style="background-image: url('images/image_03.png');"><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNjQzNjkyMTY1OTMmcHQ9MTI2NDM2OTI4NzEwOSZwPTUzMTUxJmQ9Jmc9MSZvPTkwYTllY2MyMzg1YjQyOTU5ZDVi/ZmQyZWM2MDA2YmRl.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=82923250" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=82923250">Go Large!</a></small><br> </tr> </td></tr> </tr> <table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0" style="float: left;"> <tr> <td> <img src="images/image_04.jpg" width="287" height="95" alt=""></td> </tr> <tr> <td> <img src="images/image_05.jpg" width="287" height="85" alt=""></td> </tr> <tr> <td> <img src="images/image_06.jpg" width="287" height="105" alt=""></td> </tr> <tr> <td> <img src="images/image_07.jpg" width="287" height="127" alt=""></td> </tr> <tr> <td colspan="2"> <img src="images/image_08.jpg" width="1024" height="48" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> It would mean so much if you can redo the code or atleast help me out, thanks guys, I appreciate it ALOT. |