|
|||
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%; } 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) |
Sponsored Links |
|
|||
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 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |