HTML - Table Centering [was "need Help"]
hi guys,
i'm making a simple webpage (using Netscape Composer) and have a problem now - i made some tables there and in netscape navigator and firefox there is no problem, but in explorer the tables are not centered...have no idea what to do, here is part of the code: <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>index.htm</title> </head> <body style="background-image: url(http://sweb.cz/barucibiho/barpic1.jpg); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" alink="#330033" link="#330033" vlink="#330033"> <table style="margin-left: auto; margin-right: auto; background-color: rgb(255, 255, 0); width: 95%; text-align: left;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <align> </align><td style="width: 12%; text-align: center; vertical-align: middle;"><img alt="bar" src="http://sweb.cz/barucibiho/barpic1.jpg" style="width: 150px; height: 100px;"></td> <td style="width: 12%; vertical-align: middle; text-align: center;"><img alt="bar" src="http://sweb.cz/barucibiho/barpic2.jpg" style="width: 150px; height: 100px;"><br> </td> <td style="width: 32%; text-align: center; vertical-align: top;"><big><big><big><big>BAR<br> U ČIBIHO</big></big></big></big><br> </td> <td style="width: 12%; text-align: center; vertical-align: middle;"><img alt="bar" src="http://sweb.cz/barucibiho/barpic1.jpg" style="width: 150px; height: 100px;"></td> <td style="width: 12%; vertical-align: middle; text-align: center;"><img alt="bar" src="http://sweb.cz/barucibiho/barpic2.jpg" style="width: 150px; height: 100px;"></td> </tr> </tbody> </table> <br> thanks a lot for help! Similar Tutorialshi, i am working on <div> i have to hide some part of the table. I am not able to hide that table part can anybady tell me where is the error. Code: <html> <head> <script type="text/javascript"> function callme(){ document.getElementById("hid").style.visibility="visible"; } function hideme(){ document.getElementById("hid").style.visibility="hidden"; } </script> </head> <body> <form name="myform"> <table width="100%" border="4" cellpadding="2" cellspacing="2"> <tr> <td class="tableheader" colspan="9">TS </td> </tr> <div style="visibility:hidden" id="hid"> <tr> <td width="17%" class="labeltext">Tran Code</td> <td width="1%" class="blanktext">:</td> <td colspan="4" class="blanktext">Name</td> </tr> <tr> <td width="17%" class="labeltext">Product Type</td> <td width="1%" class="blanktext">:</td> <td colspan="4" class="blanktext"> </td> </tr> </div> <tr> <td> </td> </tr> </table> <input type="button" onclick="callme()" value="show"> <input type="button" onclick="hideme()" value="hide"> </form> </body> </html> thx in Adv, Hanm. Hey Every one im new on this so i really need help i designed a website but i cant figure out how to center the page when its minimized and when it becomes maximized if no one understands what im talkin about take a look at this website and you will understand im using Dreamweaver Mx 2004 i need help how to make it so it is centerd when the window is minimized and then it becomes centerd when the window is maximized!!!! this is the website im talking about www.parikiaki.net please some help me it will be very much appreciated Thank You Pavzz http://www.colletts.co.uk/winter_dolomites.htm I have the above page that redirects users to my Winter Website - the HTML below isn't valid W3C does anyone know of a better and valid way to get this done? Cheers, Mas HTML Code: <META HTTP-EQUIV="Refresh" CONTENT="2.5;URL=http://www.colletts.co.uk/winter/winter_dolomites.html" /> A customer gave me a Word doc that they want turned into a printer friendly web page. I understand that there are tons of ways to do this but I really want the answer to the subject. What i'm referring to is a form that someone can print from the browser and "fill in the blanks" on the page where there are "underscores". My question is how to code those underscores. I tried manipulating the <hr> tag but it's putting way too much space in between each <hr>. I've already coded a "fill in the blank" line using <u> nbsp;</u> but that looks very messy. What do you guys/gals think? I was hoping someone could clue me in as to whether or not this would be possible. I'm thinking it isn't but I need to make sure. I'd like to provide a file for people to download on my website, but when they click on the link and the download window appears I don't want them to have the option of opening it. Is it possible to only give them the option to save the file? Sounds incredibly unlikely but I gotta know. Hello, I want to load a page in a iframe, and when i do this, i want that page to be displayed not at the begining of that page, i want that page to be displayed at a "x" and "y" position specificated by me. How can i do that? Thank you. What is wrong with this table. My table is not showing correctly. The column on the right side is sticking out a little to much. Please help thx. Code: <table width="122" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="122" height="30" colspan="3" background="http://findacreditsolution.com/images/left_blue_title.gif"> </td> </tr> <tr> <td width="1" background="http://findacreditsolution.com/images/left_mid_bg.gif"> </td> <td align="center">some code here</td> <td width="1" align="left" background="http://findacreditsolution.com/images/right_mid_bg.gif"> </td> </tr> <tr> <td align="center" valign="top" colspan="3" width="122" height="10" background="http://findacreditsolution.com/images/left_bot_bg.gif"> </td> </tr> </table> Hi, I have a problem with validating Strict XHTML 1.0 ... The tag: "option" doesn't have an attribute: "onchange" in currently active versions.[XHTML 1.0 Strict]... Is there a way around this? Here's the code:. <select name="birth_month" onchange="form_d('yes');" size="1" style="width:8em"> <option<?php echo empty($a_birth_month)?' selected="selected"':''?> value="" onchange="form_d('yes');" >Month</option> Thanks Only another million pages to go. Rather than write them out i took a screenshot. So how do i get past those? Hi all, I am currently working on a website using Dreamweaver CS3. Whenever I view the (currently very basic) site in Firefox I get the line of code I entered as the title of this thread at the top of the page (directly above the banner) as if I had just typed it into the canvas area (correct term?). Whenever I view it in IE it appears just fine, not sure about other browsers though. I began by creating a template and adding it to the page you see he HTML Code: http://www.geocities.com/makotronic/indexx.htm Here is the code for the template: Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%> <!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" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Template for Parish Website</title> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } body,td,th { font-family: Arial Narrow, Verdana, Arial, sans-serif; } .style5 {font-size: 14px} --> </style></head> <body> <table width="750" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2"><img src="../Images/welcomebanner.gif" width="750" height="125" /></td> </tr> <tr> <td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table></td> <td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td valign="top"><!-- TemplateBeginEditable name="Main Body" -->Main Body<!-- TemplateEndEditable --></td> </tr> </table></td> </tr> </table> </body> </html> And for indexx.htm (I added a second 'x' because I already had a 'index.htm' file in GeoCities): Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%> <!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"><!-- InstanceBegin template="/Templates/template.dwt.asp" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- InstanceBeginEditable name="doctitle" --> <title>Welcome to the Greencastle Parish Website</title> <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="head" --> <style type="text/css"> <!-- .style8 { font-size: 36px; font-weight: bold; } --> </style> <!-- InstanceEndEditable --> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } body,td,th { font-family: Arial Narrow, Verdana, Arial, sans-serif; } .style5 {font-size: 14px} --> </style></head> <body> <table width="750" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2"><img src="Images/welcomebanner.gif" width="750" height="125" /></td> </tr> <tr> <td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table></td> <td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td><!-- InstanceBeginEditable name="Main Body" --> <span class="style8">Header</span> <p class="style3">Main Body</p> <!-- InstanceEndEditable --></td> </tr> </table></td> </tr> </table> </body> <!-- InstanceEnd --></html> Cheers for any help! Niall Hey, I'm trying to write some code for expanding and concealing text You can see this in action at youtube when you click the (more) button to expand text. Suppose I had a heading: MyHeading and a body of text: MyTextHere How do I make it so that when you click MyHeading it makes MyTextHere (initially not visible) appear, and when you click MyHeading again, it makes MyTextHere disappear? Thanks Alot. Here is the code that I am using; Code: <table frame="vsides"> <td> Testing123 </td> </tr> </table> And here is the site with the result; http://radicalwriting.uphero.com/ For some reason it never works quite right, I don't think it's a syntax error. Only thing I could think of would be wrong doctype. Any thoughts? Hello folks, I have written some html, xhtml possibly, which has an href to another page, the second page being in frames and in a new window. It worked fine on an Me but now in XP it won't open the 2nd window (from the link in the first) saying it can't locate file bla bla bla, check the address.... The odd thing is where there were gaps in the address which I blocked in with a " %20 " for the browser to recognise, its saying its looking for the right address but with a 25 where all the %20's are, as well as the twenties themselves, so they now appear as "html%2520code" for example. When I open the file that is the target of the link I get the typical white file not found page, but it is dividing the screen as the frames of that file tell it to do. I would appreciate somebody telling me what the error could possibly be hello, can you please give me a sample code showing the difference between ismap and usemap. I need to give a seminar on it !!!!! Hi there, I m using dom with css in my web page. Using the document type <!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"> My dom effect is not visible in mozilla 2.0. In stead if I am using the document type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> the dom effect is visible. Is this vaild using w3c standards? Any help in this issue would be appreciable. Thanks in advance Hi there, I m using dom with css in my web page. Using the document type <!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"> My dom effect is not visible in mozilla 2.0. In stead if I am using the document type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> Is this vaild using w3c standards? Any help in this issue would be appreciable. Thanks in advance Please help me. This is probably very simple. I have a webform that collects data and then a javascript function calculates som values. The problem I have is that in Sweden we use "," as a decimal separator but the form only accepts "." or else I get error. Please how do you change that!? I have really googled this but I am probably using the wrong terms. BR, Peter Just out of curiosity, if a server returns a page with code 3xx and a "Location: url_1" header, but also includes a <meta http-equiv="refresh" content="0;url=url_2"/> tag, then would the browser be expected to redirect to url_1 or url_2? Hi Jquery Guros, I develop register form (in arabic). I added "validator.addMethod" to check the firstname text.I want to check that the "firstname" text must be in INGLISH leter and Numbers(means, user can't insert arabic leters or anything else). I added the script: ///////// chack firstname (English leter OR numbers <b> Code: $.validator.addMethod("firstname",function(value,element){ return this.optional(element) || /^[a-zA-Z0-9._-]{3,16}$/i.test(value); },"Username are 3-15 characters"); </b> You can check the script at: http://www.alnaddy.com/ldap/index1.php Can anybody help me guys? Thanks a lot. Sam. Hi there, Using fireFox I get the desired result, but when using IE I get the image on the *left* side?! this is my code (the header is a jsp page that has an image and user's info name and last logged in)) <td width="90%" valign="top" align="right"> <tiles:insert attribute='header'/> </td> as you can see the image (header) is align to the right, but IE pushes it to the left (I wrote center - and it still keeps on pushing it to the left) any idea why?? |