zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hintergrundbild lässt sich nicht richtig einstellen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.05.2017, 00:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.05.2017
Beiträge: 1
Noah befindet sich auf einem aufstrebenden Ast
Frage Hintergrundbild lässt sich nicht richtig einstellen

Hi, ich hab eine kurze Frage. Ich versuche für meine Seite ein Anmeldeformular zu machen und scheitere gerade am Hintergrundbild. Das Hintergrundbild ist zwar fest aber wenn man runterscollt, kommt eine weiße Fläche, so dass man das Bild nicht mehr sieht. Gewollt ist, dass wenn man runterscollt, weiterhin das Hintergrundbild zu sehen ist. Ich hoffe ihr könnt mir da weiter helfen. Danke ^^
So sieht mein Problem aus:
webseiteproblem.png

Einmal die CSS:
Code:
html {
	font-family: 'Source Sans Pro', sans-serif;
}
html::after {
	content: "";
	background: url(background_1.jpg)fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #4b4338;
	opacity: 0.6;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}
table {
	border-collapse: collapse;
}
td {
	padding-bottom: 30px;
}
.border {
	border-bottom: 3px groove black;
}
#submit {
	font-size: 20px;
	margin: 0 auto;
	display: block;
	width: 100%;
}
Und die HTML
HTML-Code:
<!DOCTYPE html>
<html>

<head>
<title>Bewerbungsformular</title>
<meta charset="UTF-8" />
<meta lang="de" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet" /> 
<link href="style.css" rel="stylesheet" />
</head>

<body lang="de">
<form action="recv.php" method="POST">
<table>
<tr>
<th></th>
<th></th>
</tr>
<tr class="border">
<td>
<h3>Wen oder was suchen wir?</h3>
</td>
<td></td>
</tr>
<tr>
<td>
<text>Kategorie</text>
</td>
<td>
<select name="cat" size="1">
<option>Fahrer</option>
</select>
</td>
</tr>
<tr>
<td>
<text>Absender</text>
</td>
<td>
<input type="email" name="email" placeholder="deine-email@dein-provider.de" size="30" />
</td>
</tr>
<tr class="border">
<td>
<h3>Persönliche Informationen</h3>
</td>
<td>
</td>
</tr>
<tr>
<td>Vorname</td>
<td><input type="text" name="vorname" placeholder="Max" /></td>
</tr>
<tr>
<td>Geburtstag</td>
<td><input type="date" name="geb" placeholder="31.12.1999" title="Mindestalter 16 Jahre"/></td>
</tr>
<tr>
<td>Steam Profil URL</td>
<td><input type="url" name="steam-url" placeholder="http://steamcommunity.com/id/max/" size="50" title="Steam -> Profil -> Rechtsklick -> Seiten URL kopieren" /></td>
</tr>
<tr class="border">
<td>
<h3>Vorstellung</h3>
</td>
<td></td>
</tr>
<tr>
<td>Das bin ich</td>
<td>
<textarea name="vorstellung" placeholder="Eine kurze Vorstellung meiner Person.." rows="10" cols="70"></textarea>
</td>
</tr>
<tr class="border">
<td>
<h3>Fragen</h3>
</td>
<td></td>
</tr>
<tr>
<td>Hast du bereits<br>Erfahrungen in ETS2 ?</td>
<td>
<select name="erfahrungen-ets2" size="1">
<option selected>Ja</option>
<option>Nein</option>
</select>
</td>
</tr>
<tr>
<td>Warst du schon<br>bei einer anderen<br>Spedition ?</td>
<td>
<select name="erfahrungen-spedition" size="1">
<option>Ja</option>
<option selected>Nein</option>
</select>
</td>
</tr>
</table>
<h3><input type="submit" id="submit" value="Absenden" /></h3>
</form>
</body>

</html>

Geändert von Noah (24.05.2017 um 00:12 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.05.2017, 04:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Du musst das Hintergrundbild anstatt "html::after" direkt "html" zuweisen.

Wenn ich allerdings dann noch das Tabellenlayout und position: absolute; sehe werden noch ganz andere Probleme auf dich zu kommen. Du solltest zunächst die Grundlagen vom aktuellen HTML und CSS lernen.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Footer richtig einstellen helado (X)HTML 1 20.07.2014 08:26
Div-Boxen richtig einstellen Korlask CSS 9 10.03.2014 17:43
Hintergrundbild, Content richtig positionieren Foma CSS 6 14.08.2012 19:24
Fehlendes(?) oder falsch positioniertes Hintergrundbild in IE6 und IE7 shredder01 CSS 4 28.11.2009 21:38
Firefox div Hintergrundbild nicht richtig, aber MS IE schon. Surge CSS 3 09.02.2005 18:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:59 Uhr.