?
Solved

border html css

Posted on 2008-06-15
3
Medium Priority
?
328 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 1000 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 1000 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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
This video shows how to quickly and easily deploy an email signature for all users in Office 365 and prevent it from being added to replies and forwards. (the resulting signature is applied on the server level in Exchange Online) The email signat…

609 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