HTML Frage

DialogHD · 19. Juli 2012

Hey, ich versuch es grad bissien mit HTML... und stell mich glaube bissien dumm an xD
ich möchte eine Enterpage erstellen.
Jetzt habe ich einen Background der etwas zu groß ist, d.h. man sieht nur 1/4 vom Hintergrund.
Gibt es die möglichkeit den Hintergrund anzupassen?

4#Future · 19. Juli 2012

Jup, einfacherweise mit CSS.

Code

background: url('image/url') repeat;

Das Hintergrundbild wird nun auf der X und Y Achse wiederholt.

xGreekz7x · 19. Juli 2012

oder

Code

background-size: 100% 100%;

DialogHD · 19. Juli 2012

So? xD

Code

<body background: url('http://img5.fotos-hochladen.net/uploads/webo0i9f4u8dy.png') repeat;>


</body>

wie gesagt, ist mein 1ter versuch^^

4#Future · 19. Juli 2012

Zitat

Quellcode

background-size: 100% 100%;

Nunja, dann streckst Du das Bild zwar, aber dadurch
wird es zwangsläufig unscharf oder verzerrt.

Wie Du willst...

So ist es richtig, wenn Du es schon so machst:

Code

<body style="background: url('images/url') repeat;"></body>

DialogHD · 19. Juli 2012

immernoch

so sieht es aus:
http://img5.fotos-hochladen.net/uploads/beweiskbhjegsu9w.png

so soll es aussehn:

http://img5.fotos-hochladen.net/uploads/webo0i9f4u8dy.png

oder liegt es daran das es eine .htm datei ist´?

4#Future · 19. Juli 2012

Nunja, wenn Dein Bild schon breiter ist,
wie die Desktopauflösung selbst, ist das
eigentlich unsinnig.

Aber machs einfach wie folgt:

Code

<img src="image/url" alt="" style="width: 100%; height: 100%;" />

xGreekz7x · 19. Juli 2012

Hier das hier musst du in deiner HTML Seite rein

Code

<style>
body {
background: url("images/blabla.png") no-repeat;
background-size: 100% 100%;
}
</style>

4#Future · 19. Juli 2012

Zitat von .: xGreekz7x :.
Hier das hier musst du in deiner HTML Seite rein
Code
body {
background: url("images/blabla.png") no-repeat;
background-size: 100% 100%;
}

Absolut unsauber...

Den Styletype nicht vergessen!

Code

<STYLE TYPE="text/javascript">...</STYLE>

DialogHD · 19. Juli 2012

Danke

Nur jetzt ist noch ein kleiner Weißer Rand an der Seite, kann man den irgendwie weg bekommen?

xGreekz7x · 19. Juli 2012

noch dazu zum style:

* {
padding: 0px;
margin: 0px;
}

Klemmlampe · 19. Juli 2012

Ohh Gott!
1. Style-Type-Deklaration ist seit HTML5 nicht mehr notwendig
2. STYLE-Type "text/JAVASCRIPT" - merkst du was?

Wenn du den Hintergrund wirklich so anpassen willst, wirst du um JS nicht rumkommen (Screensize -> Bildgröße)

xGreekz7x · 19. Juli 2012

Chucky, mit width & height 100% geht das auch
Ist halt nicht so optional, aber passt für "Bilderpages"

MfG

Klemmlampe · 19. Juli 2012

Wenn der Bildschirm größer als der Hintergrund ist geht es nicht, entweder bleibt der Rest weiß (oder in der deklarierten Hintergrundfarbe) oder man muss es wiederholen, will man es wirklich genau an die Auflösungen angepasst, muss man JS verwenden.

breadfish.de 11. März 2022