Bild dynamisch

Starfighter

Hi Leute,
ich möchte ein Bild einfügen, dass ich dem Fenster des Internet Explorers angleicht, damit es immer ganz drauf ist. Leider habe ich im Forum nichts gefunden, deshalb schreibe ich.

Vielen Dank im vorraus
Starfighter

phore

ist nicht möglich, denn bilder sind nun mal x pixel lang und x pixel hoch, das kommt nicht gut wenn du es streckt.

alternative: du nimmst ein bild dass sich wiederholen lässt, und wiederholst es mit css (zb. als hintergrund).

aber wofür willst du das denn überhaupt? macht ja keinen sinn..

Starfighter

Ich möchte es so machen, dass man wenn man den Link meiner Homepage zuerst ein Bild kommt, wo man raufdrückt und dann zur richtige Homepage weitergeleitet wird. Ich kann leider kein gleich bleibenes Bild haben, da es leute gibt die eine geringere Bildschirmauflösung gibt und es dann nicht ganz sehen können.
Ist es möglich, dass das Bild immer in der Mitte des Fensters ist, sodass ich es nur kleinermachen brauch? (sieht sonst doof aus wenn es oben links in der Ecke hängt.)

Gruß
Starfighter

driver

des geht, musst einfach n div oder ne tabelle drum rummachen, schon kannst es mittig ausrichten...

Starfighter

thx wunderbar das geht ...

vielen Dank
Starfighter

sejuma

Das geht, wenn du dem Bild prozentuale Werte zuordnest. Mal angenommen, das Bild hat eine Pixelgröße von 800px auf 80px.
Dann nimm folgende prozentualen Werte:

Code

[img]bild.gif[/img]

Für die Breite nimmst du also 100 % und für die Höhe rechnest du den Prozentwert entsprechend aus.

phore

das geht nicht - ein bild lässt sich nicht einfach strecken. bzw. man kann es schon aber die qualität ist dann sch*isse.

sejuma

Klar kommt es dadurch zu Verzerrungen bzw. zu einer minderen Qualität. Aber in einem bestimmten Rahmen, z.B. bei unterschiedlichen Bildschirmauflösungen kann man das akzeptieren, sofern man es halt unbedingt dynamisch haben will. Einen Tod muss man eben sterben

phore

nein das macht man einfach nicht so. ausserdem ist die abweichung von zb. 800x600 zu 1280x1024 enorm für ein bild.

= keine lösung

Starfighter

Meine Freude war nur von kurzer dauer ... sach so aus als wenn es gehen würde aber nu doch net. Schade.
Kann mir jemand das so verändern, dass egal bei welcher Fenstergröße das Bild in der Mitte ist? Größe ist egal.

Hier der Text:

<html>

</head>

</body>

</html>

Danke schonmal
Starfighter

sejuma

Probier's mal so:

Code

<div style="margin: 0 auto; width:1%;">
<a href="HP.html">[img]images/TSG-Start.jpg[/img]
</div>

Starfighter

Nein geht leider nicht.
hier ist mal die adresse vom Unheilbringer:
---> http://www.Schoenkirchen-Handball.de.vu

hier jetzt der angeglichene Text:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>TSG Concordia Schönkirchen | http://www.Schoenkirchen-Handball.de.vu</title>

</head>

</body>

</html>

Danke, dass ihr euch bemüht
Starfighter

driver

hm... *grübl*...

mit div hab ichs irgendwie a net wirklich hinbekommen....
müsste evtl mit margin-top und margin-left möglich sein...

aber so gehts auch...

Code

<table width=100% height=100%>
<tr><td valign=center align=center>[img]bild.jpg[/img]</td></tr>
</table>

sejuma

buh, hab' grad gesehen, dass es im IE geht und im FF nicht.
Setz mal den Prozentwert von 1 auf 80 oder variiere da mal etwas.

btw: Ich find solche vorgeschaltete Startseiten überflüssig, denn der Besucher will doch gleich "zur Sache" kommen. Passt auch irgendwie nicht zu der ansonsten doch ansprechenden HP.

majoversum

Zitat von sejuma

Probier's mal so:

Code

<div style="margin: 0 auto; width:1%;">
<a href="HP.html">[img]images/TSG-Start.jpg[/img]
</div>

Das kann ja nix gehen, da der img tag nicht geschlossen ist...
und die %-zahl soltle 100% sein und nicht 1%

bei mir im FF gehts, im IE auch, allerdings muss dann noch in den style ein text-align: center; margin: 0 auto; kennt der ie nicht!

sejuma

Vielen Dank majoversum für den Hinweis. Image-Tag muss geschlossen werden.
Dennoch: Beim Zentrieren mit margin: 0 auto; muss die Breite <100% sein, damit links und rechts ein Rand bleibt. Mit 80% geht's bei mir im IE und FF.
Eigentlich sollte aber der Wert <100 egal sein, da er ja relativ ist und sich anpasst (?)

yeti66

Starfighter,

HTML

<html>
<head>
<title>Einen Layer mittig ausrichten</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {background-color: #000000;margin: 0;padding: 0;}
#center {position: absolute;height: 600px;width: 800px;margin-top: -300px;margin-left: -400px;top: 50%;left: 50%;z-index: 1;}
</style>
</head>


<body>
<div id="center">[url='HP.html'][img]http://85.25.131.144/starfighter/images/TSG-Start.jpg[/img][/url]</div>
</body>
</html>

Alles anzeigen

den src=....habe ich zu Testzwecken absolut gemacht.

Gruß yeti66

Starfighter

es hat jetzt eigendlich alles so geklappt wie ich es wollte

Vielen, vielen Dank für eure Hilfe
Ich habe mich jetzt auch angemeldet und vesuche mit meinem geringen Wissen anderen zuhelfen

Gruß
Starfighter

Ronald

Du kannst Bilder einigermaßen passabel strecken, wenn du ...

1. das Bild verkleinerst statt zu vergrößern
2. nur ein Maß angibst, also entweder Höhe oder Breite. Diese Angabe kann dann auch in Prozent sein, die fehlende Angabe errechnet der Browser selbst.

Ich hab euch mal schnell ein Spielzeug dafür gebastelt, aber beim Testen bitte beachten, daß zu große Bilder irgendwann nicht mehr im Browser dargestellt werden können.

http://ronald.ro.ohost.de/forum-hilfe/imagetest.html

Viel Spaß!

G.a.d.M.

Ronald

Tags