devotion Medlem sedan jan. 2001 3 582 inlägg Frågan 30 jan. 2006 18:10 #1 Hej!
Håller på och skapar en arbetsorder för utskrift i html... Tanken är att ta fram uppgifterna mha asp och presentera dom i ett html-dokument för utskrift.
Jag skulle jättegärna vilja ha lite starthjälp. Jag har skapat htmlsidor mha tabeller men man kasnke ska använda sig av css...
Jag skulle vilja ha följande:
Ett sidhuvud med förtagslogga
Uppgifter om kund (adress tfn mm)
En tabell som visar material och arbetstid
Hur ska man göra med sidbrytningar om det blir "stora dokument"?
Hoppas någan kan hjälpa mig lite på traven så jag kan komma igång...
Tack på förhand
Mvh
devotion Medlem sedan jan. 2001 3 582 inlägg Jo, jag har tänkt på det med. Men då måste man ju ha en komponent. Och så tycker jag det verkar extremt krångligt...
Fördelen är ju dock att man kan generera en pdf och "spara ner den"
Fler ideer?
Mvh
Z zcorpan Medlem sedan dec. 2004 2 245 inlägg Du kan styra sidbrytningar med CSS 'page-break-before' , som till skillnad till många andra CSS-egenskaper som har med utskrift att göra faktiskt är implementerat i lite olika webbläsare. Eftersom du inte vet vad användaren har för papper att skriva ut på (man kan tänka sig att A4 är vanligast i sverige) eller vilken orientering (stående eller landskap) som används (det finns egenskaper för det i CSS men det är inte implementerade i varken IE eller Firefox ännu vad jag vet) så har du inte så mycket "kontroll" över hur det kommer att se ut.
Kontroll har du för övrigt aldrig med CSS: det är bara ett förslag på hur författaren tycker att det ska kunna se ut, webbläsaren eller användaren kan totalt ignorera din CSS och använda en egen stilmall istället.
devotion Medlem sedan jan. 2001 3 582 inlägg Okej! Tack!
Är html/css användbart för detta ändamål?
Mvh
Z zcorpan Medlem sedan dec. 2004 2 245 inlägg Tja... hur har du tänkt dig att det ska se ut ungefär? Vilket innehåll? Kan du visa en mall ungefär?
Ett sidhuvud med förtagslogga
<div class="header">
<p><img alt="Företag" src="logga"></p>
<h1>Arbetsorder</h1>
</div>
Uppgifter om kund (adress tfn mm)
<dl>
<dt>Adress</dt>
<dd>Rune Karlsson<br>
Åkersvägen 3<br>
Tjotahejti</dd>
<dt>Telefonnummer</dt>
<dd>018-123 45</dd>
<dd>073-123 45 67</dd>
...
</dl>
En tabell som visar material och arbetstid
<table>
<thead>
<tr>
<th>Material</th>
<th>Arbetstid</th>
</tr>
</thead>
<tbody>
<tr>
<td>...</td>
<td>...</td>
</tr>
...
</tbody>
</table>
devotion Medlem sedan jan. 2001 3 582 inlägg :e
Jag lägger ut en "mall" på hur jag ungefär vill att det ska se ut. Mallen är en faktura från SPCS administration, och den ska inte plankas rakt av men en idé till layout. Alla fyrkanter runt texter behövs tex inte...
Mvh
echoSwe Medlem sedan nov. 2004 1 189 inlägg Z zcorpan Medlem sedan dec. 2004 2 245 inlägg <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
<head>
<title>Faktura</title>
<style type="text/css">
.copy { page-break-before:always; }
.company { margin:0; font-size:200%; position:absolute; left:5%; }
.header { margin-left:49.9%; }
h1 { font-size:150%; }
dl { float:left; width:49.9%; }
dd { float:left; }
dt { clear:left; }
table { width:100%; clear:left; }
th { text-align:left; }
td { vertical-align:top; }
</style>
</head>
<body>
<div class="original">
<div class="header">
<p class="company">HL-Konsult</p>
<h1>Faktura</h1>
<dl class="number">
<dt>Fakt nr / Kundnr</dt>
<dd>3</dd>
<dd>45526955</dd>
</dl>
<dl class="date">
<dt>Fakturadatum</dt>
<dd>2005-04-01</dd>
</dl>
</div>
<dl>
<dt>Leveransadress</dt>
<dd>Sydostel i Karlskrona AB<br>
Uranvägen<br>
371 49 KARLSKRONA</dd>
</dl>
<dl>
<dt>Fakturaadress</dt>
<dd>Sydostel i Karlskrona AB<br>
Uranvägen<br>
371 49 KARLSKRONA</dd>
</dl>
<table>
<tbody>
<tr>
<th>Er referens</th>
<td>Janne Larsson</td>
<th>Vår referens</th>
<td>Henrik</td>
</tr>
<tr>
<th>Ert ordernr</th>
<td></td>
<th>Betalningsvillkor</th>
<td>10 dagar netto</td>
</tr>
<tr>
<th>Leveransvillkor</th>
<td>Fritt vårt lager</td>
<th>Förfallodatum</th>
<td>2005-04-11</td>
</tr>
<tr>
<th>Leveranssätt</th>
<td>Post</td>
<th>Dröjsmålsränta</th>
<td>23,00 %</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>Artnr</th>
<th>Benämning</th>
<th>Lev ant</th>
<th>Enh</th>
<th>à-pris</th>
<th>Summa</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Netto</th>
<th>Exkl moms</th>
<th>Moms %</th>
<th>Moms kr</th>
<th>Öresavr</th>
<th>ATT BETALA</th>
</tr>
<tr>
<td>6 250,00</td>
<td>6 250,00</td>
<td>25</td>
<td>1 562,50</td>
<td>0,50</td>
<td>7 813,00</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1001</td>
<td>Datorkonsultation 050301 - 050331</td>
<td>25</td>
<td>Tim</td>
<td>250,00</td>
<td>6 250,00</td>
</tr>
</tbody>
</table>
<p>Använd gärna Bankgiro!</p>
<table>
<tbody>
<tr>
<th>Adress</th>
<th>Telefon</th>
<th>Postgiro</th>
<th>Internet</th>
</tr>
<tr>
<td rowspan="5">Träsmedsvägen 13<br>
370 42 TORHAMN</td>
<td rowspan="3">0708-359428</td>
<td>4022058-4</td>
<td>www.lindell-aberg.com</td>
</tr>
<tr>
<th>Bankgiro</th>
<th>e-post</th>
</tr>
<tr>
<td>5132-1263</td>
<td>henrik@lindell-aberg.com</td>
</tr>
<tr>
<th>Företagets säte</th>
<th>Organisationsnr</th>
<th>Momsreg.nr</th>
</tr>
<tr>
<td>Torhamn</td>
<td>740811-3376</td>
<td>SE740811337601<br>
Innehar F-skattebevis</td>
</tr>
</tbody>
</table>
</div>
<div class="copy">
<div class="header">
<p class="company">HL-Konsult</p>
<h1>Faktura - Kopia</h1>
<dl class="number">
<dt>Fakt nr / Kundnr</dt>
<dd>3</dd>
<dd>45526955</dd>
</dl>
<dl class="date">
<dt>Fakturadatum</dt>
<dd>2005-04-01</dd>
</dl>
</div>
<dl>
<dt>Leveransadress</dt>
<dd>Sydostel i Karlskrona AB<br>
Uranvägen<br>
371 49 KARLSKRONA</dd>
</dl>
<dl>
<dt>Fakturaadress</dt>
<dd>Sydostel i Karlskrona AB<br>
Uranvägen<br>
371 49 KARLSKRONA</dd>
</dl>
<table>
<tbody>
<tr>
<th>Er referens</th>
<td>Janne Larsson</td>
<th>Vår referens</th>
<td>Henrik</td>
</tr>
<tr>
<th>Ert ordernr</th>
<td></td>
<th>Betalningsvillkor</th>
<td>10 dagar netto</td>
</tr>
<tr>
<th>Leveransvillkor</th>
<td>Fritt vårt lager</td>
<th>Förfallodatum</th>
<td>2005-04-11</td>
</tr>
<tr>
<th>Leveranssätt</th>
<td>Post</td>
<th>Dröjsmålsränta</th>
<td>23,00 %</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>Artnr</th>
<th>Benämning</th>
<th>Lev ant</th>
<th>Enh</th>
<th>à-pris</th>
<th>Summa</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Netto</th>
<th>Exkl moms</th>
<th>Moms %</th>
<th>Moms kr</th>
<th>Öresavr</th>
<th>ATT BETALA</th>
</tr>
<tr>
<td>6 250,00</td>
<td>6 250,00</td>
<td>25</td>
<td>1 562,50</td>
<td>0,50</td>
<td>7 813,00</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1001</td>
<td>Datorkonsultation 050301 - 050331</td>
<td>25</td>
<td>Tim</td>
<td>250,00</td>
<td>6 250,00</td>
</tr>
</tbody>
</table>
<p>Använd gärna Bankgiro!</p>
<table>
<tbody>
<tr>
<th>Adress</th>
<th>Telefon</th>
<th>Postgiro</th>
<th>Internet</th>
</tr>
<tr>
<td rowspan="5">Träsmedsvägen 13<br>
370 42 TORHAMN</td>
<td rowspan="3">0708-359428</td>
<td>4022058-4</td>
<td>www.lindell-aberg.com</td>
</tr>
<tr>
<th>Bankgiro</th>
<th>e-post</th>
</tr>
<tr>
<td>5132-1263</td>
<td>henrik@lindell-aberg.com</td>
</tr>
<tr>
<th>Företagets säte</th>
<th>Organisationsnr</th>
<th>Momsreg.nr</th>
</tr>
<tr>
<td>Torhamn</td>
<td>740811-3376</td>
<td>SE740811337601<br>
Innehar F-skattebevis</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Nåt sånt kanske...
devotion Medlem sedan jan. 2001 3 582 inlägg Hej!
Men är det verkligen rätt? ser jätte konstigt ut i IE..
Mvh
devotion Medlem sedan jan. 2001 3 582 inlägg Oj, fel av mig... jag tittade slarvigt.. det ser rätt ut.... :r
Däremot så skulle inte "kopian" vara med....
Mvh
devotion Medlem sedan jan. 2001 3 582 inlägg Det ser ut att vara en bra grund att bygga vidare på... :)
Mvh
devotion Medlem sedan jan. 2001 3 582 inlägg Hej!
Jag har pillat lite i koden men är hemskt dålig på css (jag håller dock på att lära mig)
Jag skulle vilja ha arial som teckensnitt samt linjer under den beskrivande texten för artiklar (benämning, antal)
Det vore jättesnällt om du kunde hjälpa mig lite så jag kan fixa till storlek på teckensnitt...
mvvvvh
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
<head>
<title>Arbetsorder</title>
<style type="text/css">
.copy { page-break-before:always; }
.company { margin:0; font-size:200%; position:absolute; left:10px; }
.header { margin-left:49.9%; }
h1 { font-size:100%; }
dl { float:left; width:49.9%; }
dd { float:left; }
dt { clear:left; }
table { width:100%; clear:left; }
th { text-align:left; }
td { vertical-align:top; }
</style>
</head>
<body>
<div class="original">
<div class="header">
<p class="company"><img src="Images/Sydostel_logga_2.gif" width="160" height="74"></p>
<h1>Arbetsorder</h1>
<dl class="number">
<dt>Nummer</dt>
<dt>3</dt>
</dl>
<dl class="date">
<dt>Datum</dt>
<dt>2005-04-01</dt>
</dl>
</div>
<dl>
<dt>Kund</dt>
<dt>Sydostel i Karlskrona AB<br>
Uranvägen<br>
371 49 KARLSKRONA</dt>
</dl>
<br />
<br />
<table>
<tbody>
<tr>
<th width="16%">Kundnummer:</th>
<td width="33%">123</td>
<th width="12%">Uppdragstyp:</th>
<td width="39%">Installation</td>
</tr>
<tr>
<th>Referens:</th>
<td>OLLE</td>
<th> </th>
<td> </td>
</tr>
<tr>
<th>Telefon:</th>
<td>0455-453786</td>
<th> </th>
<td> </td>
</tr>
<tr>
<th>Fax:</th>
<td>0455-51017</td>
<th> </th>
<td> </td>
</tr>
</tbody>
</table>
<br>
<table>
<thead>
<tr>
<th>Artnr</th>
<th>Benämning</th>
<th>Lev ant</th>
<th>Enh</th>
<th>à-pris</th>
<th>Summa</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Netto</th>
<th>Exkl moms</th>
<th>Moms %</th>
<th>Moms kr</th>
<th>Öresavr</th>
<th>ATT BETALA</th>
</tr>
<tr>
<td>6 250,00</td>
<td>6 250,00</td>
<td>25</td>
<td>1 562,50</td>
<td>0,50</td>
<td>7 813,00</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1001</td>
<td>Datorkonsultation 050301 - 050331</td>
<td>25</td>
<td>Tim</td>
<td>250,00</td>
<td>6 250,00</td>
</tr>
</tbody>
</table>
<p>Använd gärna Bankgiro!</p>
<table>
<tbody>
<tr>
<th>Adress</th>
<th>Telefon</th>
<th>Postgiro</th>
<th>Internet</th>
</tr>
<tr>
<td rowspan="5">Träsmedsvägen 13<br>
370 42 TORHAMN</td>
<td rowspan="3">0708-359428</td>
<td>4022058-4</td>
<td>www.lindell-aberg.com</td>
</tr>
<tr>
<th>Bankgiro</th>
<th>e-post</th>
</tr>
<tr>
<td>5132-1263</td>
<td>henrik@lindell-aberg.com</td>
</tr>
<tr>
<th>Företagets säte</th>
<th>Organisationsnr</th>
<th>Momsreg.nr</th>
</tr>
<tr>
<td>Torhamn</td>
<td>740811-3376</td>
<td>SE740811337601<br>
Innehar F-skattebevis</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
echoSwe Medlem sedan nov. 2004 1 189 inlägg om du sätter
body { font-size: 16pt; } /*reglera själv*/
inom ditt styleelement.
body { font-family: arial; }
ändrar all text till arial.
devotion Medlem sedan jan. 2001 3 582 inlägg ok. men jag vill ju ha lite olika storlekar på teckensnitten. Sidfot, förklaringstexter mm
Hur göra?
Mvh
Okkido Medlem sedan maj 2000 7 492 inlägg thead {font-size: 1.4em;}
devotion Medlem sedan jan. 2001 3 582 inlägg Hej!
Mvh
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
<head>
<title>ARBETSORDER</title>
<style type="text/css">
.copy { page-break-before:always; }
.company { margin:0; font-size:200%; position:absolute; left:10px; }
.header { margin-left:49.9%; }
.tableFrame {border:1px solid black; }
h1 { font-size:150%; }
caption { text-align:left; }
caption + * > * > :first-child + * { width:30%; }
dl { float:left; width:49.9%; }
dd { margin-left:0; padding-left:0; }}
dt { clear:left; }
table { width:100%; clear:left; border-collapse:collapse; table-layout:fixed;}
th { text-align:left; font-size:75%;}
td { vertical-align:top; font-size:75%;}
thead th { border-bottom:1px solid black; font-size:75%;}
html { font-family:Arial, sans-serif; font-size: 10pt;}
</style>
</head>
<body>
<div class="original">
<div class="header">
<p class="company"><img src="Images/Sydostel_logga_2.gif" width="160" height="74" alt ="Sydostel i Karlskrona AB"></p>
<h1>ARBETSORDER</h1>
<dl class="number">
<dt>Uppdragsnummer</dt>
<dd>3</dd>
</dl>
<dl class="date">
<dt>Datum</dt>
<dd>2005-04-01</dd>
</dl>
</div>
<dl>
<dt>Kund</dt>
<dd>Pelles Bygg <br>
Byggvägen<br>
371 49 Byggbo </dd>
</dl>
<p></p>
<table>
<tbody>
<tr>
<th>Kundnummer:</th>
<td>123</td>
<th>Montör:</th>
<td>Henrik</td>
</tr>
<tr>
<th>Er referens:</th>
<td>Thomas Svensson </td>
<th>Uppdragstyp:</th>
<td>Installation</td>
</tr>
<tr>
<th>Telefon</th>
<td>0455-123456</td>
<th> </th>
<td> </td>
</tr>
<tr>
<th>Fax</th>
<td>0455-123456</td>
<th> </th>
<td> </td>
</tr>
</tbody>
</table>
<br>
<table class="tableFrame">
<tbody>
<tr>
<th>Uppdrag:</th>
</tr>
<tr>
<td>Här ska uppdraget skrivas i klartext </td>
</tr>
</tbody>
</table>
<br>
<table>
<caption>Tid</caption>
<thead>
<tr>
<th>Artnr</th>
<th>Benämning</th>
<th>Antal</th>
<th>Enhet</th>
<th>à-pris</th>
<th>Radtotal</th>
</tr>
</thead>
<tfoot>
<tr>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th>TOTAL </th>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>7 813,00</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1001</td>
<td>Arbetstid</td>
<td>25</td>
<td>Tim</td>
<td>250,00</td>
<td>6 250,00</td>
</tr>
</tbody>
</table>
<br>
<table>
<caption>Material</caption>
<thead>
<tr>
<th>Artnr</th>
<th>Benämning</th>
<th>Antal</th>
<th>Enhet</th>
<th>à-pris</th>
<th>Radtotal</th>
</tr>
</thead>
<tfoot>
<tr>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th> </th>
<th>TOTAL</th>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>7 813,00</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1001</td>
<td>Nätverkskort</td>
<td>25</td>
<td>st</td>
<td>250,00</td>
<td>6 250,00</td>
</tr>
</tbody>
</table>
<br>
<table>
<caption>Sammanställning</caption>
<thead>
<tr>
<th>Netto</th>
<th>Exkl moms</th>
<th>Moms %</th>
<th>Moms kr</th>
<th> </th>
<th>TOTAL SUMMA </th>
</tr>
</thead>
<tfoot>
<tr>
<td>6 250,00</td>
<td>6 250,00</td>
<td>25</td>
<td>1 562,50</td>
<td> </td>
<td>7 813,00</td>
</tr>
</tfoot>
<tbody>
</tbody>
</table>
<p> </p>
</div>
</body>
</html>
