Σχετικά με εκτύπωση στο χαρτί

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
vassilism
Δημοσιεύσεις: 1950
Εγγραφή: 17 Μαρ 2007 14:47
Επικοινωνία:

Σχετικά με εκτύπωση στο χαρτί

Δημοσίευση από vassilism » 06 Φεβ 2008 18:07

Παιδιά καλησπέρα σας.

Έστω ότι έχουμε την παρακάτω σελίδα με τα στοιχεία που αναφέρονται (παραθέτω σε εικόνα).
Γίνετε να ορίσω τα css της, έτσι ώστε να τυπώνετε το σημείο που είναι μέσα στις κόκκινες διακεκομμένες γραμμές?
Συνημμένα
page.jpg

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

Σχετικά με εκτύπωση στο χαρτί

Δημοσίευση από cherouvim » 06 Φεβ 2008 20:24

Κάνε όλο το layout και τα κερασάκια (παρουσίαση) με css, και την εικόνα σου (περιεχόμενο) με το <img> tag. Όλα θα δουλέψουν χάρμα.

Άβαταρ μέλους
vassilism
Δημοσιεύσεις: 1950
Εγγραφή: 17 Μαρ 2007 14:47
Επικοινωνία:

Σχετικά με εκτύπωση στο χαρτί

Δημοσίευση από vassilism » 07 Φεβ 2008 16:13

Για να σου πω την αλήθεια δεν έχω καταλάβει πως ακριβώς το εννοείς. :think:
Έστω ότι έχουμε τα παρακάτω index.html και το styles.css.
Πώς μπορούμε να το κάνουμε έτσι ώστε να εμφανίζει για εκτύπωση μόνο αυτο το σημείο.
<td height="52" align="left" valign="middle" nowrap><img src="image4.gif">keimeno</td>

index.html

Κώδικας: Επιλογή όλων

<HTML>
<HEAD><TITLE>index</TITLE>
<LINK href="styles.css" type=text/css rel=stylesheet>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</HEAD>
<BODY>
<TABLE id=layout cellSpacing=0 cellPadding=0 border=0>
  <TBODY>
    <TR > 
      <div align="left"></div><td width="19"></TD>
    </TR>
    <TR>
      <TD colspan="3" align="right" vAlign=top id="table_pano">&nbsp;</TD>
    </TR>
    <TR>
      <td width="115" colspan="2" align=left vAlign=top nowrap><p><img src="image3.gif"></p>
      <p>keimeno</p></td>
      <TD width="844" align="right"  vAlign=top><table width="400" border="0" align="center" cellspacing="0" class="main_window">
    <tr>
      <td height="52"  align="left" valign="middle" nowrap><img src="image4.gif">keimeno</td>
      </tr>
  </table></TD>
    </TR>
    <TR>
      <td height="14" colspan="3" align=left vAlign=top nowrap>
      
      <table id="table_kato" cellSpacing=0 cellPadding=0 border="0">
        <tr>
          <td height="47" id="table_kato_foto">&nbsp;</td>
          </tr>
      </table></td>
    </TR>
  </TBODY>
</TABLE>
</BODY>
</HTML>
styles.css

Κώδικας: Επιλογή όλων

BODY &#123; 
background-color&#58; #FFFFFF;
PADDING-RIGHT&#58; 0px;
PADDING-LEFT&#58; 0px;
PADDING-BOTTOM&#58; 0px;
PADDING-TOP&#58; 0px;
MARGIN&#58; 0px;
&#125;
#layout &#123;
WIDTH&#58; 100%;
HEIGHT&#58; 100%;
PADDING-TOP&#58; 0px; 
PADDING-RIGHT&#58; 0px;
PADDING-LEFT&#58; 0px;
PADDING-BOTTOM&#58; 0px;
&#125;
#table_pano &#123;
WIDTH&#58; 100%;
HEIGHT&#58; 51px;
background-image&#58; url&#40;image1.gif&#41;;
&#125;
.main_window &#123;
border&#58; solid 2px #999999;
background-color&#58; #FFFFFF;
&#125;
#table_kato &#123;
WIDTH&#58; 100%;
HEIGHT&#58; 47px;
&#125;
#table_kato_foto &#123;
background-image&#58; url&#40;image2.gif&#41;
&#125;

Άβαταρ μέλους
vassilism
Δημοσιεύσεις: 1950
Εγγραφή: 17 Μαρ 2007 14:47
Επικοινωνία:

Σχετικά με εκτύπωση στο χαρτί

Δημοσίευση από vassilism » 08 Φεβ 2008 01:35

Λοιπόν το έφτιαξα με τον εξής τρόπο.
Στο css δήλωσα:

Κώδικας: Επιλογή όλων

@media print&#123;
.print
 &#123;
  display&#58;none
  &#125;
&#125; 
Και στο html σε όποιο σημείο δεν ήθελα να μου εμφανίσει κάτι στην εκτύπωση:

Κώδικας: Επιλογή όλων

class="print"

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες