mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 20:08 Benutzername: Passwort: Auto-Login

Thema: Hilfe bei print.css vom 01.02.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Hilfe bei print.css
Autor Nachricht
mistermondo
Threadersteller

Dabei seit: 08.04.2008
Ort: Hof
Alter: 33
Geschlecht: Männlich
Verfasst Mo 01.02.2010 11:08
Titel

Hilfe bei print.css

Antworten mit Zitat Zum Seitenanfang

Hi Leute!

Mal wieder ein Problem.

Könnt ihr mir sagen wie man in einer print.css Bilder verkleinern kann und das ganze dann richtig anwendet (auf das Bild)? Komme nämlich irgendwie nicht weiter.

vorab:
das ganze ist im head so verlinkt:

Code:
<link rel="stylesheet" type="text/css" media="print" href="LINK">

print css:
Code:
.img{height: 400px; width:400px}

und so auf das bild angewendet:
Code:
<span class="img"> <img src="BILD"></span>


Was mache ich falsch?



Vielen Dank.
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 01.02.2010 11:12
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
.img > img {height: 100%; width:100%;}


wenn ich dich richtig verstanden habe.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
mistermondo
Threadersteller

Dabei seit: 08.04.2008
Ort: Hof
Alter: 33
Geschlecht: Männlich
Verfasst Mo 01.02.2010 11:42
Titel

Antworten mit Zitat Zum Seitenanfang

das problem bei mir hauptsächlich ist das das einfach nicht funktioniert.

sonst ist wohl kein fehler drin?
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 01.02.2010 11:53
Titel

Antworten mit Zitat Zum Seitenanfang

Nimm mal statt <span> ein <div>
  View user's profile Private Nachricht senden
mistermondo
Threadersteller

Dabei seit: 08.04.2008
Ort: Hof
Alter: 33
Geschlecht: Männlich
Verfasst Mo 01.02.2010 12:03
Titel

Antworten mit Zitat Zum Seitenanfang

okay also schreib ich in der print.css:

Code:
img{werte}


und in der html

Code:
<div id="img" align=center><img src="LINK"></img></div>
  View user's profile Private Nachricht senden
itek

Dabei seit: 08.03.2006
Ort: 127.0.0.1
Alter: -
Geschlecht: Männlich
Verfasst Mo 01.02.2010 12:20
Titel

Antworten mit Zitat Zum Seitenanfang

Wenn du dann mehrer Bilder hast, dann solltest du dem div eine class geben - keine ID.

img {} formatiert alle Bilder

div.img {} den Container den du angegeben hast

div.img img {} alle Bilder, die "im" Container sind.


<img xxx /> statt <img></img>

Und "align=center" durch CSS (text-align:center) ersetzen
  View user's profile Private Nachricht senden
mistermondo
Threadersteller

Dabei seit: 08.04.2008
Ort: Hof
Alter: 33
Geschlecht: Männlich
Verfasst Mo 01.02.2010 13:19
Titel

Antworten mit Zitat Zum Seitenanfang

Danke für die Hilfe!

Jetzt funktionierts endlich Grins
  View user's profile Private Nachricht senden
 
Ähnliche Themen print div
PDF Print Button
print stylesheet
Non-Print lernen
scrollbarer Bereich bei print.css
Probleme mit css-media:print
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.