Bild über dem Bild vergrößern – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Bild über dem Bild vergrößern Fri, 10 Feb 17 14:49:19 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686928#m1686928 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686928#m1686928 <p>Hallo, wenn ich in dem nachfolgenden Beispiel über das Bild fahre, wird es neben dem Ursprungsbild vergrößert. Wie kann ich erreichen, dass es sich über dem Ursprungsbild öffnet? Danke für Eure Geduld.</p> <pre><code class="block language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css"> <span class="token selector">.bilder_zoom</span><span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span> <span class="token property">z-index</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.bilder_zoom:hover</span><span class="token punctuation">{</span> <span class="token property">background-color</span><span class="token punctuation">:</span> transparent<span class="token punctuation">;</span> <span class="token property">z-index</span><span class="token punctuation">:</span> 50<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.bilder_zoom span</span><span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span> <span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span> <span class="token property">visibility</span><span class="token punctuation">:</span> hidden<span class="token punctuation">;</span> <span class="token comment">/* color: black; */</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.bilder_zoom span img</span><span class="token punctuation">{</span> <span class="token property">border-width</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.bilder_zoom:hover span</span><span class="token punctuation">{</span> <span class="token property">visibility</span><span class="token punctuation">:</span> visible<span class="token punctuation">;</span> <span class="token punctuation">}</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bilder_zoom<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">width</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 67px<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bild.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Blumen<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bild.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>500<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>334<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Blumen<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> </code></pre> Bild über dem Bild vergrößern Fri, 10 Feb 17 14:54:02 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686929#m1686929 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686929#m1686929 <p>@@Trapp</p> <blockquote> <p>wenn ich in dem nachfolgenden Beispiel über das Bild fahre, wird es neben dem Ursprungsbild vergrößert.</p> </blockquote> <p>Nein, bei mir nicht. Ich fahre über das Bild, indem ich die Tab-Taste drücke – nichts passiert.</p> <p><strong>Merke:</strong> Wann immer du <code>:hover</code> im Stylesheet zu stehen hast, sollte <code>:focus</code> nicht weit sein.</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Bild über dem Bild vergrößern Sat, 11 Feb 17 09:36:03 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686960#m1686960 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686960#m1686960 <p>Hallo,</p> <blockquote> <p>Wie kann ich erreichen, dass es sich über dem Ursprungsbild öffnet?</p> </blockquote> <p>Je nachdem, was genau du unter über verstehst, kann es reichen die Reihenfolge zu tauschen.</p> <p>Gruß<br> Kalk</p> Bild über dem Bild vergrößern Sat, 11 Feb 17 11:25:06 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686974#m1686974 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686974#m1686974 <p>Hallo Trapp,</p> <blockquote> <pre><code class="block bad language-css"><span class="token selector">.bilder_zoom:hover</span><span class="token punctuation">{</span> </code></pre> </blockquote> <p>Wo immer <code>:hover</code> erscheint, sollte <code>:focus</code> nicht weit sein. (Gunnar Bittersmann)</p> <blockquote> <pre><code class="block bad language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bilder_zoom<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">width</span><span class="token punctuation">:</span> 100px<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 67px<span class="token punctuation">;</span></span><span class="token punctuation">"</span></span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bild.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Blumen<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bild.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>500<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>334<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Blumen<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>Wozu die Elemente <code>div</code> und <code>span</code>? Warum ein <code>a</code>, wenn es nicht wo anders hinführt? Die Angaben mit „px“ sind falsch.</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>figure</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bild1.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Blumen<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>bild2.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>große Blumen<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>figure</span><span class="token punctuation">></span></span> </code></pre> <p>wäre aus meiner Sicht ein geeignetes Markup. Beispiel: <a href="https://www.j-berkemeier.de/Spiralen.html" rel="nofollow noopener noreferrer">https://www.j-berkemeier.de/Spiralen.html</a></p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Dieses Forum nutzt Markdown. Im <a href="https://wiki.selfhtml.org" rel="nofollow noopener noreferrer">Wiki</a> erhalten Sie <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/Formatierung_der_Beitr%C3%A4ge" rel="nofollow noopener noreferrer">Hilfe bei der Formatierung Ihrer Beiträge</a>. </div> Bild in Originalgröße anzeigen Sat, 11 Feb 17 13:47:12 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686978#m1686978 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686978#m1686978 <p>Hallo, wenn ich in CSS als Width/height 100% angebe, wird das Bild so groß wie die gesamte Seite. Was muss ich angeben, dass das Bild genau die Originalgröße annimmt?</p> Bild über dem Bild vergrößern Fri, 10 Feb 17 15:06:16 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686931#m1686931 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686931#m1686931 <p>Und wenn Du mit der Maus darüber fährst?</p> Bild über dem Bild vergrößern Fri, 10 Feb 17 15:08:35 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686932#m1686932 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686932#m1686932 <p>@@Trapp</p> <blockquote> <p>Und wenn Du mit der Maus darüber fährst?</p> </blockquote> <p>Es gibt Nutzer, die haben keine Maus.</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Bild über dem Bild vergrößern Fri, 10 Feb 17 18:14:28 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686946#m1686946 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686946#m1686946 <p>Warum werden immer wieder Ratschläge erteilt, nach denen man gar nicht gefragt hat? Das Beispiel habe ich (vermutlich) aus Selfhtml) und der Einfachheit halber abgespeckt. Dass nicht alle eine Maus besitzen ist mir bekannt und auch wie dies dann abgehandelt wird. Gefragt war dies sicher nicht!</p> Bild über dem Bild vergrößern Fri, 10 Feb 17 19:56:50 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686949#m1686949 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686949#m1686949 <p>@@Trapp</p> <blockquote> <p>Warum werden immer wieder Ratschläge erteilt, nach denen man gar nicht gefragt hat?</p> </blockquote> <p>Weil das die Qualität dieses Forums ausmacht.</p> <blockquote> <p>Das Beispiel habe ich (vermutlich) aus Selfhtml) und der Einfachheit halber abgespeckt.</p> </blockquote> <p>Wenn ersteres, gib das bitte an. Dann muss SELFHTML berichtigt werden.</p> <p>Wenn zweiteres, dast du nicht abgespeckt, sondern bis zur Funktionsuntüchtigkeit verstümmelt.</p> <blockquote> <p>Dass nicht alle eine Maus besitzen ist mir bekannt und auch wie dies dann abgehandelt wird.</p> </blockquote> <p>Schön, dass du das weißt. Hier lesen aber auch andere mit.</p> <blockquote> <p>Gefragt war dies sicher nicht!</p> </blockquote> <p>Dass eine Webseite auch mit anderen Eingabegeräten als Mäusen funktionieren muss, ist immer gefragt.</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Bild über dem Bild vergrößern Fri, 10 Feb 17 21:11:23 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686950#m1686950 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686950#m1686950 <blockquote> <p>Weil das die Qualität dieses Forums ausmacht.</p> </blockquote> <p>Die Frage ist nur ob zum Positiven oder Negativen.</p> Bild über dem Bild vergrößern Sat, 11 Feb 17 09:01:56 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686958#m1686958 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686958#m1686958 <p>@Gunnar: Und zum Thema hast Du nichts beizutragen?</p> Bild über dem Bild vergrößern Sat, 11 Feb 17 09:08:05 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686959#m1686959 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686959#m1686959 <p>@@Trapp</p> <blockquote> <p>@Gunnar: Und zum Thema hast Du nichts beizutragen?</p> </blockquote> <p>Wenn ich das hätte, würde ich es tun.</p> <p>Du kannst es potentiellen Etwas-beizutragen-Habenden aber <a href="https://forum.selfhtml.org/self/2015/jan/14/jquery-footer-ie-fehler/1629597#m1629597" rel="noopener noreferrer">einfacher machen</a>, indem du ein Online-Beispiel bereitstellst: entweder deine Seite verlinken oder auf Plattformen wie <a href="http://codepen.io" rel="noopener noreferrer">CodePen</a>.</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Bild über dem Bild vergrößern Sat, 11 Feb 17 10:59:12 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686970#m1686970 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686970#m1686970 <p>@Trapp: Es gibt in diesem Forum Leute, die ein verstärktes Mitteilungsbedürfnis haben und zu jedem Beitrag etwas schreiben müssen. Das gabs schon in der Schule, dass der Lehrer solche Schüler bremsen musste!</p> Bild über dem Bild vergrößern Sat, 11 Feb 17 11:13:47 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686971#m1686971 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686971#m1686971 <p>Ich meinte mit 'über', dass das Originalbild verdeckt wird und die links oben liegenden Ecken der beiden Bilder an der gleichen Position liegen sollen.</p> Bild über dem Bild vergrößern Mon, 13 Feb 17 06:21:08 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1687063#m1687063 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1687063#m1687063 <p>Hej Mitleser,</p> <blockquote> <p>@Trapp: Es gibt in diesem Forum Leute, die ein verstärktes Mitteilungsbedürfnis haben und zu jedem Beitrag etwas schreiben müssen. Das gabs schon in der Schule, dass der Lehrer solche Schüler bremsen musste!</p> </blockquote> <p>In einem öffentlichen Raum, der dazu gedacht ist, Hilfe zu guter Webentwicklung zu geben, wird Code voller Fehler präsentiert - und du möchtest ernsthaft, dass die enthaltenen Fehler ungenannt bleiben?</p> <p>Das musstest du - ungefragt - unbedingt loswerden? Und behauptest andere hätten ein ungebremstes Mitteilungsbedürfnis? — Ich frag ja nur…</p> <p>Marc</p> Bild über dem Bild vergrößern Sat, 11 Feb 17 11:19:50 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686973#m1686973 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686973#m1686973 <p>Hallo,</p> <blockquote> <p>Ich meinte mit 'über', dass das Originalbild verdeckt wird und die links oben liegenden Ecken der beiden Bilder an der gleichen Position liegen sollen.</p> </blockquote> <p>Wenn ich das richtig sehe, dann willst du dasselbe Bild, bloß größer. Da brauchst du doch nicht zwei Img-Elemente, sondern kannst doch direkt bei dem einen per CSS die Größe verändern. Auf das Inline-CSS kannst du auch verzichten.</p> <p>Gruß<br> Kalk</p> Bild über dem Bild vergrößern Sat, 11 Feb 17 12:09:52 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686976#m1686976 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686976#m1686976 <p>Jaaa, das ist schön, danke!</p> Bild in Originalgröße anzeigen Sat, 11 Feb 17 14:17:44 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686980#m1686980 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1686980#m1686980 <p>@@Trapp</p> <blockquote> <p>wenn ich in CSS als Width/height 100% angebe, wird das Bild so groß wie die gesamte Seite. Was muss ich angeben, dass das Bild genau die Originalgröße annimmt?</p> </blockquote> <p>Gar nichts.</p> <p>Oder wenn schon was angegeben ist, musst du den Wert wieder zurücksetzen. Das geht mit den Schlüsselwörtern <code>initial</code> bzw. <code>unset</code> [<a href="https://www.w3.org/TR/css-cascade-3/#defaulting-keywords" rel="nofollow noopener noreferrer">CSS-CASCADE §7.3</a>] – <a href="http://caniuse.com/#feat=css-initial-value" rel="noopener noreferrer">außer im IE</a>.</p> <p>Du kannst aber auch explizit auf den Ausgangswert setzen. Dazu musst du dir diesen raussuchen. Für die Eigenschaften <code>width</code> und <code>height</code> ist das der Wert <code>auto</code>. [<a href="https://www.w3.org/TR/CSS22/visudet.html#the-width-property" rel="nofollow noopener noreferrer">CSS 2.2 §10.2</a>, <a href="https://www.w3.org/TR/CSS22/visudet.html#the-height-property" rel="nofollow noopener noreferrer">§10.5</a>]</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Bild in Originalgröße anzeigen Mon, 13 Feb 17 06:07:53 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1687062#m1687062 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1687062#m1687062 <p>hat sich erledigt… </p> Bild in Originalgröße anzeigen Sun, 12 Feb 17 10:47:32 Z https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1687040#m1687040 https://forum.selfhtml.org/self/2017/feb/10/bild-ueber-dem-bild-vergroessern/1687040#m1687040 <p>@Gunnar</p> <p>mit der Angabe "auto" funktioniert es, danke dir. Aber um die <a href="https://www.w3.org/TR/CSS22/visudet.html#the-width-property" rel="nofollow noopener noreferrer">Beschreibung</a> zu verstehen, muss man wohl 14 Semester Englisch und Informatik studieren;-) Ich habe nichts aber auch gar nichts kapiert. Aber Hauptsache es funktioniert jetzt!</p>