Udseende af HTML tabel skal overføres til print!
Hej eksperterJeg har overført en kontakt-database fra Paradox/WordPerfect til MySQL/PHP/HTML/CSS og prøver nu at kopiere mit "gamle design".
Jeg valgte blot den nemme løsning og lavede et tabel layout der var en tro kopi af min gamle WordPerfect flette-løsning og det ser jo også fint ud (synes jeg selv)
Problemet er så bare, at udseendet ikke overføres til print - farver og andre småting har det med at forsvinde og jeg vil gerne høre om nogen kan ændre mit stylesheet, således at det man ser er hvad man får på print (WYSIWYP?)
Jeg er ikke interesseret i en løsning der involverer ændrede indstillinger i browseren - det må kunne løses med noget css!
Jeg har vedlagt selve html-koden med en tilhørende css-fil - glæder mig til at se nogle gode forslag :-)
html-fil:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>Squashlisten</title>
<link rel="stylesheet" href="lists.css" type="text/css" title="Basis CSS" media="all" />
</head>
<body>
<table class="contactlist">
<tr>
<th>Navn</th>
<th>Squash nr.</th>
<th>Tlf. - privat</th>
<th>Tlf. - mobil</th>
<th>Tlf. - arbejde</th>
</tr>
<tr>
<td bgcolor="#DDDDDD">Xxxxx Xxxx</td>
<td bgcolor="#DDDDDD">1234</td>
<td bgcolor="#DDDDDD">01 23 45 67</td>
<td bgcolor="#DDDDDD">12 34 56 78</td>
<td bgcolor="#DDDDDD">23 45 67 89</td>
</tr>
<tr>
<td bgcolor="#EEEEEE">Xxxxx Xxxx</td>
<td bgcolor="#EEEEEE">1234</td>
<td bgcolor="#EEEEEE">01 23 45 67</td>
<td bgcolor="#EEEEEE">12 34 56 78</td>
<td bgcolor="#EEEEEE">23 45 67 89</td>
</tr>
<tr>
<td bgcolor="#DDDDDD">Xxxxx Xxxx</td>
<td bgcolor="#DDDDDD">1234</td>
<td bgcolor="#DDDDDD">01 23 45 67</td>
<td bgcolor="#DDDDDD">12 34 56 78</td>
<td bgcolor="#DDDDDD">23 45 67 89</td>
</tr>
<tr>
<td bgcolor="#EEEEEE">Xxxxx Xxxx</td>
<td bgcolor="#EEEEEE">1234</td>
<td bgcolor="#EEEEEE">01 23 45 67</td>
<td bgcolor="#EEEEEE">12 34 56 78</td>
<td bgcolor="#EEEEEE">23 45 67 89</td>
</tr>
</table>
</body>
</html>
Her er stylesheetet (lists.css):
html, body {
color: #000000;
background-color: #FFFFFF;
font-family: AGaramond, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: italic;
}
table.contactlist {
border-collapse: collapse;
}
table.contactlist tr th {
color: #FFFFFF;
background-color: #770000;
padding: 2px 4px 1px 4px;
border-bottom: 1px solid #FFFFFF;
font-size: 10pt;
font-weight: normal;
text-align: left;
}
table.contactlist tr td {
color: #000000;
padding: 1px 4px;
font-size: 9pt;
}
Mvh
tipsen
