webForumDet fria alternativet

Bakgrundsfärg under text vid utskrift

HTML & CSS

9 svar · 2 034 visningar · startad av prplxr

Medlem sedan juni 2012581 inlägg
Frågan#1

Medalj till mig för bästa rubrik! :birp

Jag vet att detta inte är "rätt" approach, men jag tar fram ett system där man ska kunna generera utskrifter (läs: fakturor) i A4-storlek i HTML. Tänkte att det skulle bli ett intressant projekt men hade aldrig anat att jag skulle fastna på detta.

Har som små rubriker högst upp i div'ar. Div'arna har border och jag vill att rubriken skall vara väldigt nära bordern. När jag flyttar upp mina rubriker, må det vara mha top, padding-top eller vad som, så skrivs rubriken ut med vit bakgrundsfärg, vilket alltså gör att bordern bakom rubriken, som tillhör div'en som rubriken ligger i, "försvinner". Vad kan man göra åt detta?

(Får nog ta mig en medalj för att jag satte mental knut på tungan också!)

Medlem sedan aug. 20068 090 inlägg
#2

Är det hugget i sten att rubrikerna ska ligga i divvar?
Om du inte har andra element i dom kan du väl lägga border direkt på rubrikerna?
Skulle nog hjälpa om du postade både html och css....

Medlem sedan juni 2012581 inlägg
#3

Nu har jag förvisso inte löst problemet i sig, men jag har hittat ett sätt att komma runt det. Jag satte helt enkelt z-index: -1 på rubrikerna.

Såhär såg markup'en ut för styckena med detta problem:

<div class="rounded">
	<div style="padding: .04in;">
		<div class="item-title">Fakt nr / Kundnr</div>
		<div class="item-content nolh">
			<table width="100%" cellpadding="0" cellspacing="0">
				<tr>
					<td width="50%">&emsp;112</td>
					<td>67045</td>
				</tr>
			</table>
		</div>
	</div>
</div>

...och i stilmallen detta:

.rounded {
	border: .02in solid #000;
	border-radius: .07in;
}

.item-title {
	font-size: .65em;
	position: relative;
	top: -.085in;
	left: .08in;
	z-index: -1;
}

.item-content {
	font-size: .8em;
	padding-top: -.05in;
	background: none;
}

.nolh {
	line-height: 1em;
}
Medlem sedan aug. 20068 090 inlägg
#4

Nu är ju du avsevärt duktigare på sånt här än vad jag är så jag blir lite förvånad över att du har problem med detta. Måste ju finnas flera lösningar.

Kan du inte testa att låta "item-title" vara en del av tabellen?
Och/eller att skita i divven och ge tabellen rundade hörn och border istället?

Medlem sedan juni 2012581 inlägg
#5

I min mening skall tabeller ej utsmyckas, de är bara till för tabulär data. Det jag siktar på är ju naturligtvis att det ska bli så små skillnader (om några) som möjligt mellan webbläsare och printer. Min idé är då att det är bäst att göra allt "korrekt". Tabeller kan ju tolkas rätt fritt av både läsare och printrar.

Nu skall det dock föras till protokollet att fler problem har uppstått. Mina "f" liksom klipps av. Jag får inte med hela när jag printar. Bifogar en bild på spektaklet. Har du eller någon annan någon idé om varför det blir såhär?

20130731_111729.jpg
Medlem sedan aug. 20068 090 inlägg
#6

Testat med en annan skrivare?
Hur blir det om du "skriver ut" till en pdf-fil?

Medlem sedan juni 2012581 inlägg
#7

Bra idé! Prövade det och samma problem uppstod, om möjligt ännu värre.

Medlem sedan juni 2012581 inlägg
#8

Jag fortsätter här i den här tråden. Har fortfarande strul med mina "f" som inte blir "hela" vid print.

Har testat olika textstorlek utan framgång. Testade även att byta måttenhet från tum till pixlar med samma resultat. Testade andra typsnitt och då fungerade det bra, men det är just detta typsnitt (Times New Roman) som "skall" användas... Tydligen... :P

Har ni några idéer om vad som skulle kunna orsaka detta?

Medlem sedan aug. 20068 090 inlägg
#9

Blev lite ställd förut när jag såg din stilmall eftersom jag faktiskt aldrig någonsin sett någon använda tum. Törs man fråga varför?

Nu är det ju egentligen punkter som används som mått vid tryck. Testa det.

Och prova gärna i en annan dator. Det kanske är dina fonter som är korrupta eller nåt.

Förresten, använder du Mac kan du kanske testa tömma fontcachen (kanske finns i Win/linux också?)

PS: Detta påminner om forna tider och krånglet med att få IE att visa layout på samma sätt som Netscape Navigator.....

Medlem sedan juni 2012581 inlägg
#10

Danne V skrev:

Blev lite ställd förut när jag såg din stilmall eftersom jag faktiskt aldrig någonsin sett någon använda tum. Törs man fråga varför?

Nu är det ju egentligen punkter som används som mått vid tryck. Testa det.

Det är första gången jag använder mig av tum också av den enkla anledningen att jag vill att storleken på alla element skall vara densamma oavsett vilken upplösning jag skriver ut i. Egentligen kunde jag ju använt mig av det metriska systemet. Varför jag inte gjorde det har jag inte en susning om.

Danne V skrev:

Och prova gärna i en annan dator. Det kanske är dina fonter som är korrupta eller nåt.

Förresten, använder du Mac kan du kanske testa tömma fontcachen (kanske finns i Win/linux också?)

PS: Detta påminner om forna tider och krånglet med att få IE att visa layout på samma sätt som Netscape Navigator.....

Jag prövade att byta webbläsare och problemet försvann. Det här är tungt för mig att säga, men här gick mitt älskade Opera bet. Firefox och - tro det eller ej - Internet Explorer fixade biffen.

280 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
157 ms — hämta tråd, inlägg och bilagor (db)
118 ms — ändringar (db)