mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 07:03 Benutzername: Passwort: Auto-Login

Thema: Bildergröße Website vom 13.04.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Bildergröße Website
Seite: 1, 2, 3, 4  Weiter
Autor Nachricht
Benutzer 37069
Account gelöscht Threadersteller


Ort: -

Verfasst Di 13.04.2010 14:35
Titel

Bildergröße Website

Antworten mit Zitat Zum Seitenanfang

hallo liebe user,

bin ziemlich unerfahren was webdesign angeht....hab ne frage bezueglich fotos auf einer site....
ich möchte ein foto gerne komplett als hintergrund auf einer website einpflegen (ohne scrollbalken). in welcher größe muss ich es anlegen damit es sowohl auf einem 13 zoll und 17 zoll komplett angezeigt wird..... arbeite mit dreamweaver cs3

vielen dank für die hilfe

gruß
l*

[Verschoben von 'WebSoftware']


Zuletzt bearbeitet von Kash am Di 13.04.2010 14:44, insgesamt 1-mal bearbeitet
 
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 13.04.2010 14:43
Titel

Antworten mit Zitat Zum Seitenanfang

Das Ausgangsbild sollte von den Abmessungen schon ziehmlich groß sein.

Dann könntest Du es wie folgt lösen

CSS
Code:

* {
  margin:0;
  padding:0;
}

#wrapper {
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
}

#wrapper img {
  width:100%;
  height:100%;
}


HTML
Code:

<html>
  <head><title>foo</title></head>
  <body>
    <div id="wrapper">
      <img src="hintergrundbild.jpg" alt="Bild" title="Bild" />
    </div>
  </body>
</html>


Ungetestet, sollte aber funktionieren.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Benutzer 37069
Account gelöscht Threadersteller


Ort: -

Verfasst Di 13.04.2010 14:48
Titel

Antworten mit Zitat Zum Seitenanfang

okay. mein bild hat jetzt 1280x889 pixel. reicht das?

vielen dank dir!
werd es probieren
 
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 13.04.2010 14:53
Titel

Antworten mit Zitat Zum Seitenanfang

lucas561 hat geschrieben:
okay. mein bild hat jetzt 1280x889 pixel. reicht das?


Verkleiner dann einfach mal den Viewport. Dann wirst Du ja sehen wie er Skaliert.
  View user's profile Private Nachricht senden
Benutzer 37069
Account gelöscht Threadersteller


Ort: -

Verfasst Di 13.04.2010 15:11
Titel

Antworten mit Zitat Zum Seitenanfang

ich komm da einfach nicht mit klar. ist eben doch zu kompliziert als laie....
weiß garnicht was und wo ich css programmieren muss.....
aber dank trotzdem für deine hilfe.
 
JanG

Dabei seit: 13.10.2002
Ort: Köln/Düsseldorf
Alter: -
Geschlecht: Männlich
Verfasst Di 13.04.2010 15:18
Titel

Antworten mit Zitat Zum Seitenanfang

Wieso nicht das Bild als Hintergrundbild im Body?

Peaze!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 13.04.2010 15:22
Titel

Antworten mit Zitat Zum Seitenanfang

HTML
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <head>
    <title>foo</title>
    <style type="text/css" media="screen">
      * {
        margin:0;
        padding:0;
      }
      #wrapper {
        position:relative;
        z-index:1;
        width:100%;
        height:100%;
      }
      #wrapper img {
        width:100%;
        height:100%;
      }
    </style>
  </head>
  <body>
    <div id="wrapper">
      <img src="hintergrundbild.jpg" alt="Bild" title="Bild" />
    </div>
  </body>
</html>
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 13.04.2010 15:23
Titel

Antworten mit Zitat Zum Seitenanfang

JanG hat geschrieben:
Wieso nicht das Bild als Hintergrundbild im Body?

Peaze!


Weil es bei kleineren Viewports abgeschnitten wird.
Denn background-size arbeitet noch nciht *zwinker*
  View user's profile Private Nachricht senden
 
Ähnliche Themen xt:commerce - Bildergröße nachträglich ändern
Website ist nicht gleich Website - Artikel / Infos gesucht
PDF auf die Website
Website in ie6 und ie7
pdf in website
Texturen für Website
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3, 4  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.