Das Hintergrundbild lässt sich in seiner Gröüe auch gar nicht verändern. Du kannst es höchstens positionieren...
Was Du machen könntest (Aber wirklich nur als allerletztes): Du könntest z.B. ein DIV hinter die komplette Seite legen, der 100% breit und 100% hoch ist (vielleicht noch position:fixed). Dort hinein kommt das Bild einfach per img-Tag. Dem Bild gibst Du dann ebenfalls eine Breite und Höhe von 100%..
Da müssten zwar evtl. noch einige Details angepasst werden, aber im Prinzip würde das gehen. Die Nachteile davon:
1. Von hinten durch den Bauch in die Brust geschossen
2. Sehen Bilder, die einfach per HTML skaliert sind, sehen meist ziemlich häülich aus (Besonders an Kanten zu sehen)
3. Benötigt auch in Zeiten von DSL so ein riesiges Bild einiges an Ladezeit
Bild an Seitengröüe anpassen
Hallo,
ich versuche ein Bild via PHP (quasi dynamisch) an die gröüe
der HTML-Seite proportional anzupassen.
Ich dachte das ich die "width=" und "height" des img-Tags anpassen könnte.
Allerdings weiü ich nicht wie ich via PHP an die aktuelle Seitengöüe komme.
Im optimalen Fall wünsche ich mit ein Verhalten wie es der FireFox macht,
wenn er ein Bild direkt anzeigt. D.h. das das Bild auch bei ćnderung der
Fenstergröüe neu skaliert wird.
Hat dazu jemand eine Idee?
Gruü
FXMaveric
Moin,
ich sehe in deinem Beispiel nichts, was auf auf 100px Höhe skaliert ist. Das einzige, was eine Höhe hat, ist die DIV, die die Tabelle umschliesst. Hier verhält sich Mozilla tatsächlich anders als IEx, aber er macht genau das, was du ihm sagst. Die DIV soll 20px hoch sein, also macht er sie 20px hoch. Dass der IEx die Höhe (und auch die Breite) dem Inhalt anpasst, ist zwar vielleicht in deinem Fall praktisch, ist aber eigentlich ein Bug. Dass die Höhe angepasst wird, regelt man via CSS mittels min-height. Das wiederum versteht der IEx nicht, aber da er ohnehin den Inhalt anpasst, kannst du die Angaben in der DIV pauschal auf min-width:150; min-height:20; ändern, dann passt es in beiden Browsern.
Ich würde übrigens an deiner Stelle einheitlich auf CSS umsteigen. Die ganzen "alten" height- und border- Anweisungen in den TD- und IMG-Tags wirken doch eher verwirrend, finde ich.
Hallo thom (bist doch noch unser Mod, oder?),
seit dem letzten Update der Foren-Software hab' ich so komische Streifen am rechten Bildschirmrand :confused: - guckst Du => hier
(*Edit(h)* Wie ich sehe, hat Bielefeld jetzt auch die [ img]-tags im Post direkt deaktiviert! ) :(
Frage: Werden die noch mit irgendetwas aufgefüllt, oder soll das etwa so bleiben? :rolleyes:
Liegt's evtl. an meinem Monitor, der nicht mehr richtig skaliert?
Irgendwas stimmt hier nicht!
Wäre schön, wenn Du Dich ma' in Bielefeld erkundigen könntest!
Dass das Mag (wieder) kleiner geworden ist, mag ja insbesondere für's Schmökern auf'm Klo (fällt nicht mehr so leicht vom Spülkasten ;-) ganz praktisch sein - das Forum in seiner jetzigen Form verursacht aber eher Augenkrebs...
Dass man in den Modul-Einstellungen im Feld "Eigene Sprachtexte" auch HTML-Tags verwenden kann, hatte ich auch erst kürzlich hier gelesen - so gesehen, kann man dann eh den Tag nach eigenen Vorlieben anpassen.
Bzgl. Gröüenanpassung: Hab' einfach die beiden betreffenden Länderflaggen in Photoshop etwas skaliert und anschlieüend mittels "Eigene Sprachtexte" im IMG-Tag die neuen Gröüenangeben sowie die entsprechenden Quellangaben zur Bilddatei angegeben. Einzig der ALT-Text kann so nicht mittels PHP-Parser erzeugt werden - dafür habe ich dann ersatzweise das Länderkürzel eingefügt.
Funktioniert wunderbar!
ne das funktioniert schon, da IMG Tags auch auf Local zugreifen können. (Outlook macht das z.B. mit Bildern, bevor sie in die Mail eingebettet werden)
Es ist ja nicht der Server, sondern der Client - er liest das Bild von seiner eigenen Platte.
Also - nochmal von vorn.
Der Benutzer gibt in das FILE Inputfeld die lokale Pfadangabe zum Bild ein.
Der Client des Benutzers wird von einem Javascript angewiesen, das Bild in einer kleineren Gröüe skaliert anzuzeigen (z.B. 64x64) - dazu ist allerdings erforderlich, dass man sich auf eine Einheitsgröüe einigt, z.B. 128x128 oder so ähnlich.
Dann kommt der Teil mit dem Upload.
Ich probier' das ganze jetzt mal OHNE Uploadfunktion aus, da ich mich mit SSI nicht auskenne. Beim Vorschauscript kann ich jedoch helfen - ich erstell' jetzt mal eins http://www.onlinewebservice7.de/iB_h...ticons/top.gif
CU http://www.onlinewebservice7.de/iB_h...cons/winke.gif
Liste der Anhänge anzeigen (Anzahl: 1) Hm.. also was erstmal auffällt ist, dass die Seite im Firefox rumspringt ohne Ende.
Eigentlich ist das Bild da auch ziemlich ungeeignet. Da wäre einmal die Gröüe des Bildes. 205kb ist einiges - viel zuviel. Dazu kommt noch, dass an auch schlecht Teile vom Bild kacheln könnte, was der Gröüe zu Gute käme.
Auüerdem würde eine Skalierung durch den Browser auch nur eines bewirken - Verpixelung des Bildes.
Aber gut. Hm frag mich gerade was ich da gestern genommen hatte als ich sagte es wäre nicht machbar mit CSS. ^^
Also es geht schon, wenn auch über einen kleinen Umweg. :p
Zur Veranschaulichung siehe Anhang (Stör dich jetzt nicht an der Bildqualität, aber das sagte ich dir ja schonmal. :D). Müsstest es dann nur bei dir vernünftig einbauen. Bedenke aber dass das keine optimale Lösung ist. Eine richtige Skalierung auüerhalb von dem img-tag ist nicht möglich.
Da wäre dann besser:
Ahoi!
Ich hab mir deine Navigationsleiste noch mal angeguckt... du hast da natürlich ganz schöne "Brocken" rumliegen:
Java-Applet mit 280 Pixeln
6 Buttons mit je 120 = 720 Pixeln
macht gesamt 1.000 Pixel!
Man optimiert mittlerweile seine Seite IMHO auf eine Auflösung von 1024 x 768, allerdings sollte das Ganze auf 800 x 600 auch noch gut aussehen!
Mein Vorschlag: Mach das Java-Applet kleiner (brauchst du das überhaupt? Hab nicht rausgekriegt was das eigentlich anstellt![img]/forum/images/icons/smile.gif[/img]) und versuch mal die Buttons auf 100 Pixel Breite zu skalieren. Dann müsste die Leiste auch bei einer kleineren Auflösung noch gut aussehen.
Achja: Die < STRONG >-Tags kannst du auch raussnehmen und zwischen dem 'Guestbook'- und dem 'Links'-Button hat sich noch eine "0" versteckt!
Gruü,
Corona
Den Vorteil der Lightbox sehe ich darin, wenn ich daheim im Wohnzimmer am Notebook sitze (Auflösung 1024*768 ) und mir dann die Bilder anschaue.
Die Lightbox skaliert mir das Bild herunter, wenns mit einem IMg Tag eingebunden wurde, zerhaut es mir regelmässig das Layout. bzw ich kann das Bild nie als Ganzes sehen.
Ich liebe die Lightbox, obwohl das natürlich für Mark und Piet Speicherpaltzverlust bedeutet.
Grüüe
Manfred
Grundlagen Cloud Computing
Cloud Computing will die Unternehmens-IT komplett ändern. Künftig sollen sich Umgebungen leichter skalieren, billiger betreiben und flexibel anpassen lassen. TecChannel zeigt Ihnen, was hinter dem Schlagwort steht und wo der Unterschied zu Software as a Service liegt. http://ad.de.doubleclick.net/ad/tecc...1x1;ord=55037? http://rss.feedsportal.com/c/746/f/9...37706a7/mf.gifhttp://rss.feedsportal.com/images/emailthis2.gifhttp://rss.feedsportal.com/images/bookmark.gif
http://da.feedsportal.com/r/34572470...8132135/a2.img
Weiterlesen...
-----------------
Tags:
Portal, News, Tecchannel, Deutsch
Scrollen... Leider kann ich das Bild nicht verkleinern, es ist auf einer Webseite wo ich nur den selben Zugriff habe wie ihr auch, nämlich lesend. Aber ich fand das Bild soo wahnsinnspassend... Oder gibts eine Möglichkeit in die IMG-Tags eine Gröüenangabe (skalierung) einzugeben?
Bilder im Div - Problem mit "width: xx%"
Tag allerseits!
Kann man in html oder css eine WENN-DANN Bedingung einbauen um automatisch bei Hochformatbildern einen anderen Div-Container zuzuweisen als für Querformatbilder?
Ich bastel derzeit an meiner ersten Website und komme bei einem Problem nicht weiter.
Ich will mehrere hundert Bilder ins Netz stellen und habe je eine html-Datei pro Bild. Alle Pages greifen auf dieselbe CSS Datei zu.
Um Bilder an Auflösungen und Fenstergröüe anzupassen, habe ich sie in einen Div-Container gesteckt der mit %-Breite skaliert ist.
Die Querformat-Bilder sehen auch alle gut aus , nur die Hochformat-Bilder schiessen (incl. Container) über die Bildschirmlänge hinaus und man braucht den vertikalen Scrollbalken.
Daher spiele ich mi dem Gedanken einen alternativen Container zu erstellen der eine geringere Breite hat (z.B.50%), und nur für Hochformat-Bilder zuständig ist. Allerdings müsste ich dann hunderte Seiten durchgehen und manuell unterscheiden zwischen Hoch- und Querformat-Fotos.
Wie kann man das automatisieren?
Ich arbeite mit Dreamweaver. Die Bilder haben leider leicht unterschiedliche Gröüen (Die "Suchen-Funktion" ist also nicht hilfreich um die Dateien automatisch zu finden, die ein bestimmtes Format darstellen).
Danke im Voraus für Eure Tipps!
max
Hier meine Code-Fragmente:
#bigimagecontainer {
position: relative;
background-color: #FFFFFF;
margin: 0 1.2em 0 1.2em;
width: 74%;
}
.bigimage {
padding: 10px 0 10px 0;
width: 96%;
}
und
<div id="bigimagecontainer">
<img src="../Pictures/BEISPIEL.jpg" alt="BEISPIEL" class="bigimage" title="BEISPIEL" /> </div>
Wie werden Bilder in Forums-Beiträgen eingebaut/veröffentlicht?
Hallo!
Es ist hier im Forum ein Dauerbrenner: Die Frage, wie man eigene Beiträge mit Bildern/Fotos garnieren kann! Dafür gibts oben einen Knopf: das neunte Icon in der ersten Icon-Zeile, heiüt 'Grafik einfügen'. Klickt man es an, wird dieser Steuertext in den Text eingefügt: [ IMG][/IMG] (ohne das Leerzeichen nach der ersten rechteckigen Klammer), genannt Image-Tag (englisch).
Zwischen die Anfangs- und Ende-Teil des Tags muü der Pfad zum Bild einschlieülich Bildname. Die Forensoftware skaliert, wenn mit den Image-Tags veröffentlichte Bilder eine längere Seite als 800 Pixel haben, die Bilder herunter auf genau 800, wobei das Seitenverhältnis erhalten wird!
Aber:
Um in einer Antwort ein Bild oder Foto anzeigen lassen zu können, muüt es erst irgendwo auf einen geeigneten Server bzw. Rechner im Internet hochgeladen werden. Geeignet heiüt, er ist mit dem Web verbunden und für sowas gedacht. Es gibt verschiedene Möglichkeiten:
Mit einem kleinen Trick und einer nicht ganz 100% logischen Auszeichnung ist es relativ leicht den Anschein eines "sich skalierendes Hintergrundbildes" zu erwecken.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Skaliertes Hintergrundbild</title>
<style type="text/css" media="screen">
*{
margin:0px;
padding:0px;
}
html,body{
width:100%;
height:100%;
}
#bg{
width:100%;
height:100%;
position:absolute;
z-index:1;
display:block !important;
}
#seiteninhalt{
position:absolute;
z-index:2;
}
</style>
</head>
<body>
[img]P1010006.JPG[/img]
<div id="seiteninhalt">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla lacus orci, tincidunt sit amet, posuere eu, pellentesque vel, elit. Etiam lectus velit, dapibus vitae, dignissim ac, sollicitudin vitae, ipsum. Maecenas et velit. Suspendisse ut turpis et nibh mattis congue. Fusce erat sapien, tincidunt non, tincidunt ac, aliquam ac, arcu. Nullam eget erat eget elit dignissim malesuada. Proin non quam quis ipsum vehicula ultricies. Fusce libero sapien, hendrerit tempor, sagittis sit amet, venenatis eget, lorem. Mauris iaculis diam quis leo. Maecenas sed nibh. Aenean libero sapien, aliquet eget, bibendum eu, mollis vitae, lorem. Sed auctor, mi et sagittis consequat, lorem magna dictum neque, eu pretium dolor dui ac risus. Sed sed magna. In vestibulum. Cras enim libero, hendrerit quis, blandit id, consectetuer at, justo. Suspendisse cursus iaculis mi. Morbi nisl urna, ultrices nec, pellentesque ac, aliquam eu, odio. Donec sapien mi, cursus at, viverra eget, rutrum sed, diam. Integer rutrum quam et augue.
</div>
</body>
</html>
Das läuft folgendermaüen ab:
Das Bild wird per img-Tag und leerem alt-Attribut als Designmittel ausgezeichnet. Das Bild wird mit position:absolute; an die richtige Stelle gesetzt und durch das setzen von width und height auf 100% wird der Anschein einer Skalierung erweckt.
Sollte der Stylesheet aus irgendwelchen Gründen nicht geladen werden können, wird das Bild durch display:none; nicht angezeigt.
[IS] Laugavegur im September -- Fotoimpressionen
Wie immer beschränke ich mich auf Fotos und einige sachliche Infos...
Ich bin (zusammen mit einem anderen Wanderer) Mitte Sep 09 den Laugavegur von Landmannalaugar bis Skogar gelaufen. Das Wetter war am Anfang und am Ende gut. Dazwischen viel Regen und Schnee (und Wind). War trotzdem sehr schön.
Temperaturen bis knapp unter Null.
Neben meinem Begleiter und mir waren in dieselbe Richtung nur noch ein polnisches Paar unterwegs. Sie sind aber nicht mehr die letzte Etappe über den Gletscher nach Skogar gelaufen.
Gegenverkehr: 2 Belgier am ersten Tag. Ansonsten war alles schön leer.
Die Hütten machten gerade dicht bzw. waren es schon. Trotzdem "mussten" wir nur 2 mal in Zelten übernachten (am Anfang und am Ende). Und einmal waren wir sehr idyllisch mit Schafen und Pferden und Hunden in einem Stall untergekommen ;)
Sehr eklig: Von Skogar aus fährt nur 3 mal in der Woche ein Bus zurück in die Zivilisation. Und das Per-Anhalter-Fahren scheint in Island alles andere als gut zu funktionieren ...
Nachfolgend ein paar Fotos und zusätzlich Links, da das Forum die Bilder offenbar automatisch (zu) klein skaliert:
Gegend um Landmannalaugar ...
http://www.abload.de/img/cp_img_0971tsdk.jpg
http://www.abload.de/img/cp_img_0971tsdk.jpg
http://www.abload.de/img/cp_img_0976ipjk.jpg
http://www.abload.de/img/cp_img_0976ipjk.jpg
http://www.abload.de/img/cp_img_0978_img_0982-5kp9z.jpg
http://www.abload.de/img/cp_img_0978_img_0982-5kp9z.jpg
http://www.abload.de/img/cp_img_1013_img_1023-1xrb5.jpg
http://www.abload.de/img/cp_img_1013_img_1023-1xrb5.jpg
http://www.abload.de/img/cp_img_10973seu.jpg
http://www.abload.de/img/cp_img_10973seu.jpg