Grafik anpassen via CSS
0 0 0 0 
Patrick Andrieu
0
Grafik anpassen via CSS
Abend zusammen,
Wie ist das denn bei CSS. Wenn man im oberen Bereich (quasi wie ein Banner) eine Grafik einbinden will und die Breite auf automatik stellt. Zoomt der Browser ggf. eine zu kleine Grafik in die Breite?
Grüsse gary
-
Zoomt der Browser ggf. eine zu kleine Grafik in die Breite?
Von Haus aus erstmal nicht. Wenn du der Grafik allerdings eine Größe in relativer Einheit (em oder %) zuweist, wird sich die Anzeige im Browser selbstverständlich danach richten und einen Wert einnehmen, der ggfls nicht der nativen Pixelgröße der Grafik entspricht.
Auf minderwertigen Systemen kann das entsprechend übel aussehen. Auf dem Mac bleibt es natürlich schick.
Viele Grüße!
_Dirk--
»[The Killers - When You were young] Scheint im ersten Moment der perfekte Lovesong: ein bisschen rotzig, aber lovely.«
- Top Fives, Nicht-Poppmusik, ihr zweites mal.-
Hi Dirk,
Das heisst ich muss das Bild nicht in ein Div packen, sondern dem img ne classe verpassen, und diese dann mit Prozenten oder EMden formatieren?
@ die Anderen:
Ich lach mich fast tot ;-)Neee, ist schon spät, da darf man Anfänger fragen ungeniert stellen...
Grüsse gary
-
Hallo Gary.
Ich bin mal mutig: Bei Ebay kann man den Verkäufern Bewertungspunkte geben, und die Prozentwerte stehen dann direkt neben dem Namen ...
Bisher hat das beispielsweise immer funktioniert, sowohl bei Firefox als auch beim IE:
.logo {margin: 10px; width: auto; height: auto;}
<div class="logo"><img src="../grafik/bild.PNG" width="400" height="100" border="0" alt="Hier ist ein Bild"></div>
mfg
cygnus--
Die Sache mit Angel hat in der Wüste einen Haken ... -
Das heisst ich muss das Bild nicht in ein Div packen, sondern dem img ne classe verpassen, und diese dann mit Prozenten oder EMden formatieren?
Das hängt davon ab, was du erreichen willst.
Wenn dein Bild die Styleangabe »width: 100%;« bekommt, dann wird es von dem Raum, der ihm zur Verfügung steht, 100% in der Breite einnehmen und proportional vertikal skalieren.
Ist dieser Raum 600px, wird das Bild 600px breit sein. Ist der Raum ein div mit 600px, das aber noch ein padding von 10px rechts hat, wird das Bild 590px einnehmen.Wie du diese Styleangaben einbringst, bleibt dir überlassen. Per CSS-Klasse wäre möglich und sinnvoll.
Und wie erwähnt: die Qualität des Bildes wird in jedem Fall leiden, wenn du es nicht in seiner eigenen Größe ausgibst. Kleiner funktioniert dabei theoretisch besser als größer, und ein Mac praktisch besser als alle anderen Systeme.
Viele Grüße!
_Dirk--
»to do number one - baby talk [coll.] klein machen [coll.] - Kindersprache für "urinieren" / to do number two - baby talk [coll.] groß machen [coll.] - Kindersprache für "defäkieren"«
- Top Fives, The Importance Of Being Idle (2)-
Hi Dirk,
Geplant war, das das Bild (WC-Papier) über die gesamte Breite der Page reicht, und die einzelnen Berichte mit der gestrichelten Linie sollten die Abrissstelle markieren. Jetzt habe ich mich aber mit einer anderen Lösung angefreundet: Die Navi wird zu Klopapier, hehe.
Zu sehen hier.
Die links werden später per perl generiert. So dass, wenn es viele Links sind, sich auch die Länge des Klosettpapiers ändert. Das funktioniert schon mal mit der Länge (height: auto;)
Gruss gary
PS.: Muss gerade mal schauen, wie man noch mal Links formatiert (die a: visited Geschichte mit underline no und so weiter...)
-
Ach so,
Falls einem einfällt, wie man das Klopapier so lange machen kann, wie die Seite mit den Berichten Lang ist- nur her mit den Vorschägen :-)
Bewaffnet bin ich mit HTML, JavaScript, CSS und sogar ein bischen Perl ;-)
Grüsse und Gute nacht gary
-
Morgen zusammen,
Vergesst den letzten Vorschlag. Die Klopapierrolle bleibt doch so- je mehr Links, desto mehr wird sie abgerollt.
Grüsse gary
-
-
-
-
-
-
hallo,
Wie ist das denn bei CSS.
So gemütlich wie zuhause.
Wenn man im oberen Bereich
CSS hat keinen "oberen Bereich".
Zoomt der Browser ggf. eine zu kleine Grafik in die Breite?
Es gibt skalierende Maßeinheiten.
Grüße aus Berlin
Christoph S.
-
Grüße,
Wie ist das denn bei CSS. Wenn man im oberen Bereich (quasi wie ein Banner) eine Grafik einbinden will und die Breite auf automatik stellt. Zoomt der Browser ggf. eine zu kleine Grafik in die Breite?
42?
MFG
bleicher--
__________________________-
Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
http://www.sexgott-or-not.com/?test=428054-
Hallo bleicher!
42?
21!
Viele Grüße aus Frankfurt/Main,
Patrick--
_ - jenseits vom delirium - _
[link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
Nichts ist unmöglich? Doch!
Heute schon gegökt? -
Seid gegrüßt!
42?
Duc meinst nicht etwa 42? Aber die Frage war doch unklar!?!?
--
Bis Später
RuD
________________________________________________________________
SelfCode: ie:% fl:( br:^ va:) ls:< fo:| rl:( n4:& ss:) de:> js:| ch:| mo:| zu:)-
hi,
42?
Duc meinst nicht etwa 42? Aber die Frage war doch unklar!?!?Stimmt, ist also richtig.
"Sie bringt zum Ausdruck, dass mit einer Antwort nichts anzufangen ist, wenn die entsprechende Frage nicht präzise gestellt war."
Hast du doch selbst verlinkt.
grüße
-
-