[GastForen Web allgemein HTML und CSS / Stylesheets Problem mit Fotobreite bei unterschiedlichen Auflösungen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Problem mit Fotobreite bei unterschiedlichen Auflösungen

jdgf
Beiträge gesamt: 117

13. Dez 2006, 13:20
Beitrag # 1 von 9
Bewertung:
(1400 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich habe das Layout der Seite http://www.kolping-hohenfels.de/demo/layoutaendern.htm so eingerichtet, dass sie sich von 780px auf 980px umschalten läßt. Die Fotos in der obersten Reihe werden bei der größeren Auflösung gestreckt und sehen meist nicht so besonders aus.
Wäre es möglich, mit CSS ein viertes Foto bei der Auflösung 980px sichtbar zu machen bzw. unsichtbar bei der kleineren Auflösung?

Danke und Gruß,
Dietmar
X

Problem mit Fotobreite bei unterschiedlichen Auflösungen

SabineP
Beiträge gesamt: 7586

13. Dez 2006, 14:00
Beitrag # 2 von 9
Beitrag ID: #266737
Bewertung:
(1395 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Dietmar,

mit CSS kannst Du Hintergrundbilder einbinden:
http://www.w3.org/.../current/test533.htm

und positionieren:
http://www.w3.org/.../current/test536.htm

Gruß Sabine


als Antwort auf: [#266728]

Problem mit Fotobreite bei unterschiedlichen Auflösungen

jdgf
Beiträge gesamt: 117

13. Dez 2006, 14:29
Beitrag # 3 von 9
Beitrag ID: #266745
Bewertung:
(1385 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine,

ich glaube, dass es leider so nicht geht. Denn die Bilder werden über ein Zufallsscript ausgewählt und eingefügt.
Code
<div id="banner"> 
<img class="headpixrahmen" src="/demo/gif/Rahmen1.jpg" alt="Hohenfels" /><img class="headpix" alt="zufallsbild 1" src="pix/075.jpg"/><img class="headpix" alt="zufallsbild 2" src="pix/040.jpg"/><img class="headpix" alt="zufallsbild 3" src="pix/056.jpg"/><img class="headpixrahmen" src="/demo/gif/Rahmen2.jpg" alt="Kolping" />
</div>


Der eigentliche Code lautet:
Code
<img class="headpixrahmen" src="$home/gif/Rahmen1.jpg" alt="Hohenfels" />{SCRIPT_ZUFALL_01}{SCRIPT_ZUFALL_02}{SCRIPT_ZUFALL_03}<img class="headpixrahmen" src="$home/gif/Rahmen2.jpg" alt="Kolping" /> 
</div>


Gruß, Dietmar


als Antwort auf: [#266737]
(Dieser Beitrag wurde von jdgf am 13. Dez 2006, 14:33 geändert)

Problem mit Fotobreite bei unterschiedlichen Auflösungen

SabineP
Beiträge gesamt: 7586

13. Dez 2006, 15:07
Beitrag # 4 von 9
Beitrag ID: #266751
Bewertung:
(1380 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich dachte da eher an ein rechts positioniertes Hintergrundbild für <div id="banner">

Gruß Sabine


als Antwort auf: [#266745]
(Dieser Beitrag wurde von SabineP am 13. Dez 2006, 15:07 geändert)

Problem mit Fotobreite bei unterschiedlichen Auflösungen

jdgf
Beiträge gesamt: 117

13. Dez 2006, 16:54
Beitrag # 5 von 9
Beitrag ID: #266777
Bewertung:
(1362 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine,

ich habe es so gelöst, indem ich bei der 780px-breiten Seite das zweite der vier inneren Fotos auf width=0.001% gesetzt habe. Die Höhe habe ich bei 107px belassen.

Im IE und Opera stimmen dann die Breiten nicht, FF wäre ok. Liegt es an den prozentualen Angaben oder generell?

Gruß, DIetmar


als Antwort auf: [#266751]
(Dieser Beitrag wurde von jdgf am 13. Dez 2006, 17:01 geändert)

Problem mit Fotobreite bei unterschiedlichen Auflösungen

SabineP
Beiträge gesamt: 7586

13. Dez 2006, 17:17
Beitrag # 6 von 9
Beitrag ID: #266786
Bewertung:
(1357 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Die richtige Maßeinheit für Bilder ist Pixel, aber nicht Prozent.

Gruß Sabine


als Antwort auf: [#266777]

Problem mit Fotobreite bei unterschiedlichen Auflösungen

jdgf
Beiträge gesamt: 117

13. Dez 2006, 21:29
Beitrag # 7 von 9
Beitrag ID: #266841
Bewertung:
(1342 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine,

du hast recht :-) . Bloß der IE bei 780px mag irgendwie nicht. Dabei
sind die Breiten in px: 170 + 146 + 1 + 146 + 146 + 170 < 780; dennoch vergrößert er den Bereich des Container um ca 20 px.
Vor der Änderung hatte er die px-Breiten problemlos akzeptiert.

Gruß, Dietmar


als Antwort auf: [#266786]

Problem mit Fotobreite bei unterschiedlichen Auflösungen

jdgf
Beiträge gesamt: 117

14. Dez 2006, 06:59
Beitrag # 8 von 9
Beitrag ID: #266871
Bewertung:
(1333 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Antwort auf: Bloß der IE bei 780px mag irgendwie nicht.

Lag an der Einstellung der Schriftgröße. Bei kleiner paßt es. Danke für deine Hilfe.

Ändere ich die Schriftgröße auf "größer" oder "sehr groß" ab, stimmt nichts mehr auf der Website. Wäre es möglich diese Einstellungsmöglichkeit im IE funktionslos zu machen, da auf der Seite Layoutaendern der Besucher auch die Möglichkeit haben wird, die gewünschte Schriftgröße einzustellen.

Gruß Dietmar


als Antwort auf: [#266841]

Problem mit Fotobreite bei unterschiedlichen Auflösungen

SabineP
Beiträge gesamt: 7586

14. Dez 2006, 09:28
Beitrag # 9 von 9
Beitrag ID: #266904
Bewertung:
(1326 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Die Schriftgröße läßt sich in jedem Browser ändern, es gibt auch keinen Weg das zu verhindern.


als Antwort auf: [#266871]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
14.05.2024

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

https://www.impressed.de/schulung.php?c=sDetail&sid=327

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!