HTML - Table Problem Causing Vertical Line
Something in this page is causing a vertical white line on the right hand side of the main table.
Can anyone help me figure this out? www.massagelaunch.com Thanks. Similar TutorialsHiya, I have a simple table with no borders, two columns wide. The only part of the table I want to make visible is the central vertical line that separates the two columns (no other vertical lines showing, and no horizontal lines showing). If it's possible, how can I do this? Thanks, James Is there an easy way to make a vertical line? For example, some equivalent to <HR> ? Thank you. Hello can anybody help my with html about a vertical line with wat codeyo can make a vertical line for your website in html. Erwin In this code below (and attached image) there is a vertical line that seperates the left column from the main content of the page. Can you please tell me where the vertical line is in this code and how I can shorten it? Thanks. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.11 Transitional//EN"> <html><head> <title>test</title> <script src="java.js" type="text/javascript"></script> <link rel="STYLESHEET" type="text/css" href="styles.css"> <style type="text/css"> .test{background-color:#ffdead;} #header { width: 830px; margin-left: auto; margin-right: auto; margin-top: -15px; background-color: #ffdead; } #header_table { width: 75%; border-collapse: collapse; border: solid 1px; border-color: #b7b7b7; } .header_bar { padding: 0px; margin: 0px; border-bottom-style: solid; border-bottom-width: 10px; border-bottom-color: #b7b7b7; background-color: #800000; width: 150px; border-collapse: collapse; border-right-width: 0px; border-left-width: 0px; } .header_body { padding: 0px; margin: 0px; border-left-style: solid; border-left-width: 1px; border-left-color: #b7b7b7; border-right-style: solid; border-right-width: 1px; border-right-color: #b7b7b7; } </style> </head> <body bgcolor="#ffffff"> <table id="header_table" align='center' cellpadding='0' cellspacing='0'> <tr> <td class="header_bar" colspan='2'> </td> </tr> <tr> <td align='center' colspan='2'> <img src="imgi/img11.jpg" height="134" width="461"> <img src="imgi/topimg2.jpg" height="160" width="309"> </td> </tr> <tr> <td class='header_body' valign='top' width="200"> <form action="login.asp" method="post"> <table width="100%" height="100%" align='center' cellpadding="0" cellspacing="0" border="0" > <tr><td valign="top" class='header_bar' colspan='2'> </td></tr> <tr> <!-- SIDE MENU --> <% If Session("PMMS_IN") = "True" Then '// CHECK IF MEMBER IS LOGGED IN ALREADY %> <!-- MENU FOR LOGGED MEMBER ONLY --> <td colspan="2"><br><br>Welcome <i><%'=Session("PMMS_NAME")%></i><br /><br /></td> </tr><tr> <td width="15">º</td> <td><a class="lnk" href="profile.asp">My Profile</a></td> </tr><tr> <td width="15">º</td> <td><a class="lnk" href="_purchase.asp">Purchase</a></td> </tr><tr> <td width="15">º</td> <td><a class="lnk" href="newsletter.asp">Newsletters</a></td> </tr><tr> <td width="15">º</td> <td><a class="lnk" href="members.asp">Member List</a></td> </tr><tr> <td width="15">º</td> <td><a class="lnk" href="members_by_group.asp">Group Member List</a></td> </tr><tr> <td width="15">º</td> <td><a class="lnk" href="file_cate.asp">File Repository</a></td> </tr><tr> <td width="15">º</td> <td><a href="login.asp?logout=True">Log Out</a></td> </tr> <!-- [ MENU FOR LOGGED MEMBER ONLY ] --> <% Else ' IF NOT LOGGED IN THEN SHOW THE LOGIN FORM%> <!-- INCLUDE LOGIN FORM --> <br><br><td colspan='2'><br><br>Username:<center><br /><input class="textbox" type="Text" name="username" value="<%=Trim(Request.Cookies("USERNAME"))%>" maxlength="25" size="20" /></td> </tr><tr> <td colspan='2'><br>Password:<center><br /><input class="textbox" type="Password" name="password" value="" maxlength="25" size="20" /></td> </tr><tr> <td> <br><input type="Checkbox" name="rem" value="1"<%If NOT Trim(Request.Cookies("USERNAME")) = "" Then%> checked<%End If%> />Save Username<br /> <input style="width: 50%;" type="Submit" value="Login Now" /><br /><br /><a href="reminder.asp">Password Reminder</a> </td> </tr> <tr> <td> <br /> <input type="Hidden" name="mode" value="login" /><input type="Hidden" name="ref_page" value="<% If Len(Trim(Request.QueryString("ref_page"))) = 0 Then%><%=Request.ServerVariables("URL") & "?" & Request.QueryString%><%Else%><%=Request.QueryString("ref_page")%><%End If%>" /> <!-- [ INCLUDE LOGIN FORM ] --> <% End If %> </td> </tr> <tr> <td> <br /><br /> <img src="img/linkimg1.gif" width="25" height="24" alt="" border="0" /><a class="MainMenuLNKExample" href="index.asp"> HOME</a><br /><br> <img src="img/linkimg3.gif" width="25" height="24" alt="" border="0" /><a class="MainMenuLNKExample" href="register.asp"> FAQ</a><br /><br> <% If Session("PMMS_IN") = "True" Then '// CHECK IF MEMBER IS LOGGED IN ALREADY %> <img src="img/_example/arrow_gray_top_inverse_b.gif" width="15" height="14" alt="" border="0" /><a class="MainMenuLNKExample" href="login.asp?logout=True">LOG OUT</a> <% Else %> <img src="img/linkimg2.gif" width="25" height="24" alt="" border="0" /><a class="MainMenuLNKExample" href="register.asp"> REGISTER</a><br /><br> <% End If %> <img src="img/linkimg4.gif" width="25" height="24" alt="" border="0" /><a class="MainMenuLNKExample" href="register.asp"> TERMS OF USE</a><br /><br> <img src="img/linkimg5.gif" width="25" height="24" alt="" border="0" /><a class="MainMenuLNKExample" href="register.asp"> CONTACT US</a><br /><br /> </a> <!-- [ SIDE MENU ] --> <br /><br /> </td> </tr> </table> </form> </td> <td class='header_body'> <!-- MAIN PAGE CONTENT --> The title says it all. I'm the webmaster for a basketball sim league. I'm an HTML-noob, but I have enough basic skill to sporadically update. While recently updating the website, I coded over a vertical line. In the process, the entire column shifted about a 1/8 an inch downward. I didn't make the template for the site, but someone else from the sim league did. Can someone please help me bring back the vertical line and realign the column? Thanks much in advance!! Here's a link to the website: http://abca-basketball.com The column that I'm talking about is on the far right, and the missing vertical line that I'm talking about was in between the middle column and the one on the far right. Again, thanks alot in advance! I'm working with this web page code (below) and I'd like to seperate the two cells (or tables, I'm not sure). The one on the left holds the log-in and the links, and the one on the right contains the main text. I've attached an image and am showing the borders just to show you where the cells are. (I'm adding the lower half of the code to a reply, due to sixe limitations of this post). I'd like to seperate these two and run a vertical line between them. Can you help me with this? Code: <HTML> <HEAD> <Title></Title> <style type="text/css"> body {margin: 1px 100px; 0px 100px; padding: 1px;} </style> </HEAD> <BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0"> <TABLE cellSpacing=0 valign=top cellPadding=0 width=100% border=0> <TR valign=middle height=10> <TD class=headera1><IMG src="/images/clear.gif" height=1 width=159 border=0></TD> <TD width="100%" align=right class=headera2> </TD> </TR> <TR> <TD class=headera3><IMG src="/images/clear.gif" height=1 width=159 border=0></TD> <TD width="100%" align=right class=headera4> </TD> </tr> <TR valign=top> <TD><!--<IMG src="/smusermanager/images/logo1.gif" height=150 width=159 border=0>--></TD> <TD valign=left width=795 height=1><IMG src="/images/topimg.jpg"> <IMG src="/images/topimg.jpg"></font></TD> </TR> <TR valign=top height=1> <TD colspan=2 class=black><IMG src="/images/clear.gif" height=1 width=100% border=0></TD> </TR> </TABLE> <TABLE cellSpacing=0 valign=top cellPadding=0 height=100% width=100% border=0> <TR valign=top> <TD width=10%> <TABLE cellSpacing=0 valign=top cellPadding=0 width=100% border=0> <TR valign=middle> <TD valign=middle class=lightgrey><IMG src="/images/clear.gif" height=20 width=160 align=absmiddle></TD> </TR> <TR valign=top height=2> <TD><IMG src="/images/clear.gif" height=2 width=160 border=0></TD> </TR> </TABLE> <TABLE cellSpacing=0 cellPadding=0 width=100% border=1> <TR> <TD><font class=tbody> <form action="/smusermanager/members/default.asp?action=login" method=post name=login language="JAVASCRIPT" onsubmit="return Validate();"><input type=hidden name=todo value="login"><input type=hidden name=url value="/smusermanager/members/default.asp"> <table border=0 cellspacing=0 cellpadding=0 width=95% align=center class=colorformborder><tr class=colorformborder><td><table border=0 cellspacing=0 width=100% cellpadding=0><tr class=colorformborder><td colspan=2><table border=0 cellspacing=1 cellpadding=5 width=100% colspan=2><tr class=colorformheader><td colspan=2><font class=textsize9><font color=white><b>Login Here</b></font></td></tr> <tr class=colorformfields><td align=center colspan=2><font class=textsize9></font></td></tr><tr class=colorformfieldsalt><td align=right width=50% ><font class=textsize9>Email Address</font></td><td><font class=textsize9><input class=fieldbox type=text size=20 maxlength=50 name="members_username"></font></td></tr> <tr class=colorformfields><td align=right width=20% ><font class=textsize9>Password</font></td><td><font class=textsize9><input class=fieldbox type=password size=20 maxlength=50 name="members_password"></font></td></tr><tr class=colorformfields><td colspan=2 align=right><font class=textsize9><input class=fieldbox type=submit value="Login" id=submit2 name=submit2></font></td></tr> </td></tr></table></td></tr></table></td></tr></table></form> <div style="padding-left: 24px;"> <font face="Arial" color="#000000" size="3"><img src="/images/Hphone.gif" style="vertical-align: middle;"><a href="?action=login"> Home</a><br><br> <IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone1.gif" style="vertical-align: middle;"><a href="?action=register"> Register</a><br><br> <IMG src="/images/clear.gif" width=1 height=5><br><!--<IMG src="/images/hphon.gif">--><img src="/images/hphone2.gif" style="vertical-align: middle;"><a href="?action=forgotusername"> FAQ</a><br><br> <IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone3.gif" style="vertical-align: middle;"><a href="?action=forgotusername"> Terms Of Use</a><br><br> <IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone4.gif" hspace="4px" style="vertical-align: middle;"> <a href="?action=forgotusername"> Contact Us</a><br><br> <IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphon.gif" style="vertical-align: middle;"><a href="?action=forgotpass"> Forgot Password</a><br><br> <IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone7.gif" style="vertical-align: middle;"><a href="?action=forgotusername"> Forgot Username</a></font></div> </font> </TD> </TR> </TABLE> </TD> <TD width="1" height=100% background="/smusermanager/images/dot.gif"> <TABLE cellSpacing=0 valign=top cellPadding=0 width=1 border=0> <TR valign=middle> <TD valign=middle class=lightgrey><IMG src="/smusermanager/images/clear.gif" height=20 width=1 align=absmiddle></TD> </TR> <TR valign=top height=2> <TD class=white><IMG src="/smusermanager/images/clear.gif" height=2 width=1 border=0></TD> </TR> <TR valign=top height=3> <TD class=gray><IMG src="/smusermanager/images/clear.gif" height=3 width=1 border=0></TD> </TR> </TABLE> </TD> <TD width=100%> <TABLE cellSpacing=0 cellPadding=0 width=100% border=0> <TR valign=middle> <TD valign=middle class=lightgrey><IMG src="/smusermanager/images/clear.gif" height=20 width=1 align=absmiddle></TD> </TR> <TR valign=top height=2> <TD class=white><IMG src="/smusermanager/images/clear.gif" height=2 width=1 border=0></TD> </TR> <TR valign=top height=3> <TD class=gray><IMG src="/smusermanager/images/clear.gif" height=3 width=11 border=0></TD> </TR> <TR> <TD valign=top><font class=tbody> I am working on the webpage: http://www.ashleylandscaping.com All works well, until you click on the "Contact" button. If you look at the other pages, everything is displayed properly. On the "Contact" page you will see a "Contact Us Form". When i have this form/table on the webpage, the whole bottom of the page disappears. If I remove that form from the page, everything looks fine. It must be just 1 or 2 things i'm missing, but I cant see it for the life of me. Hi All, I'm trying to show an image in a table but I end up with a bottom border of three to four pixels beneath it. Here's a simplified example of my table: Code: <table bgcolor="#00CC66" border="0" cellpadding="0" cellspacing="0"> <td> <img src="images/dummy.jpg" border="0"> </td> </table> You can see it in action here. The dummy.jpg is the grey box btw. hi I have used this cdata like this <script type="text/javascript"> <![CDATA[ function change_palette() etc...... ]]> </script> but the javascript is not at all working in IE.. I use script's in between a lot so I want this to be valid in w3c....... I tried this also //<![CDATA[ //]]> but no use, can I know how to use this without effecting the functionality in any browsers? its urgent plse... I'm trying to create a table with two rows, the first row would align to the top of the table and the second row would align to the bottom. I don't have any problems getting the rows to align correctly, but I can't get the table to fill 100% of the allotted space (it works in firefox, but not in IE or Safari). I've read that height isn't a valid piece of code, so this is why it won't expand vertically, but does anybody have any other ideas on how I could get my rows to do what I need them to? The code I'm using basically looks like this ... <table> <tr> <td valign="top"> </td> </tr> <tr> <td valign="bottom"> </td> </tr> </table> Thanks I wanted to have the scrollbar in my table inside my web page instead of extending the page making it longer when I have plenty of text... This is what I have at the moment: [code]<td height="420px"> </td> <td height="420px"> <table width="100%" height="420px" border="1"> <tr> <td width="70%" valign="top" height="400px" overflow:"auto"; class="component"><jdoc:include type="component" /> </td> <td class="valign"> <table class="table1" border="0"> <tr> <td height="10px"> <div id="recent"> Recent Project </div> </td> </tr> <tr> <td> <jdoc:include type="modules" name="recentproj" /></td> </tr></table> </td> </tr> </table> [code] Hi, I just thought I'd jump right in with my query. I'm looking to make Text in a table cell vertical, I've come up with solution of inserting <br />'s after each letter <table> <tr><th class="green">O<br />n<br />e</th> <th>Two</th> <th>Three</th></tr> </table> but I just wanted to know, is there a way of achieving this without doing this, can I control the size of the cell with css? thanks htmlhex I need help with making a vertical scroll box w/ table just dont know the html code for a vertical scroll box.. I know the table but i dont think its right. ___ <table border="1"> <tr> <th>Heading</th> <th>Another Heading</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> ___ Thanx in Advance! Hi everyone, I am working on a table for a future website and I need some help. I need to make the text at the top vertical, as in taking the word and turning it 90 degrees to the left. The best way for me to explain this is to show u the problem/test page. http://aquariachat.com/bigchangesare...chartfeb23.php I am making the chart/table in a simple html editor if that information is of any use. Thanks a lot, Drew Hi I am creating a website template for a content management system, so i need to ensure that the content area can vertically stretch to any height, But i am currently having some trouble with the tables. I was wondering if anyone has a solution that would allow the content area to stretch without showing the grey background behind the surrounding images, as shown in the screenshot. The bottom row can be extended without issue, but by default when content is added to the content area its the middle row that is extending. How can i stop this? Also i need to centre both the tables, but one is an absolute div. Is there someway i can centre these but ensure that both tables are always aligned on top of each other? Thanks in advance for your help. HTML Code: <html> <head> <meta http-equiv="Content-Language" content="en-au"> <title>NewcastleRoofingWebsite1024x768</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body bgcolor="#C0C0C0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (NewcastleRoofingWebsite1024x768.psd) --> <div > <table id="Table_01" width="1015" height="761" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="12"> <img src="images/index_01.jpg" width="1015" height="229" alt=""></td> </tr> <tr> <td colspan="2" rowspan="2"> <img src="images/index_02.jpg" width="282" height="47" alt=""></td> <td> <img src="images/index_03.jpg" width="116" height="36" alt=""></td> <td rowspan="2"> <img src="images/index_04.jpg" width="2" height="47" alt=""></td> <td> <img src="images/index_05.jpg" width="117" height="36" alt=""></td> <td rowspan="2"> <img src="images/index_06.jpg" width="2" height="47" alt=""></td> <td> <img src="images/index_07.jpg" width="117" height="36" alt=""></td> <td rowspan="2"> <img src="images/index_08.jpg" width="2" height="47" alt=""></td> <td> <img src="images/index_09.jpg" width="117" height="36" alt=""></td> <td rowspan="2"> <img src="images/index_10.jpg" width="2" height="47" alt=""></td> <td> <img src="images/index_11.jpg" width="119" height="36" alt=""></td> <td rowspan="2"> <img src="images/index_12.jpg" width="139" height="47" alt=""></td> </tr> <tr> <td> <img src="images/index_13.jpg" width="116" height="11" alt=""></td> <td> <img src="images/index_14.jpg" width="117" height="11" alt=""></td> <td> <img src="images/index_15.jpg" width="117" height="11" alt=""></td> <td> <img src="images/index_16.jpg" width="117" height="11" alt=""></td> <td> <img src="images/index_17.jpg" width="119" height="11" alt=""></td> </tr> <tr> <td> <img src="images/index_18.jpg" width="10" height="9" alt=""></td> <td colspan="11" rowspan="2"> <img src="images/index_19.jpg" width="1005" height="484" alt=""></td> </tr> <tr> <td> <img src="images/index_20.jpg" width="10" height="475" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="10" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="272" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="116" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="117" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="117" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="117" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="2" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="119" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="139" height="1" alt=""></td> </tr> </table> <p> </p> <div style="position: absolute; width: 1020px; height: 100%; z-index: 1; top: 288px; left:0" id="layer2"> <table id="Table_01" width="1015" height="477" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="50" colspan="2"> </td> <td colspan="5"> <img src="images/index_05.png" width="806" height="50" alt=""></td> <td> </td> </tr> <tr> <td height="257" colspan="2"> </td> <td colspan="2" background="images/index_08.png" height="257"> </td> <td rowspan="2" bgcolor="#FFFFFF"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> <p> <p> </td> <td colspan="2" background="index_10.png" height="257"> </td> <td height="257"> </td> </tr> <tr> <td colspan="3" background="index_12.png"> <p>h</td> <td background="images/index_13.png"> </td> <td background="images/index_14.png"> </td> <td colspan="2" background="index_15.png"> </td> </tr> <tr> <td height="41" colspan="2"> <img src="images/index_16.png" width="96" height="41" alt=""></td> <td colspan="5"> <img src="images/index_17.png" width="806" height="41" alt=""></td> <td> <img src="images/index_18.png" width="113" height="41" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="10" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="86" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="33" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="9" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="716" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="9" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="39" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="113" height="1" alt=""></td> </tr> </table></div></div> <!-- End ImageReady Slices --> </body> </html> i have script that shown image in table, i want the table shown in horizontal not vertical this is the entire script, and the table that influence is in the red i think below any idea guys what i need to edit? Quote: # Photo Album # 1.1 # # Displays a members photos class user_photoplog_album extends z_module { # Set the maximum amount of images any users are allowed to display var $max_images = 5; function contents() { $content = $this->content; $vbulletin = $this->_zoints->external->vbulletin; # If limit hasnt been set or is over the admin set maximum, set it to the admin max if(empty($content['max_pics']) OR $content['max_pics'] > $this->max_images) { $limit_sql = 'LIMIT ' . $this->max_images; } # Otherwise, let them set it else { $limit_sql = 'LIMIT ' . $content['max_pics']; } # Get all photos the user has $getphotos = $vbulletin->db->query_read(" SELECT * FROM " . TABLE_PREFIX . "photoplog_fileuploads WHERE userid=" . $this->zuser . " AND moderate=0 ORDER BY dateline DESC " . $limit_sql . " "); $html .= '<div class="' . $this->style['pmain1'] . '" style="padding: 0;">'; # Does the user have any photos? if ($vbulletin->db->num_rows($getphotos)) { # Display the top of the table $html .= ' <table border="0" width="100%"> <tr> <td width="100" overflow-x: scroll; overflow-y: hidden; align="center" class="phead"> Image </td>'; # Display the details? if(!$content['details']) { $html .= ' '; } $html .= ' </tr>'; # loop and display all that have been fetched from the DB while($photo = $vbulletin->db->fetch_array($getphotos)) { # Display image cell $html .= ' <tr> <td width="100" align="center" class="pmain2"> <a href="' . $this->_zoints->external->url() . 'imagehosting/image' . $photo['fileid'] . '.html" target="_blank""> <img src="' . $this->_zoints->external->url() . 'imagehosting/images/' . $photo['userid'] . '/small/' . $photo['filename'] . '" /> </a> </td> '; # Display the image details? if(!$content['details']) { $html .= ' '; } $html .= '</tr>'; } $html .= '</table> <p><a href="index.php?u=' . $this->zuser . '" target="_blank">View All Photos</a> </p> <div> <p>'; } # Nope, tell them they have none else { $html .= 'You don\'t have any photos. <a href="upload.php" target="_blank">Upload photos now!</a>'; } $vbulletin->db->free_result($getphotos); $html .= '</p> </div>'; return $html; } function update($content) { return $content; } function edit() { $content = $this->content; if($content['max_pics'] AND $content['max_pics'] < $this->max_images) { $limit = htmlspecialchars($content['max_pics']); } else { $limit = $this->max_images; } $html .= '<div class="pmain1">'; # Disable description checkbox $html .= 'Disable image details? '; $html .= '<input type="checkbox" name="mod[content][details]" ' . ($content['details'] ? 'checked="checked"': '') . ' /> <br />'; # Max pictures textbox $html .= 'Max pictures to display '; $html .= '<input type="text" name="mod[content][max_pics]" value="' . $limit . '" size="5" /> '; $html .= '<span style="font-size: 7pt; color: #848484;">(max ' . $this->max_images . ' allowed)</span> '; $html .= '</div>'; return $html; } } Hello to all Forum members. It's my first post here. I have a problem on my site using FF 2.0 and opera. When you open http://review4dummies.com/test/index.php you see it has horizontal alignment = center, but when you click on link About Us the site will move about 10 pixels to the right and of course its centered but... huh not exactly. When you browse and click on link Contact Us its back to normal. Clicking on report-a-bug does not move site too. I was checking whole code and noticed that if i add some paragraphs and blank tables to the about-us.php file everything seems to be ok. This is driving me nuts, any help will be apreciated. PS: in ie6 everyting seems to be ok. PS2: I also noticed this bug on some sites: eg. home.pl when you click on menulink "Praca" it will move horizontaly too. eg2. nazwa.pl when you click on menulink "KONTAKT" it will move too. Anybody? Best Regards! So I have a table: HTML Code: <table width="800" height="600" border="0" align="center" cellpadding="0" cellspacing="0"> ... </table> I want to have the table be both horizontally and vertically centered in the browser window... How can I do this. I've looked at all sorts of html and css methods, but nothing has worked yet! Thanks Hello! I am new here, I know CSS and HTML basics and would like to ask you how to put a vertical slider inside a table cell. Thank you! www.ssties.com/product.html I have fought with this all weekend and cannot find the offending piece of code. I want each of the product rows to be about 20 pixels high, just enough to fit the image graphic and text without additional blank space in the cell. For some reason I cannot seem to shrink these table cells beyond 45 points. Also, this site is a WIP, so I realize there will likely be other errors. But this is the one that has me stumped. Thanks |