Auf Thema antworten 2026

Beitrag

<blockquote data-quote="randacek_pro" data-source="post: 2041154" data-attributes="member: 326684">AW: Horizontale Scrollbalken durch bestimmtes Bild verhindern?Hallo,ja, du kannst per CSS festlegen, dass auch nur für ein bestimmtes Element keine horizontale Scrollleiste angezeigt wird.Die Scrollleiste kannst du nur für Block-Elemente unterdrücken.Das heißt, entweder, du schachtelst das Bild in ein &lt;div&gt;, oder nimmst es als HG für ein &lt;div&gt;.Bsp.[HTML]&lt;div id=&quot;widepic&quot;&gt;&lt;img name=&quot;überbreites Bild&quot; src=&quot;img/meinbild.jpg&quot;&nbsp; title=&quot;testbild&quot; alt=&quot;hier ist zum Test ein Bild definiert, das zu breit für die Seite ist, aber ohne vertikalen Scrollbalken angezeigt werden soll&quot;&gt;&lt;/div&gt;[/HTML]Dann kannst du im CSS definieren:[CODE]#widepic [COLOR=#88FF88][B]{[/B][/COLOR]&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; overflow-y: hidden;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; [COLOR=#88FF88][B]}[/B][/COLOR][/CODE] Damit wird nur der DIV mit der ID &quot;widepic&quot; angesprochen; über &quot;overflow-y&quot; sprichst du nur das vertikale Scrollen an und mit &quot;hidden&quot; wird dann eben der Balken unterdrückt...Wenn du das nur auf dein &lt;img&gt; anwenden wölltest, passiert einfach gar nix...Du kannst natürlich alternativ diese Eigenschaft gleich auch im Markup notieren:[HTML]&lt;div style=&quot;overflow-y: hidden;&quot;&gt;&lt;img name=&quot;überbreites Bild&quot; src=&quot;img/meinbild.jpg&quot;&nbsp; title=&quot;testbild&quot; alt=&quot;hier ist zum Test ein Bild definiert, das zu breit&nbsp; für die Seite ist, aber ohne vertikalen Scrollbalken angezeigt werden&nbsp; soll&quot;&gt;&lt;/div&gt;[/HTML]Je nachdem, ob du Stylesheet und Markup strikt voneinander trennen möchtest, oder nicht.Wobei noch die Frage bleibt, warum du nicht zB. das Bild in der Größe anpasst, oder warum es nicht so schlimm ist, dass man es nicht komplett sieht? <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />Lieber Gruß</blockquote>

[QUOTE="randacek_pro, post: 2041154, member: 326684"] [b]AW: Horizontale Scrollbalken durch bestimmtes Bild verhindern?[/b] Hallo, ja, du kannst per CSS festlegen, dass auch nur für ein bestimmtes Element keine horizontale Scrollleiste angezeigt wird. Die Scrollleiste kannst du nur für Block-Elemente unterdrücken. Das heißt, entweder, du schachtelst das Bild in ein <div>, oder nimmst es als HG für ein <div>. Bsp.[HTML]<div id="widepic"> <img name="überbreites Bild" src="img/meinbild.jpg" title="testbild" alt="hier ist zum Test ein Bild definiert, das zu breit für die Seite ist, aber ohne vertikalen Scrollbalken angezeigt werden soll"> </div>[/HTML]Dann kannst du im CSS definieren:[CODE]#widepic [COLOR=#88FF88][B]{[/B][/COLOR] overflow-y: hidden; [COLOR=#88FF88][B]}[/B][/COLOR][/CODE] Damit wird nur der DIV mit der ID "widepic" angesprochen; über "overflow[B]-y[/B]" sprichst du nur das vertikale Scrollen an und mit "hidden" wird dann eben der Balken unterdrückt... Wenn du das nur auf dein <img> anwenden wölltest, passiert einfach gar nix... Du kannst natürlich alternativ diese Eigenschaft gleich auch im Markup notieren:[HTML]<div style="overflow-y: hidden;"> <img name="überbreites Bild" src="img/meinbild.jpg" title="testbild" alt="hier ist zum Test ein Bild definiert, das zu breit für die Seite ist, aber ohne vertikalen Scrollbalken angezeigt werden soll"> </div>[/HTML]Je nachdem, ob du Stylesheet und Markup strikt voneinander trennen möchtest, oder nicht. Wobei noch die Frage bleibt, warum du nicht zB. das Bild in der Größe anpasst, oder warum es nicht so schlimm ist, dass man es nicht komplett sieht? :) Lieber Gruß [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?