Solved

border html css

Posted on 2008-06-15
3
293 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
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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
login jsp example 24 50
css issues with IE 11 8 35
Box Locations 6 16
PHP insert data in to database... this is not letting me in insert data...please help! 7 42
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
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…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)
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…

810 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