Anmelden | Registrieren | FAQ
Anonymous

Backround Image

+ Antwort erstellen

4 Beiträge Seite 1 von 1


Backround Image

von ghenkel » Mo Jul 25, 2011 11:48 am

Hallo,

wie stelle ich denn die Größe des Hintergrundbildes ein?
Ich habe ein CSS-Style-Sheet geschrieben und eigentlich funktioniert alles super, nur kriege ich eben das Bild nicht in die gewünschte Größe.
Wie sieht dafür die Schreibweise aus? Bisher habe ich im CSS

body {
background-color: #f5f5f5;
background-image: url("xxx.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 90% 5%;
}

wo schreibe ich denn die gewünschte Größe hin?

Oder muss das im HTML Dokument stehen?

Vielen Dank für die Hilfe.
Benutzeravatar

ghenkel

  • Beiträge: 2
  • Registriert: Mo Jul 25, 2011 11:43 am

Re: Backround Image

von HTML.net » Mo Jul 25, 2011 5:31 pm

Funktioniert in neuen Browser:

CSS:

body {
background: url(bg.png) no-repeat;
background-size: 100%;
}

Funktioniert in allen Browsern:

<html>
<head>
<style>
img.bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
</style>
</head>
<body>
<img class="bg" src="background.png" alt="" />
<p>Hello</p>
</body>

- Andreas, HTML.net
Benutzeravatar

HTML.net
Site Admin

  • Beiträge: 1194
  • Registriert: Sa Sep 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.

Re: Backround Image

von Devona » Mi Jul 27, 2011 4:30 pm

Da mein Thema ähnlich gelagert ist, möchte ich mich hier mal "ranhängen", verbunden mit einem ganz, ganz fetten Dankeschön für die Tutorials in HTML und CSS...sie sind leicht nachvollziehbar und was beim Lernen wichtig ist...sie demotivieren nicht, sie machen Lust auf mehr und sind wirklich leicht verständlich. Auch für Frauen :-)

Nun zu meiner Frage (auch wenn sie vllt. doof ist, ich bin totaler Anfänger mit 4 Tagen Praxis): ich habe eine H1-Box erstellt, Schrift links oben, Grafik rechts unten. Ich möchte nun in diese Box eine 2. Grafik, exakt UNTER der Schrift links oben ( also links unten) einbinden (ein LOGO), geht das und wenn ja wie? Ich habs einfach nochmal mit "background" rein gepappt, dann kriege ich es auch angezeigt, allerdings die rechts unten befindliche Grafik nicht mehr. Dachte ich mir schon. Kann mir wer helfen?

LG, Devona
Benutzeravatar

Devona

  • Beiträge: 1
  • Registriert: Mi Jul 27, 2011 4:08 pm

Re: Backround Image

von Kloeffer » Sa Jul 30, 2011 12:07 pm

Versuchs mal mit z-index
so stehts dann in dem stylesheet:

body{
background-image: url ("");
z-index: 1;
}

.boxname{
z-index: 2;
}


in der html datei so:

<h1><box class="boxname">XYXYXYXYXYX</box></h1>
Benutzeravatar

Kloeffer

  • Beiträge: 1
  • Registriert: Sa Jul 30, 2011 11:43 am


+ Antwort erstellen

Seite 1 von 1