HTML - Whats Wrong With My Coding???
Does anyone see a problem with my coding? I viewed my website on the newest version of Firefox and it rang great but on IE 7 my right sidebar was where it needed to be but my main content was dropped under the left sidebar but in the middle of the page. When I get rid of the left sidebar my main content jumps back up to the top of the page under the header rather then go underneath the sidebar left.
Can anyone please help me. Thank you Stacy HTML Code: </head> <body class="twoColLiqRtHdr"> <div id="container"> <div id="header"> [b]header here[/b] <!-- end #header --></div> <div id="sidebar_right"> [b]sidebar here[/b] </div> <!-- end #sidebar_right--> <div class="style13" id="sidebar_left"> [b]sidebar here[/b] </div> </div> </div> <!-- end #sidebar_left --> <div id="mainContent"> [b]main content here[/b] </div> Code: .twoColLiqRtHdr #mainContent { padding-top:0px; width:620px; margin:0 26% 0 170px; position: relative; } .twoColLiqRtHdr #container { width:80%; background:#000; border:1px solid #000; text-align:left; margin:0 auto; } .twoColLiqRtHdr #header { background:#000; padding:0 10px; } .twoColLiqRtHdr #sidebar_right { float:right; width:200px; background:#000; padding-top:15px 10px 15px 20px; position:absolute; left:950px; top:280px; } .twoColLiqRtHdr #sidebar_left { float:left; width:180px; background:#000; position:relative; left:-70px; margin-right: -30px; top: 70px; z-index: 50000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFF; padding: 10px; } Similar Tutorialsso I'm making a forum and I am having a small problem with something. When I first open my forum the 'userbar' with contains the sign in and create account links does not show. If I add a margin to the userbar the links do appear so its like they are being covered by something when I first open the page. When I click the create topics links it tells me I can't create topics because I'm not signned in and provides a link to the sign in page. Once I sign in the userbar appears I have attached a file with screen shots of the forum so i hope that will help explain my problem. I didn't post any code because I'm not sure what part of my code is causing this error Hope someone can help Im trying to fix a leftnav on a website www.meshoxford.com If you click down the leftnav through everything under home it should work, if you click back on home though the site breaks... but if you load the page and go to publications, then back to home it works... I can not figure out why its doing this! Thx Matt I have this table and the contents inside and all when i click preview it adds lotsa space above the table why ??? and how to fix it ??? sum1 fixed it on dreamweaver but i dont use that i use frontpage and i compared the codes and could not find the difference anyway yall check it and see the preview mode this is the code HTML Code: <table> <tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">Name:</font><td width="252"><input type="text" name="visitor" size="35" /></td></td> <br /> <td width="67"> </td><td></td><br /></tr> <tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1">Email:<br /> </font><td width="252"><input type="text" name="visitormail" size="35" /></td></td> <td width="67"> </td><td></td></tr> <tr><td align="right"><font face="Arial Rounded MT Bold" color="#0B74C1"> Subject:<br /></font><td width="252"> <input type="text" name="attn" size="35" /></td></td> <td width="67"> </td><td></td></tr> <tr><td align="right" valign="top"> <font face="Arial Rounded MT Bold" color="#0B74C1"><br />Message:</font></td> <td width="252"><textarea name="notes" rows="6" cols="29"></textarea></td> <td width="67"> </td></tr> <br /> <tr><td align="right" height="27"> </td> <td width="252" height="27" align="center"> <p align="center"> <input type="submit" value="Send" <INPUT type=submit value="Check" style="color: #FFFFFF; font-family: MS Sans Serif; font-size: 8pt; border-style: ridge; border-width: 3; background-color: #074A7C"></td> <td width="67" height="27"> <p align="center"> </td></tr> <br /> </table> Thanx Ok so basically I need this to work, it should, im hoping submit the checked radio button to the website ive directed it to (action), this is a game, not a real theft for anyone wondering so can anyone fix it and reply back asap? thanks! <html> <title>GTA</title> <head> <SCRIPT LANGUAGE="JavaScript"> setTimeout('document.gta_form.submit()',1800); </SCRIPT> <form method="post" action="http://www.gangsterparadise2.com/gta.php" name="gta_form" id="gta_form"> <input name="choose" type="radio" value="1" checked/> Steal from a Car Factory <br> <input name="Submit" type="submit" class="formbutton" value="Do that ****!" id="gta" /> </form> </head> </html> Hello, I'm a newbie to these sorts of things. I'm also not sure what the technical jargon is for this so please bare with me. What I want to achieve is to have the sitemenu part stretch across the entire table ending with the image tags (visually I want the sitemenu part to end with rounded edges which I made as an image). Is this even possible? I am not sure how to accomplish this. At the moment whilst the end image caps the sitemenu column, it does not stretch to the end of the rest of the table and the beginning image is hanging out at the very start where I want it to sit, but sitemenu does not reach it. I thought it was a problem with my colspan but touching it just destroys the entire thing. For further clarification here is what it looks like: http://img.photobucket.com/albums/v2...arghtables.jpg And here is what I WANT it to look like: http://img.photobucket.com/albums/v2...ouldbenice.jpg Here is the current code that I have: Code: <table cellspacing="0" cellpadding="0" border="0" align="center" width="90%"> <tr> <td colspan="5" id="sitetitle"><img src="banner.jpg"></td> </tr> <tr> <td colspan="5" id="emptyrow"></td> </tr> <tr> <td width="15" valign="top"><img src="left.jpg" width="15" height="53" border="0"></td> <td colspan="3" id="sitemenu">Hello</td> <td valign="top" width="15"><img src="right.jpg" width="15" height="53" border="0"></td> </tr> <tr> <td colspan="5" id="emptyrow"></td> </tr> <tr> <td id="hmenu" valign="top"> <p>Stuff</p> </td> <td id="emptycolumn"></td> <td id="content" valign="top"> <p>Stuff.</p> </td> <td id="emptycolumn"></td> <td id="vmenu" valign="top"> <p>Stuff.</p> </td> </tr> <tr> <td colspan="5" id="emptyrow"></td> </tr> <tr> <td colspan="5" id="sitecredits">Credits</td> </tr> </table> Thank you for the help! In a html file I found, it had & # 8 2 0 6 ; (The above but without whitespace in it.) Does anyone know which character this is for? i was wandering whats the best code to look into for a noob to web design. I know a little in html, but i was wandering is there a certain new language that might be really popular in the future maybe the newest language for web design? thanks....and also please include if you could a website to help you learn it Hello webMasters!! I had a problem with my website the other day and someone helped me fix it almost immediately! THANK YOU! I came across another problem, this one is particularly tricky because I cannot find where the code is broken. . . under my website on this link. .. http://www.rentxotic.com/?page=exotic-car-fleet you will see some pictures of cars. Originally if you were to mouse over the cars, some specs would pop up. Now for some reason I do not know why the specs dont pop up when you mouse over. I saw all the code, I am a novice but nothing pops out at me that looks wrong. Would appreciate any help!!!! - Ryan I am having the hardest time I been working on trying to fit this form into a iframe and have it position relative on my website. The iframe is positioned correctly on my page but I dont know if its margins, padding, or the width and height that i got wrong but the iframe is blocking some of my html from being highlighted because the iframe is sitting ontop of some of the text around the form. Here is my HTML code and my CSS file HTML: HTML Code: <br /> <br /> <span class="contact"> <iframe src ="contactform.php" allowtransparency="true" position="absolute" width="550" height="600" frameborder="0" scrolling="no"></iframe></span> <br /> <br /> CSS Code: } .contact { position: relative; left: 300px; top: -1125px; } i was just told that frames are not good to use... i was wondering what a good alt to frames was Hi there Guys Im Looking for the HTML Code for how to make a box with html links at the top with a border all the way round the box, Exactly the same as this guy has done: http://www.gappon.com/ Could somebody please paste the code on here Thanks Hi All, Im just wondering what the standard Width and Height is for a website nowadays? Thanks in Advance Hey Everyone, I need to set up some kind of html form which provides people with a registration ID, or number of sorts. The application of this kind of system would be so that if I had people registering for a conference, they could receive a committee assignment immediately. I'd appreciate any responses helping me. Thanks Guys (and ladies!) Bromo8824 At this website: http://sungbc.org/missions.php I liked how they made it so that the different people could be clicked on and a new mini-page would load on the page. Does anybody know how to do that im having some trouble with putting stuff in the middle of my site because whenever i put something in the middle it moves my left nav bar down if you go here u can see what im talking about right now im using kompozer to make the site http://www.freewebs.com/zxgamerreviews/test22.html Hello, I am trying to create a page with a link that opens on a new page. This link will have an iframe to display another website. What I then want to do is have a pop over appear that will take me back to the original page. Is this possible and if so how would I code this. Oh and another thing. The first page will redirect itself after 10 secs. So this is what I want: Page A has a link that will open Page B Page A will redirect to another page after ten secs Page B will display a pop over when you click the pop over it will take you back to page A instead of opening a new page or changing to the link within page B. I hope this makes sense. So I all I need to know is how to make the pop over go back to page A. Thanks I work for a hospital and we are moving into a new building. The employees want me to put a simple countdown "ticker" on our intranet. The move is in a few months. Any one know code to create a date countdown? Hello all! Cool place here and I hope with lots of experts. I have a n html template for a mod on my site and I cannot for the life of me figure out how to get it how I want. Basically what I want to do is remove the leftside images and move the titles on the right into its spot. I will post an image of what I am talkiking about and the code. Remove what is circled in red and put the tiles on the right into its spot. HTML Code: <div class="quick_links_elink" style="background-color: white;"> <div class="lcont_top"> <div id="lcont_img__unit_id__" style="left: 0px; position: left;"> <a href="__category_url__" class="main_l"> <img style="top:10px; max-height:16px;" alt="" src="__category_cover_image__" width="50px"/> </a> </div> <div id="js_control_section0__unit_id__" style="padding-left: 5px;"> <a href="__category_url__" class="main_l"> __category_name__ </a> </div> <div class="js_control_section" id="js_control_section__unit_id__" title="Show / Hide" bximg="lcont_img__unit_id__" bxchild="lcont_other__unit_id__" style="background-position: 0px -17px;"></div> </div> <div class="quick_links_elink_lcont" id="lcont_other__unit_id__" style="display: none; top:40px; background-color: white;"> <a href="__category_url__" class="main_l"> <img alt="" src="__category_cover_image__" style="top:50px; width:80px; max-height:40px;"/> </a> <div class="lcont_other" > __sub_categories_list__ <div class="clear_both"></div> </div> </div> <script type="text/javascript"> var oShowHideController__unit_id__ = new ShowHideController(); $("#js_control_section__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle(this) } ); /*$("#js_control_section0__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle("#js_control_section__unit_id__") } );*/ </script> </div> THANKS in advance! |