Bilder an Fenstergröße anpassen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anpassen
automatisch verkleinern
beispiel
bild
dank
darstellung
hilfreiche tips
http
inhalt
kleiner teil
linken bereich
paar
problem
rechte bereich
rechten bereich
rein setzen
stichpunkte
testen
trick
url
-
Hallo,
ist es möglich, dass man Bilder automatisch an die Fenstergröße anpassen kann?
Meine Webseite besteht aus einen linken und einen rechten Bereich. Links die Navigation, rechts der Inhalt. Den linken Bereich habe ich einen festen Wert gegeben, der rechte Bereich passt sich automatisch an die Fenstergröße an. Ich möchte auf der rechten Seite Bilder rein setzen. Den Bildern kann ich ja eine Größe in px zuweisen. Mein Problem ist jetzt, wie bekomm ich es hin, dass die Bilder sich automatisch verkleinern, wenn die Fensterbreite es erfordert. Es sieht blöd aus, wenn sich der Text an die Fenstergröße anpasst und man das Bild scrollen müsste.
Für ein paar hilfreiche Tips wäre ich sehr dankbar.
Beispielseite http://rennstreckeninfo.lima-city.de/beispiel.html -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
rennstreckeninfo schrieb:
Hallo,
ist es möglich, dass man Bilder automatisch an die Fenstergröße anpassen kann?
Meine Webseite besteht aus einen linken und einen rechten Bereich. Links die Navigation, rechts der Inhalt. Den linken Bereich habe ich einen festen Wert gegeben, der rechte Bereich passt sich automatisch an die Fenstergröße an. Ich möchte auf der rechten Seite Bilder rein setzen. Den Bildern kann ich ja eine Größe in px zuweisen. Mein Problem ist jetzt, wie bekomm ich es hin, dass die Bilder sich automatisch verkleinern, wenn die Fensterbreite es erfordert. Es sieht blöd aus, wenn sich der Text an die Fenstergröße anpasst und man das Bild scrollen müsste.
Für ein paar hilfreiche Tips wäre ich sehr dankbar.
Beispielseite http://rennstreckeninfo.lima-city.de/beispiel.html
Ich persönlich kann dir nicht direkt helfen, aber hier hast eine Website (auf englisch :) ) die dir vermutlich helfen könnte
http://css-tricks.com/perfect-full-page-background-image/
Bzw. hier auch über HTML in dem man die Bildgrößen in % angibt
http://www.tutorials.de/html-xhtml/20446-bild-soll-sich-der-fenstergroesse-anpassen.html
Andernfalls hilft Google gerne :)
Beitrag zuletzt geändert: 25.2.2013 19:34:05 von theaustrianpro -
theaustrianpro schrieb:
Es geht nicht um eine Hintergrundgrafik.
Ich persönlich kann dir nicht direkt helfen, aber hier hast eine Website (auf englisch :) ) die dir vermutlich helfen könnte
http://css-tricks.com/perfect-full-page-background-image/
rennstreckeninfo schrieb:
Eine Möglichkeit wäre:
Mein Problem ist jetzt, wie bekomm ich es hin, dass die Bilder sich automatisch verkleinern, wenn die Fensterbreite es erfordert.
<span style="width:100%"><img src="bilder/beispielbild.png" width="100%" height="" alt=Beispielbild""></span>
Beispiel
Allerdings würden Bilder auf diese Weise auch vergrößert, sollten sie zu klein sein.
-
Danke, ihr habt mir schon weiter geholfen.
Werde den Lössungsvorschlag von menschle mit richtigen Bilder, die ich einstellen will, mal testen.
Wenn jemand noch andere Vorschläge hat, gern her damit. -
rennstreckeninfo schrieb:
Danke, ihr habt mir schon weiter geholfen.
Nur bedingt! Wenn es um medienübergreifende Darstellung deiner Inhalte geht (Sprich: Deine Website soll auf div. Monitoren und eventuell auch auf Tablet und Smartphone nutzbar sein), sind die Bilder nur ein ganz kleiner Teil deines Problems.
Hast Du schon mal geschaut, wie deine Website aussieht, wenn Du das Browserfenster schmaler machst, ode rmit einem Handhelddevice surfst?
Gehe ich auf klassische Smartphonebreite, sind Bilder irrelevant, da ich grundsätzlich nix vom Content sehen kann. Mehr als Navi und dann seeeeeehr viel schwarze Fläche gibt es, ohne Scrollorgie, nicht zu sehen.
Beitrag zuletzt geändert: 26.2.2013 3:05:28 von fatfreddy -
Hast Du schon mal geschaut, wie deine Website aussieht, wenn Du das Browserfenster schmaler machst,
Ja habe ich. Dabei fiel mir das mit dem Bild auf.
Nur bedingt! Wenn es um medienübergreifende Darstellung deiner Inhalte geht (Sprich: Deine Website soll auf div. Monitoren und eventuell auch auf Tablet und Smartphone nutzbar sein), sind die Bilder nur ein ganz kleiner Teil deines Problems.
Wie sollte ich meine Seite deiner Meinung nach aufbauen? Ich mache das zum ersten mal. Wenn du mir paar Stichpunkte nennst, könnte ich dann daran arbeiten. Mit Smartphone und Tablet kann ich es leider nicht testen. -
...Ich mache das zum ersten mal. Wenn du mir paar Stichpunkte nennst, könnte ich dann daran arbeiten...
Stichpunkte:
- Responsive Design
- CSS-Media-Querys -
Stichpunkte:
- Responsive Design
- CSS-Media-Querys
Mal Tante Google fragen was das ist. Danke schonmal. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage