Wie?:'druckerfreundliche version' + schrift vergrö

Computer: Software & Programmierung HTML & CSS
#1

betrifft: webseite in html…

hallo!
ich suche nach einem script, wie man jeweils von der aktuellen ansicht der webseite eine druckerfreundliche version bekommt.

weiter brauche ich ein script (oder wie man es macht), um schriften zu vergrössern/verkleinern.

dann habe ich noch ein problem: in einem layer kann ich keinen einfluss darauf nehmen, wie der sich darin befindliche text gestaltet werden kann. z. abstand vom linken rand des layer und auch bei mousover z.b. eine hinterlegung in farbe.

danke für möglichst rasche antwort…

adelheid

#2

p.s: auch in einem anderen layer kann ich den text z.b. nicht mittig setzen, obewohl ich sage:„center“ (also ich möchte, dass oben und unten in diesem layer der selbe abstand ist vom oberen und uneren rand des layer zum darin enthaltenen text.

#3

betrifft: webseite in html…

warum dann nicht gleich in HTML und CSS??

hallo!
ich suche nach einem script, wie man jeweils von der aktuellen
ansicht der webseite eine druckerfreundliche version bekommt.

> PDF / HTML / Bild??

Ich mache das im Moment so…
Ich habe auf meiner Seite ein DIV, dieses DIV hält den Content, dieser Content übergebe ich mittels Javascript an ein neues Fenster und dann hat man den Content in einer neu generierten Seite… über CSS kannst du dann die Seite gestalten…

weiter brauche ich ein script (oder wie man es macht), um
schriften zu vergrössern/verkleinern.

> CSSRule (JavaScript)
> CSS (andere Datei einbinden)

dann habe ich noch ein problem: in einem layer kann ich keinen
einfluss darauf nehmen, wie der sich darin befindliche text
gestaltet werden kann. z. abstand vom linken rand des layer
und auch bei mousover z.b. eine hinterlegung in farbe.

Abstand vom linken Rand (margin-left, padding-left betrifft CSS).

Hinterlegung in Farbe:
CSS wird benötigt oder Javascript mit Mouseover…

a:hover{
background:blue;
color:red;
}

Gruss,
Sebastian

#4

p.s: auch in einem anderen layer kann ich den text z.b. nicht
mittig setzen, obewohl ich sage:„center“ (also ich möchte,
dass oben und unten in diesem layer der selbe abstand ist vom
oberen und uneren rand des layer zum darin enthaltenen text.

Also nicht horizontal sondern vertikal?
Das wird schwer, möglich ist es aber…

http://www.google.at/search?hl=de&q=inhalt+div+verti…

#5

ja danke. viel versteh ich davon nicht.
css (stylesheet) ja da mach ich schon auch noch.
beim drucken geht es um texte (html).

was ist denn ein DIV? und wie genau soll das gehen… vielleicht kann jemand hier das erklären, dass ich es verstehe.?
und das mit dem schriftverkleinern/vergrössern habe ich auch nicht verstanden.

danke für das mousover.

gruss adelheid

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#6

ja danke. viel versteh ich davon nicht.
css (stylesheet) ja da mach ich schon auch noch.
beim drucken geht es um texte (html).

Ich schreib dir jetzt schnell die Funktion hin, die ich verwende um eine Druckansicht zu realisieren.

ich habe eine seite und zwar so:

...

 Hier kommt dein Zeugs!! 

...

nun habe ich da einen link dieser sieht so aus:

Die Funktion openWin() (Javascript)!!:

function openWin()
{
 var newWin = window.open();
 var pageInfo = "drucken [Seite drucken](%23) | [Seite schließen](%23) ";
 var footer = "";

 with (newWin.document)
 {
 open();
 var content = document.getElementById('divId').innerHTML;
 write(header);
 write(content);
 write(footer);
 close();
 }
}

nun steht in deinem neuen fenster der inhalt von divId…
dieses zeugs was ich dir da jetzt geschrieben habe, habe ich nicht getestet, dürfte aber funktionieren.

was ist denn ein DIV? und wie genau soll das gehen…
vielleicht kann jemand hier das erklären, dass ich es
verstehe.?

http://www.mediaevent.de/xhtml/div.html

und das mit dem schriftverkleinern/vergrössern habe ich auch
nicht verstanden.

Entweder du machst mehrere CSS-Dateien mit verschiedenen Schriftgrössen dahinter… und bindest die jeweilige dann ein.
Oder über CSSRule ( http://coding.binon.net/index.htm?dhtml/cssrule.htm )