AGB  ·  Datenschutz  ·  Impressum  







Anmelden
Nützliche Links
Registrieren
Zurück Delphi-PRAXiS Programmierung allgemein Programmieren allgemein [CSS] <img>'s bei jeder Fenstergröße nebeneinander
Thema durchsuchen
Ansicht
Themen-Optionen

[CSS] <img>'s bei jeder Fenstergröße nebeneinander

Ein Thema von Wuaegner · begonnen am 7. Feb 2006 · letzter Beitrag vom 7. Feb 2006
 
Benutzerbild von phlux
phlux

Registriert seit: 4. Nov 2002
Ort: Witten
1.335 Beiträge
 
Delphi 6 Personal
 
#5

Re: [CSS] <img>'s bei jeder Fenstergröße nebeneinander

  Alt 7. Feb 2006, 13:07
@h4ndy: wo bleibt da der sinn der barrierefreiheit? dann kannst auch gleich noch die div container weglassen
Zitat:
Jedoch soll sobald das Fenster so klein ist, dass die <img>'s nicht mehr voll nebeneinander passen, einfach unten ein Scrollbalken erscheinen und das zweite <img> soll NICHT in die neue zeile geschmissen werden.
du wolltest doch scrollbalken haben?

edit auszug aus selfhtml:
Zitat:
overflow (Elementbereich mit übergroßem Inhalt)

Diese Angabe kann von Bedeutung sein, wenn Sie für ein Element oder einen Bereich eine feste oder maximale gewünschte Breite oder Höhe definieren. Angenommen, Sie definieren einen Bereich mit <div>...</div>, für den Sie mit Hilfe der Eigenschaft width eine Breite von effektiv 202 Pixel (da der Rahmen addiert wird) erzwingen. Wenn Sie innerhalb dieses Bereichs eine Grafikreferenz (<img>) notieren, bei der das Bild eine Breite von mehr als 200 Pixel aufweist, können Sie mit der hier beschriebenen Angabe regulieren, wie der Browser diesen Konflikt lösen soll.
Beispiel:

Beispiel-Seite Anzeigebeispiel: So sieht's aus

<html><head><title>overflow</title>
</head><body>

<div style="width:200px; height:150px; overflow:auto; border:1px solid #840; margin:1em;">
beliebiger Hund: <code>auto</code>

[img]hund.gif[/img]
</div>

<div style="width:200px; height:150px; overflow:hidden; border:1px solid #840; margin:1em;">
abgeschnittener Hund: <code>hidden</code>

[img]hund.gif[/img]
</div>

<div style="width:200px; height:150px; overflow:scroll; border:1px solid #840; margin:1em;">
scrollender Hund: <code>scroll</code>

[img]hund.gif[/img]
</div>

<div style="width:200px; height:150px; overflow:visible; border:1px solid #840; margin:1em;">
sichtbarer Hund: <code>visible</code>

[img]hund.gif[/img]
</div>

</body>
</html>

Erläuterung:

Mit overflow: können Sie bestimmen, wie übergroße innere Elemente behandelt werden. Folgende Angaben sind möglich:

visible = Inhalt ragt aus dem Element so weit heraus, dass sein Inhalt auf jeden Fall komplett sichtbar ist.
hidden = Inhalt wird abgeschnitten, wenn er die Grenzen des Elements überschreitet.
scroll = Inhalt wird abgeschnitten, wenn er die Grenzen des Elements überschreitet. Der WWW-Browser sollte jedoch Scroll-Leisten anbieten, ähnlich wie bei einem eingebetteten Frame-Fenster.
auto = Der Web-Browser soll entscheiden, wie das Element im Konfliktfall angezeigt wird. Auch das Anbieten von Scroll-Leisten soll dabei erlaubt sein.
Christian "phlux" Arndt
  Mit Zitat antworten Zitat
 


Forumregeln

Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus

Gehe zu:

Impressum · AGB · Datenschutz · Nach oben
Alle Zeitangaben in WEZ +1. Es ist jetzt 16:54 Uhr.
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024-2025 by Thomas Breitkreuz