  |
| Autor |
Nachricht |
The Laepper
Neuer [User]
Anmeldung: 10.06.08
Beiträge: 5
|
 Verfasst am: 10.06.2008, 20:42 Titel: Hintergrund Problem mit HTML |
 |
|
Hallo, bin neu hier. Also erst mal @all hallo.
Ich hab ne frage, ich hab auf meiner HP ein Hintergrund Bild eingebaut. Meine erste Frage ist, kann ich irgendwie das Bild im Quellcode vergrößern oder verkleinern?
Und die zweite Frage, wie bekomme ich es hin, damit der Hintergrund sich nicht vervielfältigt? Also sprich sich aneinander reit.
Viele Grüße The Laepper
|
|
| Nach oben |
|
 |
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1623
|
| Verfasst am: 10.06.2008, 21:10 Titel: |
|
|
Hallo und willkommen 
Zum Vergrößern/Verkleinern:
Das kannst du bei einem Hintergrundbild nicht machen. Als "Umgehung" könntest du das Bild normal einbinden (mit width und height dann die Höhebestimmen) und die anderen Seitenelemente darüberlegen (via position:absolute; ).
Hintergrund-Wiederholung:
hier hilft die CSS-Eigenschaft background-repeat;
also zum Beispiel:
<body style="background-image: url(hintergrund.jpg); background-repeat: no-repeat;">
Genaueres dazu unter
 http://www.css4you.de/background-repeat.html
Wenn du mehr Info's brauchst, poste bitte deinen Quellcode und/oder 'ne Liveansicht 
Viel Spass noch hier im Forum!
Chris
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
sejuma
Beliebter [User]
Anmeldung: 08.05.06
Beiträge: 490
|
|
| Nach oben |
|
|
The Laepper
Neuer [User]
Anmeldung: 10.06.08
Beiträge: 5
|
| Verfasst am: 11.06.2008, 15:23 Titel: |
|
|
Hallo, erst mal danke für eure Atworten. Ich glaube ich hab vergessen zu schreiben, dass ich nur HTML behersche. Ich habe das hier jez mal geschrieben:
| Code: | <html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>Startseite</title>
</head>
<div style="background-image: url(../assets/images/autogen/hintergrund_nr_1.gif);
background-repeat:no-repeat;float:left;">
</div>
<p></p>
</html> |
Es zeigt kein Hintergrund an. Allerdings wenn ich über </div> was schreibe, wird ein Stück des Hintergrund mit dem Text darauf dargestellt.
The Laepper
|
|
| Nach oben |
|
|
benjam4
Bekannter [Mod]
Anmeldung: 17.05.06
Beiträge: 1311
Wohnort: Ostfildern ...
|
| Verfasst am: 11.06.2008, 16:21 Titel: |
|
|
Ja, das liegt daran, das dein Div in diesem Zustand null Pixel hoch ist. Und folglich wird auch nur in diesen Null Pixeln das Hintergrundbild gezeigt.
Versuch mal folgenden Code einzusetzen:
| Code: | | <div style="background-image: url(../assets/images/autogen/hintergrund_nr_1.gif); background-repeat:no-repeat;float:left; height: 100%;"> |
_________________
Rechtschreibfehler sind beabsichtigt, sie dienen der Verschleiherung meiner tatsächlichen Genialität
____________________________________
Eine Signatur sie alle zu knechten
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1623
|
| Verfasst am: 11.06.2008, 16:29 Titel: |
|
|
Soweit ich weiß, dürfte das auch nicht funktionieren, da dann der body auch eine definierte Höhe von 100% haben muss.
@TheLaepper:
Ein leeres DIV hat keine Höhe. Ein DIV ist ein Block-Element, hat also eine Breite von 100% und die Höhe richtet sich nach dem Inhalt.
Übrigens: Wo ist dein Body-Tag? Du definierst zwar einen Kopf-Bereich (head), aber keinen Seitenkörper. Alle Inhalte gehören in den Seitenkörper (body).
Auch ein Doctype fehlt dir
Siehe:
http://de.selfhtml.org/html/allgemein/grundgeruest.htm
Zusätzlich solltest du dich vlt. mal über CSS informieren - das ist eine wirklich praktische Ergänzung zu HTML, auf die heutzutage sehr viel Wert gelegt wird!
Schöne Grüße!
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
The Laepper
Neuer [User]
Anmeldung: 10.06.08
Beiträge: 5
|
| Verfasst am: 11.06.2008, 20:30 Titel: |
|
|
Danke für die neuen nachrichten. Was chris1988 gesagt hat stimmt, es funktioniert immer noch nicht. Kann mir vielleicht jemand den richtigen Quellcode schreiben?
@chris1988
danke für deine info ich hatte den body vergessen 
Ich wollte schon lange mal CSS lernen, habe aber gerade keine Zeit dafür.
Grüßle The Laepper
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1623
|
| Verfasst am: 11.06.2008, 22:28 Titel: |
|
|
Also,
zum Beispiel:
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Mein Seitenname...</title>
<style type="text/css">
<!--
html, body {
height: 100%;
margin: 0;
padding: 0;
}
//-->
</head>
<body>
<div style="background-image: url(../assets/images/autogen/hintergrund_nr_1.gif); background-repeat:no-repeat; height: 100%;"> Inhalt.
</div>
</body>
</html> |
Wenn du's floaten willst, musst du noch die Breite angeben (width). Das DIV wird dann auf diese Breite zugeschnitten (ohne Angabe einer Breite -> Breite richtet sich nach Inhalt; Ohne Inhalt -> Breite = 0 und somit wieder kein Hintergrundbild).
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
The Laepper
Neuer [User]
Anmeldung: 10.06.08
Beiträge: 5
|
| Verfasst am: 12.06.2008, 15:10 Titel: |
|
|
Hi, was heisst floaten?
hab das eingegeben funzt immer noch nicht ich glaub ich bin einfach zu dum um es zu verstehen!!!
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>startseite.</title>
<style type="text/css">
<!--
html, body
{height: 100%;
margin: 0;
padding: 0;}
//-->
</head>
<body>
<div style="background-image: url(../assets/images/autogen/hintergrund_nr_1.gif); background-repeat:no-repeat; height: 100%; width: 100%;"> Inhalt.
</div>
</body>
</html>
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1623
|
| Verfasst am: 12.06.2008, 15:37 Titel: |
|
|
Mein Fehler. Hatte vergessen, <style> wieder zu schließen...
Versuch mal
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>startseite.</title>
<style type="text/css">
<!--
html, body
{height: 100%;
margin: 0;
padding: 0;}
//-->
</style>
</head>
<body>
<div style="background-image: url(../assets/images/autogen/hintergrund_nr_1.gif); background-repeat:no-repeat; height: 100%; width: 100%;"> Inhalt.
</div>
</body>
</html>
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
The Laepper
Neuer [User]
Anmeldung: 10.06.08
Beiträge: 5
|
| Verfasst am: 12.06.2008, 17:37 Titel: |
|
|
danke an alle die mir geholfen haben
es funktioniert jetzt
Gruß The Laepper
|
|
| Nach oben |
|
|
|
|
