Solved

border html css

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

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
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…

705 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now