HTML Background

Grex · 16. Dezember 2012

Du kannst position:fixed; gleich unter background-repeat schreiben, dann ist der ganze body Bereich damit gesetzt.

Sharpadox · 16. Dezember 2012

Okay jetzt ist die Box kleiner,
aber bei der Liste ist immernoch eine Box

Hier mal der Quellcode:

PHP

<html>	<head><head>    	<link href="index_html.css" type="text/css" rel="stylesheet" />    	<style type="text/css">        	html, body {            	background-image:url('background.png');            	background-color:#FE6E00;            	background-repeat: no-repeat;            	position:fixed;        	}			#header			{				position:fixed;				padding-left:650px;				padding-top:30px;			}    	</style>    	<title>VisionRPG - User Control Panel</title>	</head>	<body bgcolor="#FE6E00">    	<div id="header">        	<img src="logo.png"/>		</div>    	<nav>        	<ul>            	<a href="homecp.html"><li>Startseite</li></a>            	<a href="index.php"><li>Spielerdaten</li></a>            	<a href="banking.php"><li>Online-Banking</li></a>            	<a href="logout.html"><li>Logout</li></a>        	</ul>    	</nav>	</body></html>

Spoiler anzeigen

Grex · 16. Dezember 2012

Das div rauslöschen, also:

HTML

<html>


    <head>
        <link href="index_html.css" type="text/css" rel="stylesheet" />
        <style type="text/css">
            html, body {
                background-image:url('background3.png');
                background-color:#FE6E00;
                background-repeat: no-repeat;
				position:fixed;
            }
        </style>
        <title>VisionRPG - User Control Panel</title>
		</head>


    <body bgcolor="#FE6E00">
	<div id="header">
            <h1>VisionRPG</h1>
            <h2>User Control Panel</h2>
	</div>
        <!-- Hintergrundbild: Turismo(Mod) GTA:SA -->
        <!--<img src="background2.png" width="1840" height="930" alt="Datenbank-Fehler"/>    -->
    </body>
</html>

Alles anzeigen

Ansonst bitte Screenshot wie es bei dir ausschaut.

Meinst du mit Box vllt ein Imagefehler?, ist die logo.png vorhanden?

Sharpadox · 16. Dezember 2012

Habs schon rausgefunden, ich habe einfach bei CSS reingemacht:

PHP

nav {
	position:fixed;
	margin-top:100px;
    padding-left:335px;
}

breadfish.de 11. März 2022