Foto an Browser bzw Frame anpassen, wie???

moddi · 04.06.2007

Hallo Leute!

Habe heute mal ne ganz andere Frage!

Und zwar, möchte da so ne kleine Homepafe machen! Nun habe ich ein Foto, dieses möchte ich an die Auflösung des Betrachters bzw. zumindest an das Fram anpassen.

Wenn ich also das Frame lade, soll das Foto über das ganze Frame ghehen.

Funtzt das??

Wenn ja, wie???

pajaa · 04.06.2007

Sicher geht das, mit Javascript als auch mit nem CSS-Hack, aber warum willst du das? Das verpixelt doch in beide Richtungen.

moddi · 04.06.2007

Hab mal ein Bild angehängt!

Siehste, unten habe ich das Menü, und oben möchte ich dann die Fotos einblenden!

Mein Problem ist aber, das ich es mit Dreamweaver nicht zentrieren kann, sprich weder Breite noch Höhe mittig.

pajaa · 04.06.2007

CSS kannst du?

Code:

.img-class {
   position: absolute;
   height: 100px; < Höhe des Bildes
   width: 200px; <breite des bildes
   margin: -50px 0px 0px -100px;  <jeweils die Hälfte
   top: 50%; left: 50%; 
}

moddi · 04.06.2007

Nicht wirklich!

Bin bei HTML und den ganzen Scripten voll der Noob! Muss ich den Code auch einfach nur reinkopieren?`?? wenn ja, wo??

pajaa · 04.06.2007

Das kommt in den head, vor </head>

Code:

<style type="text/css">

img {
   position: absolute;
   height: 100px;  /*Höhe des Bildes */
   width: 200px;  /*breite des bildes*/
   margin: -50px 0px 0px -100px;   /*jeweils die Hälfte*/
   top: 50%; left: 50%; 
}

</style>

das wars... das klappt, wenn du nur ein bild pro seite hast. Die Maße solltest du allerdings anpassen.

Der Body sollte dann so aussehen:

Code:

<body>
<img src="deinbild.format">
</body>

moddi · 04.06.2007

Super, danke!

Aber es funtzt noch ned ganz, weil das Bild nd die Maße hat die es haben soll!

img {
position: absolute;
height: 1210px; /*Höhe des Bildes */
width: 708px; /*breite des bildes*/
margin: -605px 0px 0px -354px; /*jeweils die Hälfte*/
top: 50%; left: 50%;
}

pajaa · 04.06.2007

Also erstmal: Das Bild ist fürs Internet ein bissl groß.
Zweitens: Poste bitte den kompletten Quelltext deiner Seite.

moddi · 05.06.2007

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">

</style></head>

<body>
<img src="startseite.jpg" width="503" height="587" align="middle" />
</body>
</html>

Suche

Foto an Browser bzw Frame anpassen, wie???

moddi

Enthusiast

pajaa

Super Moderator

moddi

Enthusiast

Anhänge

pajaa

Super Moderator

moddi

Enthusiast

pajaa

Super Moderator

moddi

Enthusiast

pajaa

Super Moderator

moddi

Enthusiast

Ähnliche Themen