|
HTML - Html Table Border Issue In Ie When Printing
Hey everyone,
I'm currently implementing some tables with borders defined via a stylesheet. When attempting to print this in IE7 there appears to be an issue with the way the border is drawn. If there is a table element which is page broken in the middle and continues on a second page, the left and right borders do not appear until the second page. I have tested out my HTML table elements in Firefox and Chrome, and they both produce the correct layout. Here are screenshots of the print output in PDF. Is there anything I can do with the styling to correct this in IE7? IE: http://img198.imageshack.us/img198/5097/18897772.jpg Firefox: http://img691.imageshack.us/img691/5403/firefoxu.jpg Thanks for your time, Mike Similar TutorialsHello, I've been working on a very simple website for a friend, and run into an issue with text alignment when I print from IE (works fine in Firefox). The problem can be seen he While being displayed correctly on the screen, a big gap appears between the image an the body text during printing. As I am not even nearly an expert, I cannot figure out what causes the problem. Any help would be appreciated! Thank you! I think I've totally given up on this, but thought I still pick all of your brains. I'm working with a CMS that has hardcoded tables so that even when you have border="0", a border still shows up on the live page. It's absolutely driving me nuts. Here's what I'm aiming at: I want to place 5 photos going down the right-hand side of the page. The only way I have figured out how to do this is through a table, but the border shows and makes the entire page look like crap. Any other ideas on how I can accomplish this? Thanks! Hello everyone, I've been racing to learn html/css in the past couple weeks to throw up a website, and so far so good. But: I've searched the internet and I cannot find an answer to my questions. The page in question is: http://www.andrew.cmu.edu/user/jonmille/projects.html style sheet (relevant section is in the "Programming: List Settings" section) http://www.andrew.cmu.edu/user/jonmille/style.css You can see that the gray borders under the text/images have a small break in them. I assume it has something to do with the fact that I'm using two columns. How do I fix this and make a solid border (in a non hackish way)? Note: if you say "use css/divs," I wrestled with those for about two hours before I gave up and made a table. Secondly, in IE7, all the images/text are completely flushed left, ignoring the table padding. How can I fix this? Note, I've never checked this site in IE6 or below, and never will, so if it looks wrong in IE6, then the user doesn't deserve to see my site anyway. Thanks for your time! Jon Hello Gurus, I have a webpage with two tables in it. I need to have both table of same identical height(65px) however the issue is, that one table ends up being larger than other one. no matter what I try it does not stay at 65px height. Pleaes help. Below is the code snippet Thanks, Ruchir --------- <html xmlns="http://www.w3.org/1999/xhtml"> <!-- start page --> <div id="page"> <div id="pagebg"> <div id="content"> <div class="post"> <br></br> </div> <!-- start content --> <!-- DIV CONTENT --> <head> <style type="text/css"> /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { /*background: #A17461 url(images/img01.jpg) repeat-x;*/ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #B1C0C7; } /*ol { list-style-position: inside; }*/ blockquote { border-left: 1px solid #9E9D89; } a { color: #FFFFFF; } a:hover { text-decoration: none; } /* Content */ .link:visited { font-family: Georgia,Arial,Verdana; vertical-align:top; color:rgb(0,82,82); text-align:auto; text-decoration:none; vertical-align: top; } .link:hover { font-family: Georgia, Arial,Verdana; vertical-align:top; color:rgb(0,148,231); text-align:auto; text-decoration:underline; vertical-align: top; } .link { font-family: Georgia, Arial,Verdana; vertical-align:top; color:Gray; text-align:auto; text-decoration:none; </style> <body> <div style="margin-left:0%"> <table style="margin-left:0%"> <tr> <td> <!--First Panel --> <div style="font-size:9pt;font-family:Georgia; color:Navy; width:290px; background-image:url(images/gray-gradient.gif); background-repeat:repeat;">label</div> <div> <table cellspacing="0" cellpadding="0" width="290px" height="65px" bgcolor="#fgfgfg" align="left"> <tr align ="left" width="290px" > <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/erpoffering.html" id="l16">Offerings</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id145.html" id="l18">Request More Information</a> </li> </ul> </ul> </td> <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="mailto:sales@coexsys.com" id="l17">Email us</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id144.html" id="l18">Contact us</a> </li> </ul> </td> </tr> </table> </div> </td> <td> <!--2--> <div style="font-size:9pt;font-family:Georgia; color:Navy; width:290px; background-image:url(images/gray-gradient.gif); background-repeat:repeat;">label2</div> <div> <table cellspacing="0" cellpadding="15" width="290px" height="65px" bgcolor="#fgfgfg" align="left"> <tr align ="left" width="290px" > <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/managedservices.html" id="l16">Offerings</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/rfims.html" id="l18">Request More Information</a> </li> </ul> </ul> </td> <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="mailto:sales@coexsys.com" id="l17">Email us</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id144.html" id="l18">Contact us</a> </li> </ul> </td> </tr> </table> </div> </td> </tr> </table> <!--aaa--> </div> </head> </div> <!--content--> <!-- end content --> <!-- start sidebar --> <div style="clear: both;"> </div> </div> </div> <!-- end page --> <!-- start footer <!-- end footer --> </body> </html> i have 2 questions... 1st can any1 help me figure out why i cant get my tables to properly work arround my flash menu ? you can see here if you minimize the window the table lets my flash menu move into my text it use to not do this but i dont know what i did... http://www.freewebs.com/fallingrain11/outcome.html the code im using for this is below :: <tr><td bordercolor="#7FFC00"; align="left" Width="17%" valign="top"> <div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <a href="javascript:void" > <object cellpadding="100"; classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="143" height="395"> <param name="BGCOLOR" value="#0"> <param name=movie value="irawr-flash-menu-vertical.swf"> <param name=quality value=high> <embed src="irawr-flash-menu-vertical.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="143" height="395" bgcolor="#0"> </embed> </object> </a></div> ALSO CAN ANY1 PLEASE RECOMEND A GOOD JAVA & GOOD HTML BOOK ? I HEARD JAVA FOR DUMMIES WAS HORRIBLE... I REALLY NEED A BOOK FOR EACH TO HELP ME OUT... THANKS... IE8 and Chrome display this as I would like. Firefox does something strange: any cell that doesn't have a corresponding cell in the next row down will be extended into that row. Any ideas? HTML 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><title>
Untitled Page
</title>
<link rel="Stylesheet" type="text/css" href="/SMSTool.NET/css/StyleSheet.css" />
<style type="text/css">
table{
border-collapse:collapse;
border:solid black 1px;
}
td, th{
border:solid black 1px;
}
</style>
</head>
<body>
<table>
<tr><td>TD</td><th>TH</th><th>TH</th><td>TD</td></tr>
<tr><th>TH</th><td>TD</td><td>TD</td></tr>
<tr><th>TH</th><td>TD</td><td>TD</td></tr>
<tr><td>TD</td></tr>
</table>
</body>
</html>
Hi guys, i tried looking for help on tihs issue but could not find any. the problem is this: I have an image that is viewed in landscape. i want to make this printable, but when i print it, half of this landscape image is printed in portrait mode. is there any way i can set the print properties so that when the user goes to File>Print it will show the normal print options, and actually print in landscape? Thanks. We have HTML page and we have error when we do a print preview or printing the HTML page. It seems data from the URL is being printed. Below is the actual page that we want to fix. I hope somebody can help me fix this problem. I am not a web developer or javascript expert, but asked to fix this error. Thanks a lot in advance. http://www.versatile-ag.ca/dealerPRINT.html?point=(54.152341,%20-113.884085)&zoomLevel=9&dealerInfo=<DIV%20style="FONT-WEIGHT:%20bold;%20FONT-SIZE:%20medium;%20MARGIN-BOTTOM:%200em">K%20|%20M%20Farm%20Equipment%20Ltd.</DIV><DIV%20id=iw_kml><BR>9008%20-%20100%20Street<BR><BR>Westlock,%20Alberta,%20Canada<BR>T7P%202L4<BR><BR>Ph.%20780-349-2588<BR><BR><B>Product%20Lines:</B><BR>Tractors</DIV><DIV%20id=wizard%20style="PADDING-TOP:%200.7em"%20firstCard="actions"%20class="iw"></DIV> Hi, I have a script that prints a page and that works great. Can anyone tell me if this can be done please: When printing a html page from the internet it puts the: Pages Name Http Link Page Number Date around the edges of the page. Is there away of removing this so it just prints the content nothing else? I've managed to hide certain things using CSS and its "display:none" function so i was wondering if it can be done like this or any other way? Any help would be great Many thanks Joe I want viewers to my page to click on "Print the worksheet" and a small worksheet will go straight to their printer. Is this something I can do with HTML? I have been trying to set up a simple way to print all the data thats in a text file, and intergrate it with my web page, the txt document will be updated and i want it to be automatically updated and displayed on my HTML Page Does anyone know how to set this up? Hi My problems: Q1: I am getting data from mySQL to populate fields to generate a report in html. The report are in two pages. Sometimes page two comes into page one. is there a way we can force page two to be only in page two. Q2: If I am printing only 1 page report, is there a way to force print (without changing print setting to print) into one page. Thanks Siva anyway to make this border run to the end of the page what i have ::: border arround the flash menu... http://www.freewebs.com/fallingrain11/zzzzzz.html Code used :: <tr><td align="left" Width="17%" valign="top"> <tr><td width="100%"; colspan="2"> what i would like to have :: border on the left... http://www.freewebs.com/fallingrain11/1.html i tried mixing the 2 codes together and i get the outside border with it and i preferablly just want that border line... Hey Guys, I'm having a tiny issue getting my divs on a page I'm working on to fall into place correctly. Because of this its giving me an issue with one of my borders breaking. Any help you can provide would be awesome. The page is located at http://www.atlanta-web.com/acm/index.html This problem occurs in FF and in IE. To maybe help speed up things I'm going to paste the main code form the html file and also from the css file. Keep in mind I'm redesigning this page which was 100% tables originally so some of the unXHTML code is still in place in a couple of spots, though I do not believe this is the problem. Code: <div align="center"> <!-- Begin Main Wrapper --> <div id="main-window"> <!-- Begin Main Pane Div --> <div id="header"> <!-- Begin Header Div --> <div id="ACM-Header"> <!-- Begin ACM-Header Div --> <h1 id="h1-Header">along came mary</h1> <p class="motto"> personal shopping and concierge services </p> <p class="motto"> the metro atlanta area </p> </div> <!-- End ACM-Header Div --> <div id="ACM-Logo"> <!-- Begin Logo Section of Header --> <p class="leftAlignImage"> <!-- To left align the image --> <img border="0" src="ACM-Logo.png" alt="Atlanta personal assistant, Atlanta concierge, Atlanta personal shopping, and Concierge services"> </p> </div> <!-- End Logo Section of Header --> </div> <!-- End Header Div --> <div id="main-body"> <!-- Main Body Div --> <div id="content"> <!-- Main Content Div --> <!-- Begin Editable Body --> <p class="MsoNormal" style="margin-left: 12px; margin-right: 12px; margin-top:0px; margin-bottom:6px"> <b><font face="Arial">Take a deep breath. Call Mary. Relax. It's handled.</font></b></p> <p class="MsoNormal" style="margin-left: 12px; margin-right: 12px; margin-top:0px; margin-bottom:0"> <font size="2" face="Arial">Whether it is shopping, running errands, organizing your home or office, caring for your pets and home while you are away or just waiting for a service contractor to arrive, Along Came Mary is ready when you are. It's like having a personal assistant for you and your home! </font></p> <p class="MsoNormal" style="margin-left: 12px; margin-right: 12px; margin-top:0px; margin-bottom:0"> </p> <p class="MsoNormal" style="margin-left: 12px; margin-right: 12px; margin-top:0px; margin-bottom:0"> <font size="2" face="Arial">Along Came Mary specializes in personal shopping and concierge services for individuals and families in the metro Atlanta area. Based in Vinings, an Atlanta, Georgia suburb, Along Came Mary prides itself on providing reliable, top-notch customer service to its clients. Our primary goal is to help busy people create a more balanced and therefore enjoyable lifestyle. When life becomes hectic, being able to make that call for help relieves stress and calms nerves! </font></p> <p class="MsoNormal" style="margin-left: 12px; margin-right: 12px"> <font size="2" face="Arial">We know your time is valuable and thank you for visiting our site to learn more about how Along Came Mary can help you create a more balanced, productive, and manageable life. <a href="ContactUs.htm">Contact us</a> so that we can show you how good life can truly be! </font></p> <!-- End Editable Body --> <div id="contact"> <tr> <td valign="bottom" style="border-left-style: solid; border-left-width: 1px; border-right-style: none; border-right-width: medium; border-bottom-style: none; border-bottom-width: medium; border-top-style:none; border-top-width:medium"> <p style="margin-top: 0; margin-bottom: -3px; margin-left:12px; margin-right:12px" align="left"> <font face="Arial" size="2"> Mary Snelson</font><p style="margin:0 12px; " align="left"> <a href="mailto:mary@marylovesshopping.com"> <font face="Arial" size="2" color="#F1037F">mary@marylovesshopping.com</font></a><p style="margin:0 12px; " align="left"> <font face="Arial" size="2">404.422.7564</font><p style="margin-top: 0; margin-bottom: 6px; margin-left:12px; margin-right:12px" align="left"> </td> </tr> </div> <!-- End Contact Div --> </div> <!-- End Main Content Div --> <div id="nav-pane"> <!-- Begin Nav Pane Div --> <p style="margin-left: 12px; margin-top: 0; margin-bottom: 0; padding:0;" align="left"> <font face="Arial" size="2"><a target="_self" href="index.html"><font color="#000000"> Home</font></a></font></p> <p style="margin-left: 12px; margin-top: 0; margin-bottom: 0" align="left"> <font face="Arial" size="2"><a target="_self" href="AboutUs.htm"><font color="#000000"> About Us</font></a></font></p> <p style="margin-left: 12px; margin-top: 0; margin-bottom: 0" align="left"> <font face="Arial" size="2"><a target="_self" href="OurServices.htm"> <font color="#000000">Our Services</font></a></font></p> <p style="margin-left: 12px; margin-top: 0; margin-bottom: 0" align="left"> <font face="Arial" size="2"> <a target="_self" href="CustomerFeedback.htm"> <font color="#000000">Customer Feedback</font></a></font></p> <p style="margin-left: 12px; margin-top: 0; margin-bottom: 0" align="left"> <font face="Arial" size="2"><a target="_self" href="ContactUs.htm"> <font color="#000000">Contact Us</font></a></font></p> <p style="margin-left: 12px; margin-top: 0; margin-bottom: 0" align="left"> <font face="Arial" size="2"><a target="_self" href="links.htm"><font color="#000000"> Links</font></a></font></p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p style="margin-top: 0; margin-bottom: 0"> </p> <p align="center" style="margin-top: 0; margin-bottom: 0"> <a target="_blank" href="http://www.iceaweb.org"> <img src="assnbanner2.jpg" width="132" height="96" border="0"></a></p> <p align="center" style="margin-top: 0; margin-bottom: 0"> <font face="Arial" size="1"> <a target="_blank" href="http://www.iceaweb.org" style="text-decoration: none"> Proud Member of the</a></font></p> <p align="center" style="margin-top: 0; margin-bottom: 0"> <font face="Arial" size="1"> <a target="_blank" href="http://www.iceaweb.org" style="text-decoration: none"> International Concierge</a> </font></p> <p align="center" style="margin-top: 0; margin-bottom: 6px"> <font face="Arial" size="1"> <a target="_blank" href="http://www.iceaweb.org" style="text-decoration: none"> & Errand Association</a></font></p> </div> <!-- End of Nav Pane Div --> </div> <!-- End Main Body Div --> </div> <!-- End main-window Div --> </div> <!-- End Main Wrapper --> Code: body {
background-color: #fcc1df;
margin: 0px;
font-family: Arial, sans-serif;
}
#main-window {
border: 2px solid #000000;
width: 700px;
margin-top: 15px;
padding: 0px;
background-color: #ffffff;
}
#header {
border: 0px;
width: 100%;
height: 156px;
margin: 0px;
padding: 0px;
}
#ACM-Logo {
margin: 0px 554px 0px 0px;
padding: 0px;
}
.leftAlignImage {
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}
#ACM-Header {
width: 554px;
padding: 0px;
margin: 0px;
float: right;
}
#h1-Header {
text-align: left;
margin-left: 12px;
margin-top: 35px;
margin-bottom: 0px;
font-family: DIN-Medium;
font-size: 30pt;
}
.motto {
text-align: left;
margin-left: 12px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, sans-serif;
font-size: small;
}
#main-body {
background-color: #ffffff;
border-top-sytle: solid;
border-top-width; 1px;
border-color: #e5e5e5;
width: 700px;
margin: 0px;
padding: 0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px;
}
#nav-pane {
/*width: 141px;*/
height: 100%;
text-align: left;
margin: 0px 554px 0px 0px;
padding: 0px;
border-left-style: none;
border-left-width: 0px;
border-right-style: solid;
border-right-width: 1px;
border-bottom-style: none;
border-bottom-width: medium;
border-top-style: solid;
border-top-width: 1px;
}
#content {
border-left-style: solid;
border-left-width: 1px;
border-right-style: none;
border-right-width: medium;
border-bottom-style: none;
border-bottom-width: medium;
border-top-style: solid;
border-top-width: 1px;
height: 317px;
width: 554px;
padding: 0px;
margin: 0px;
float: right;
}
hello, i am getting the results in two columns after using the following code... import_request_variables('p','p_'); $connect=mysql_connect('localhost','gkkilaru','gkkilaru') or die('could not open:'. mysql_error()); mysql_select_db('gkkilaru_db'); $result=mysql_query("SELECT * FROM human WHERE $p_Searchtype='$p_Search'"); function returnResultsInColumns( $mysqlResult ) { $queryResults = NULL; if( mysql_num_rows($mysqlResult) > 0 ) { while($resultRow = mysql_fetch_array($mysqlResult)) { for ($intPos = 0; $intPos < mysql_num_fields($mysqlResult); $intPos++) { $fieldName = mysql_field_name($mysqlResult, $intPos); $currentArrayPos = ( isset( $queryResults[$fieldName] ) ? count( $queryResults[$fieldName] ) : 0); $queryResults[$fieldName][$currentArrayPos] = $resultRow[$fieldName]; } } $htmlTable = "<table>"; foreach( $queryResults as $field => $results ) { $htmlTable.= "<tr>"; $htmlTable.= "<td>" . $field . "</td><td>" . implode( ", ", $results ) . "</td>"; $htmlTable.= "</tr>"; } $htmlTable.= "</table>"; return $htmlTable; } else { return "The query returned no results."; } } // Pass the result of the MySQL query into the function. $tableLayout = returnResultsInColumns($result); echo $tableLayout; can anyone let me know the code for how to place a border or table for the result obtained? Ok... I'm looking to create a border on the left and right of a table I have. I already have the image, but I'm curious as to how to impliment it, just on the left and right side.. Basically it'll make a drop shadow to the background of the page. The code for index.php is this: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Web Hosting, Reseller Hosting, Dedicated Servers, Web Design - Blitzkrieg Computer Technologies</title>
<meta name="description" content="Blitzkrieg Computer Technologies offers Reseller Website Hosting, Dedicated Server Hosting, Shared Website Hosting, Domain Name Registration, and Web Design at affordable prices with 24/7 support and industry-known service.">
<meta name="keywords" content="web hosting, domain names, cheap web hosting, website hosting, web page hosting, web design, ecommerce web hosting, internet access provider, web hosting provider, web hosting services, internet web hosting,dedicated web hosting, award winning web hosting, domain hosting, domain registration, registrar, cheap domains, cheap registrar, cheap domain registration, website name, dedicated hosting, dedicated server, dedicated servers, dedicated web hosting, dedicated,cheap dedicated, cheap dedicated hosting, cheap dedicated servers, cheap servers, cheap dedicated linux hosting, cheap dedicated windows hosting, dedicated windows hosting, dedicated linux hosting, dedicated red hat hosting, dedicated centos hosting,dedicated windows server hosting,dedicated windows server 2003 hosting, managed dedicated hosting,managed colo, managed colocation">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
a:link {color: #D2D2D2;}
a:visited {color: #D2D2D2;}
a:active {color: #D2D2D2;}
a {text-decoration: none;}
</style>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body background="images/bgtex.jpg"><font size="2">
<table cellpadding="0" cellspacing="0" border="0" style="width:75% " align="center" valign="top">
<tr>
<td valign="top" style="width:100%; background:url(images/top.gif) " height="144" >
<table cellpadding="0" cellspacing="0" border="0" style="width:100% " align="center">
<tr>
<td valign="top" style="width:50% " height="144"></td>
<td valign="top" width="766" height="144">
<table cellpadding="0" cellspacing="0" border="0" width="766">
<tr>
<td valign="top" width="766" height="140">
<div style="margin-top:10px "><a href="?page=home"><img src="images/m1.gif" alt="" border="0"></a><a href="?page=sharedhosting"><img src="images/m2.gif" alt="" border="0"></a><a href="?page=resellerhosting"><img src="images/m3.gif" alt="" border="0"></a><a href="?page=dedicated"><img src="images/m4.gif" alt="" border="0"></a><a href="?page=vps"><img src="images/m5.gif" alt="" border="0"></a><a href="?page=design"><img src="images/m6.gif" alt="" border="0"></a><a href="?page=contact"><img src="images/m7.gif" alt="" border="0"></a></div>
<div style=" margin-left:21px; margin-top:24px "><img src="images/logo.jpg" alt="" border="0"><img src="images/p1.jpg" style="margin-left:249px " alt="" border="0"></div>
</td>
</tr>
</table>
</td>
<td valign="top" style="width:50% " height="144"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="width:100%; background:url(images/2_bg.gif) " height="3" >
</td>
</tr>
<tr><td background="images/8_w1.gif"><font size="2" color="#D2D2D2">
<center>
<a href="?page=about">About Us</a> |
<a href="?page=contact">Contact Us</a> |
<a href="?page=login">Customer Login</a> |
<a href="?page=aup">Acceptable Use Policy</a> |
<a href="?page=tos">Terms of Service</a>
</center></font></td></tr>
<tr><td valign="top" style="width:100%; background:url(images/2_bg.gif) " height="3" ></td></tr>
<tr>
<td valign="top" style="width:100%; background-color:#686868" height="410">
<table cellpadding="0" cellspacing="0" border="0" style="width:100% " width="766" >
<tr>
<td valign="top" style="width:50% " height="410"></td>
<td valign="top" width="766" height="410">
<table cellpadding="0" cellspacing="0" border="0" width="766">
<tr>
<td valign="top" width="766" height="410">
<div style=" margin-left:13px; margin-top:22px; margin-right:0px; line-height:15px " class="s">
<font color="#D2D2D2" size="3">
<?php
if (isset($_GET['page'])) {
switch ($_GET['page']) {
case "home":
include ('home.php');
break;
case "thanks":
include ('thanks.php');
break;
case "sharedhosting":
include ('sharedhosting.php');
break;
case "hosting":
include ('hosting.php');
break;
case "ip":
include ('ip.php');
break;
case "domain":
include ('domain.php');
break;
case "resellerhosting":
include ('resellerhosting.php');
break;
case "domain":
include ('domain.php');
break;
case "custom":
include ('custom.php');
break;
case "design":
include ('design.php');
break;
case "speedtest":
include ('speedtest.php');
break;
case "vps":
include ('vps.php');
break;
case "about":
include ('about.php');
break;
case "construction":
include ('construction.php');
break;
case "cpanel":
include ('cpanel.php');
break;
case "tos":
include ('tos.php');
break;
case "contact":
include ('contact.php');
break;
case "login":
include ('login.php');
break;
case "testimonials":
include ('testimonials.php');
break;
case "quote":
include ('quote.php');
break;
case "emailhosting":
include ('emailhosting.php');
break;
case "dedicated":
include ('dedicated.php');
break;
case "entrydedicated":
include ('entrydedicated.php');
break;
case "smallbizdedi":
include ('smallbizdedi.php');
break;
case "enterprisededi":
include ('enterprisededi.php');
break;
case "aup":
include ('aup.php');
break;
case "customdedicated":
include ('customdedicated.php');
break;
default :
include 'home.php';
break;
}
} else {
include 'home.php';
}
?></font><br><br><br>
</div>
</td>
</tr>
</table>
</td>
<td valign="top" style="width:50% " height="410"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="width:100%; background:url(images/bg2.gif) repeat-x top " bgcolor="#FFFFFF" height="17">
<table cellpadding="0" cellspacing="0" border="0" style="width:100% " width="766">
<tr>
<td valign="top" style="width:50% " height="17"></td>
<td valign="top" width="766" height="17">
<table cellpadding="0" cellspacing="0" border="0" width="766">
<tr>
<td valign="top" width="766" height="17" style="background:url(images/7_p1.jpg) no-repeat top right ">
</td>
</tr>
</table>
</td>
<td valign="top" style="width:50% " height="17"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="width:100%; background:url(images/bottom.gif) " height="65">
<table cellpadding="0" cellspacing="0" border="0" style="width:100% " width="766">
<tr>
<td valign="top" style="width:50% " height="65"></td>
<td valign="top" width="766" height="65">
<table cellpadding="0" cellspacing="0" border="0" width="766">
<tr>
<td valign="top" width="766" height="65">
<div style=" margin-left:16px; margin-top:25px "><font size="2" color="#696969"><center>
Copyright © 2003-2009 Blitzkrieg Computer Technologies. All Rights Reserved.<br></center></div>
</td>
</tr>
</table>
</td>
<td valign="top" style="width:50% " height="65"></td>
</tr>
</table>
</td>
</tr>
</table>
</font>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-3505975-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
Hi, I'm trying to make a border with a 50x50px image repeated around it this is the code I have so far; <html> <head> <title>div test</title> <style type="text/css"> #outer { background-image: url(http://i890.photobucket.com/albums/a...oxBorder.jpg); background-repeat: repeat; background-color: #cccccc; width:100%; padding: 3em; } #inner { background-color:#ffffff; padding: 2em; } p {margin: 0px;} </style> </head> <body> <div id="outer"> <div id="inner"> <p> Blah blah blah </p> </div> </div> </body> </html> I want the image around the border to be showing the same as it does at the top, at the bottom. And i want the size of the table to be increased when new text is added into it each time. Can somebody please help me? Thankkksss. Hey guys! I have created a table with images in it and for some reason the table doesn't exactly fit (in height) the images, it has like a little 5px border at the bottom and I can't figure out why. I have attached a picture showing the problem. In the image, the gray border is supposed to be there, and is part of the images and background image. But I want the table to end directly at the bottom of the gray bar, and for some reason it has a little lip at the bottom in which the background image begins to repeat again. My code is as follows: 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>
<title>QuickID | Setup Your Account</title>
<style type="text/css">
<!--
a:link { color: #777676; text-decoration: none; font: verdana}
a:visited { color: #777676; text-decoration: none; font: verdana}
a:hover { color: #3366CC; text-decoration: underline; font: verdana}
a:active { color: #777676; text-decoration: none; font: verdana}
-->
</style>
</head>
<body topmargin=0 leftmargin=0 rightmargin=0 bottommargin=0 background="images/bg.gif">
<table cellpadding=0 cellspacing=0 width=100% border=0 align=center background="images/top_bar_bg.jpg">
<tr>
<td>
<table width=980 cellpadding=0 cellspacing=0 align=center style="white-space: nowrap;" height=38>
<tr>
<td align=left>
<img src="images/top_bar_logo.jpg" border=0 height=38 ALT="logo">
<img src="images/top_bar_divider.jpg" border=0 height=38 ALT="divider">
</td>
<td align=left width=750>
hello!
</td>
<td align=right>
<img src="images/top_bar_divider.jpg" border=0 height=38 ALT="divider">
</td>
<td align=right>
<img src="images/top_bar_settings.jpg" border=0 height=38 ALT="settings">
</td>
<td align=right>
<img src="images/top_bar_logout.jpg" border=0 height=38 ALT="logout">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
For this page on my site: http://www.monkeygambling.com/new%20...ingindex.shtml I am having trouble with the borders on the central part. I have created an external css file with these commands table.border { border-top:1px outset "gray"; border-right:1px outset "gray"; border-bottom:1px outset "gray"; border-left:1px outset "gray"; } td.border { border-top:0px inset "gray"; border-right:1px inset "gray"; border-bottom:0px inset "gray"; border-left:1px inset "gray"; } I want a border with one px width like a normal table, but I don't want the cells to have horizontal borders where the <hr> are. I have got the table to have a border around it, but I want the double line with highlighted edges like in a normal table. If that makes sense could anyone help me? thanks Hi guys Attached is an image of the problem I'm having where in Firefox my table borders are not displaying correctly. I've coded using standard html as follows: Code: <table width=100% cellspacing="0" cellpadding="5" bgcolor="ffffff" border="1px" bordercolor="C0CFE2"> Any Ideas? The one on the left is the Firefox version. |
|||||||