Solved

border html css

Posted on 2008-06-15
3
314 Views
Last Modified: 2010-04-09
how can i change <td width="274" height="85">  to with incm i plane to make it fit for printing
and How can i change the border to the normall line note tree d line when print I use dreamweavwe
And 274 or 85 I try to change but it have select betaween percent or pixcel
<table border="1" bordercolor="#000000">
  <tr>
    <td width="274" height="85"><div align="right"></div></td>
    <td width="274">&nbsp;</td>
  </tr>
</table>
 <p>&nbsp;</p>
<table width="597" border="1">

Open in new window

0
Comment
Question by:teera
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 4

Expert Comment

by:sajay_j
ID: 21790858
If I understood your problem, here is the solution. I think you need a nice border appropriate for printing as well for screen rendering.

<table border="1" bordercolor="#000000">
  <tr>
    <td width="274" height="85" style="border:1px solid #ccc;"><div align="right"></div></td>
    <td width="274" style="border:1px solid #ccc;">&nbsp;</td>
  </tr>
</table>

Adding a inline style; style="border:1px solid #ccc;"  
Test it and reply..

Regards
Sajay.
0
 
LVL 6

Accepted Solution

by:
psychic_zero earned 250 total points
ID: 21790966
Yes in Dreamweaver you can only select between Pixel and Percent, but if you want to print the page,
you should fit it using Pixel. If you want to print at A4 paper (210mm x 297mm), the conversion is
to use 827 x 1169 pixels or maybe less, try 800 x 1120 pixels. You should adjust the table size to fit
the paper. To print using Letter (8.5' x 11'), the conversion is 850 x 1100 pixels.

Simple way to create a solid border instead of double line border at the table, you can use bordercolor and
set it to Black color like this:

<table width="800" height="1120" border="1" bordercolor="#000000">
0
 
LVL 3

Assisted Solution

by:Fapiko
Fapiko earned 250 total points
ID: 21791362
If you want, you can make the page display differently when printed from on-screen. To do this, you will need to use CSS stylesheets.  The browser will render it using the stylesheet that has the media attribute set to screen, and will print it using the stylesheet that has the media attribute set to print.
<!-- You would place this code inside your HTML file -->
<link type="text/css" media="print" href="print.css" rel="stylesheet" />
<link type="text/css" media="screen" href="screen.css" rel="stylesheet" />
 
<!-- Then inside print.css you might put this -->
table { width: 800px; height: 1120px; }
 
<!-- And for displaying on-screen you may want it to be a little smaller, so you may put in values like this in media.css -->
table { width: 600px; height: 500px; }

Open in new window

0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

724 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question