crashx
Erfahrenes Mitglied
Hallo
Ich habe kleinere probleme was das Drucken einer HTML Seite angeht.
Irgendwie habe ich nicht ganz verstanden wie das gehen soll.
Hier mein ansatz:
CSS:
Und dazu die PHP:
Mein Problem nun ist, das wenn man Drucken will es nur eine Seite Druckt.
Auch wenn man die Option "Druckvorschau" verwendet, es nur eine Seite anzeigt und der Rest vom Inhalt einfach nicht.
Ich verstehe das im momment nicht ganz.
Anbei noch die Browser ansicht der normalen seite und der Seite welche sich nach dem betätigen des Drucken links öffnet.
Ich habe kleinere probleme was das Drucken einer HTML Seite angeht.
Irgendwie habe ich nicht ganz verstanden wie das gehen soll.
Hier mein ansatz:
CSS:
Code:
html, body{
margin: 0 auto;
padding: 0px;
border-left: 0px;
text-align: left;
background-color: #FFFFFF;
font-family: tahoma;
min-height: 101%;
overflow: auto;
}
img{
border: 0px;
}
div.content{
margin: 0 auto;
padding: 10px;
border: 0px;
width: 600px;
text-align: left;
float: left;
}
div.logo{
margin: 5px 0 20px 0;
border: 0px;
width: 600px;
text-align: right;
float: left;
}
div.bottom{
margin: 10px 0 10px 0;
padding: 4px 0 10px 0;
border-top: 1px solid #999999;
width: 300px;
float: left;
}
p{
margin: 0 auto;
}
div.design0{
margin: 0 0 10px 0;
padding: 0px;
border: 0px;
width: 580px;
font-size: 14px;
float: left;
}
div.design1{
margin: 0 0 10px 10px;
padding: 0px;
border: 0px;
width: 580px;
float: left;
}
div.design2{
margin: 0 10px 10px 10px;
padding: 0px;
border: 0px;
width: 390px;
float: left;
}
div.design2_img{
margin: 0 0 10px 0;
padding: 0px;
border: 0px;
width: 180px;
text-align: right;
float: left;
}
div.design3{
margin: 0 0 10px 0;
padding: 0px;
border: 0px;
width: 380px;
float: left;
}
div.design3_img{
margin: 0 10px 10px 10px;
padding: 0px;
border: 0px;
width: 190px;
text-align: left;
float: left;
}
div.design4{
margin: 0 0 10px 10px;
padding: 0px;
border: 0px;
width: 580px;
float: left;
}
div.design4_img{
margin: 0 0 10px 10px;
padding: 0px;
border: 0px;
width: 290px;
text-align: left;
float: left;
}
div.design5{
margin: 0 0 10px 10px;
padding: 0px;
border: 0px;
width: 580px;
float: left;
}
div.design5_img{
margin: 0 0 10px 10px;
padding: 0px;
border: 0px;
width: 580px;
text-align: center;
float: left;
}
div.design6_img{
margin: 0 0 10px 10px;
padding: 0px;
border: 0px;
width: 580px;
text-align: center;
float: left;
}
div.design7{
margin: 0 0 0 10px;
padding: 0px;
border: 0px;
width: 580px;
float: left;
}
div.design7_img{
margin: 0 0 10px 0;
padding: 0px;
border: 0px;
width: 193px;
float: left;
}
Und dazu die PHP:
PHP:
<?php
include('com/connect.php');
echo '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">';
echo '<html>';
echo '<head>';
echo '<link href="css/print.css" rel="stylesheet" type="text/css" media="all" />';
echo '</head>';
echo '<body>';
echo '<div class="content">';
echo '<div class="logo"><img src="images/logo.jpg" border="0"></div>';
if(isset($_GET['print'])){
$string = $_SERVER['REQUEST_URI'];
$string1 = explode('/', $string);
$string2 = explode('?', $string1[2]);
$string3 = explode('=', $string2[1]);
$string = $string3[1];
}
$sql = "SELECT * FROM `content`
WHERE `allocate` = '".mysql_real_escape_string($string)."'
ORDER BY `pos` ASC
";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result)){
if($row['class'] == 'design0'){
echo '<div class="'.$row['class'].'" style="'.$row['style'].'">';
echo nl2br($row['text']);
echo '</div>';
}
if($row['class'] == 'design1'){
echo '<div class="'.$row['class'].'" style="'.$row['style'].'">';
echo nl2br($row['text']);
echo '</div>';
}
if($row['class'] == 'design2'){
echo '<div class="'.$row['class'].'" style="'.$row['style'].'">';
echo nl2br($row['text']);
echo '</div>';
echo '<div class="'.$row['class'].'_img">';
echo '<img src="thumb/thumb_'.$row['img0'].'">';
echo '</div>';
}
if($row['class'] == 'design3'){
echo '<div class="'.$row['class'].'_img">';
echo '<img src="thumb/thumb_'.$row['img0'].'">';
echo '</div>';
echo '<div class="'.$row['class'].'" style="'.$row['style'].'">';
echo nl2br($row['text']);
echo '</div>';
}
if($row['class'] == 'design4'){
echo '<div class="'.$row['class'].'" style="'.$row['style'].'">';
echo nl2br($row['text']);
echo '</div>';
echo '<div class="'.$row['class'].'_img" style="margin: 0 0 10px 10px;">';
echo '<img src="thumb/thumb_'.$row['img0'].'">';
echo '</div>';
echo '<div class="'.$row['class'].'_img" style="text-align: right; width: 280px;">';
echo '<img src="thumb/thumb_'.$row['img1'].'">';
echo '</div>';
}
if($row['class'] == 'design5'){
echo '<div class="'.$row['class'].'" style="'.$row['style'].'">';
echo nl2br($row['text']);
echo '</div>';
echo '<div class="'.$row['class'].'_img">';
echo '<img src="thumb/thumb_'.$row['img0'].'">';
echo '</div>';
}
if($row['class'] == 'design6'){
echo '<div class="'.$row['class'].'_img">';
echo '<img src="thumb/thumb_'.$row['img0'].'">';
echo '</div>';
}
if($row['class'] == 'design7'){
echo '<div class="'.$row['class'].'">';
echo '<div class="'.$row['class'].'_img" style="text-align: left;">';
echo '<img src="thumb/thumb_'.$row['img0'].'">';
echo '</div>';
echo '<div class="'.$row['class'].'_img" style="text-align: center;">';
echo '<img src="thumb/thumb_'.$row['img1'].'">';
echo '</div>';
echo '<div class="'.$row['class'].'_img" style="text-align: right;">';
echo '<img src="thumb/thumb_'.$row['img2'].'">';
echo '</div>';
echo '</div>';
}
}
echo '<div class="bottom">';
echo '<a href="'.$_SERVER['HTTP_REFERER'].'">';
echo '<img src="images/ico_back.jpg" alt="Zurück">';
echo '</a>';
echo ' ';
echo '<a href="javascript:window.print()">';
echo '<img src="images/ico_print.jpg" alt="Seite Drucken">';
echo '</a>';;
echo '</div>';
echo '<div class="bottom" style="text-align: right;">';
echo '<img src="images/www_img.jpg">';
echo '</div>';
echo '</div>';
echo '</body>';
echo '</html>';
?>
Mein Problem nun ist, das wenn man Drucken will es nur eine Seite Druckt.
Auch wenn man die Option "Druckvorschau" verwendet, es nur eine Seite anzeigt und der Rest vom Inhalt einfach nicht.
Ich verstehe das im momment nicht ganz.
Anbei noch die Browser ansicht der normalen seite und der Seite welche sich nach dem betätigen des Drucken links öffnet.