CSS Layout erstellen: Hilfe

miraaza · 27. Feb. 2009

lol

probier mal "background-color" anstatt nur "color"

)

Jonas23 · 27. Feb. 2009

miraaza schrieb:
lol

probier mal "background-color" anstatt nur "color" )

ich mein den background-image
wenn ich ihn so angebe
bleibt es einfach weiiss

miraaza · 27. Feb. 2009

achso sry

ist background.jpg im gleichen verzeichnis wie dein stylesheet?
und ist es wirklich .jpg?

Jonas23 · 27. Feb. 2009

miraaza schrieb:
achso sry

ist background.jpg im gleichen verzeichnis wie dein stylesheet?
und ist es wirklich .jpg?

jep
im gleichen verzeichnis
richtiger Name

miraaza · 27. Feb. 2009

hmm wird schwer, zeig mal dein HTML und CSS code

Jonas23 · 27. Feb. 2009

miraaza schrieb:
hmm wird schwer, zeig mal dein HTML und CSS code

hab den backgorun in den html gepackt dan funz es aber im CSS eben nicht
und er ist leider auch nicht dynamisch bei grösserer Auflöungen beginnt er neu

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="global.css">
</head>
<body background="background.jpg">
<p>
	

</p>

<div id="container">
<div id="header"><a href="http://xhtmlforum.de/" class="logo-link"><img src="logo.jpg" width="271" height="90" alt="zurück zur Startseite" /></a>
</div>
 
<div id="mainnav"><a href="http://xhtmlforum.de/" class="logo-link"><img src="home.jpg" width="243" height="54" /></a></div> 
<div id="menu"><img src="news.jpg" width="229" height="353"  /></div>

<div id="contents"><img src="menu.jpg" width="509" height="353"  /></div>
	
<div id="footer"></div>
</div>
</body>
</html>

PHP:

<style type="text/css" media="screen">
	body
	{
		margin: 0;
		padding: 0;
		font: 85% arial, hevetica, sans-serif;
		text-align: center;
		color: #505367;
		background-image:url(background.jpg);
	}
	
	#container {
width: 60em;
margin: 0 auto;
padding: 0;
background-color: ;
}

#content {
min-height:600px;
background-color: #ffffff;
padding: 0;
margin: 0 0 0 20em;
}


	
	
	
	

	#header
	{
		width:auto;
		
		height: 94px;
		background-color: ;
	    
	}
	
	#mainnav
	{
		height: 54px;
		width: 243px;
		background-color: green;
	}
	
	#menu
	{
		float: right; 
		width: 350px;
		height: 353px;
		background-color: yellow;
	}
	
	#contents	
	{
		width: auto;
		height: 353px;
		background-color: aqua;
	}
	
	#footer	
	{
		clear: both;
		height: 20px;
		background-color: lime;
	}
	
</style>

kkapsner · 27. Feb. 2009

Probier' mal:

Code:

body{
	margin: 0;
	padding: 0;
	font: 85% arial, hevetica, sans-serif;
	text-align: center;
	color: #505367;
	background-image:url('./background.jpg');
}

Jonas23 · 27. Feb. 2009

kkapsner schrieb:

Probier' mal:

Code:

body{
	margin: 0;
	padding: 0;
	font: 85% arial, hevetica, sans-serif;
	text-align: center;
	color: #505367;
	background-image:url('./background.jpg');
}

immer noch weiss, kein Background und nichts:idea:

nun noch eine Frage (tut mir leid wenn ich nerve)
aber wie kann man so eine Navi gestalten:
Microsoft Visual Studio 2008 Express Editions: Startseite
oder
Netlog

dkdenz · 27. Feb. 2009

kkapsner schrieb:

Probier' mal:

Code:

body{
	margin: 0;
	padding: 0;
	font: 85% arial, hevetica, sans-serif;
	text-align: center;
	color: #505367;
	background-image:url('./background.jpg');
}

Also, diese Art der Referenzierung innerhalb von CSS ist eher ungewöhnlich.
Deswegen schließe ich einfach mal ganz frech darauf, das die Grafik gar nicht vorhanden ist, oder wenn vorhanden, an einem ganz anderen Ort...

anna55 · 27. Feb. 2009

Nimm Dein Hintergrundbild raus aus dem HTML, die CSS-Angabe muss funktionieren.

Allerdings könnte der Name 'background' das Problem sein, da das CSS-Element ebenso heißt, also benenn die Image-Datei um.

Wenn Du schon dabei bist. Schneide doch mit einem Bildbearbeitungsprogramm Dein Hintergrundbild zu. Es reicht Dir ja ein Quadrat mit dem Matterlogo. Und das kachelst Du wie hier beschrieben mit repeat. Dann ist in jedem Fall die ganze Fläche ausgefüllt.

Das Ganze lässt sich auch zusammenfassen

PHP:

background: #505367 url(neuer_bild_name.jpg) repeat;

dkdenz · 27. Feb. 2009

anna55 schrieb:
Allerdings könnte der Name 'background' das Problem sein, da das CSS-Element ebenso heißt

Das kann nicht das Problem sein...

anna55 · 27. Feb. 2009

dkdenz schrieb:
Das kann nicht das Problem sein...

Dann vielleicht das fehlende Semikolon im CSS.

PHP:

background-image:url(background.jpg);

Edit: Hab's eben getestet, das ist der Grund. Es müssen ; jeweils am Ende stehen.

dkdenz · 27. Feb. 2009

Schimpf' mich blind, aber ich sehe kein fehlendes Semikolon (wie auch, wenn es fehlt

).
Selbst wenn es fehlen würde, hätte dies keinen Einfluss auf die Interpretierung, da das letzte Element keinen Abschluss mit Semikolon bräuchte.

anna55 · 27. Feb. 2009

dkdenz schrieb:
Selbst wenn es fehlen würde, hätte dies keinen Einfluss auf die Interpretierung, da das letzte Element keinen Abschluss mit Semikolon bräuchte.

Meine Hochachtung, Herr Denz, das wusste ich nicht. Nur wenn mittendrin das Semikolon fehlt, gibt's ein Problem, am Ende nicht.

Dann fällt mir allerdings nichts mehr ein, denn 'background.jpg' ist vorhanden im selben Ordner wie HTML und CSS.

dkdenz · 27. Feb. 2009

http://www.matterdesign.ch/2.html/background.jpg !!!

anna55 · 27. Feb. 2009

Jonas23 · 27. Feb. 2009

dkdenz schrieb:
http://www.matterdesign.ch/2.html/background.jpg !!!

http://www.matterdesign.ch/background.jpg

hier hochgeladen ist es schon gewesen

miraaza · 27. Feb. 2009

Also zu deinem HTML-Code ...

<body background="background.jpg">

Wieso hast du das so geschrieben, wenn du für den Body in CSS ein hintergrundbild definieren willst?

Code:

#container { 
    width: 60em; 
    margin: 0 auto; 
    padding: 0; 
    background-color: ; 
} 

#header  { 
    width:auto;     
    height: 94px; 
    background-color: ; 
}

background-color: leer? wieso lässt du hier leer, lösch es doch einfach weg.... : )

Und ich weiss ehrlich gesagt nicht wieso es bei dir weiss kommt, bei mir funktionierts prima, wenn ich dein HTML und CSS teste

Nimm mal meinen Code (copy paste) und teste es bei dir:

HTML:

PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
	<head>
		<link rel="stylesheet" type="text/css" href="global.css">
	</head>
	<body>
	<p> </p> 
		<div id="container">
			<div id="header">
				<a href="http://xhtmlforum.de/" class="logo-link">
				<img src="logo.jpg" width="271" height="90" alt="zurück zur Startseite" /></a> 
			</div>
			<div id="mainnav">
				<a href="http://xhtmlforum.de/" class="logo-link">
				<img src="home.jpg" width="243" height="54" /></a>
			</div>
			<div id="menu">
				<img src="news.jpg" width="229" height="353"  />
			</div>
			<div id="contents">
				<img src="menu.jpg" width="509" height="353"  />
			</div>
			<div id="footer"></div>
		</div>
	</body>
</html>

CSS (OHNE <style type="css..."> und speicher es als global.css ab)

Code:

body { 
	margin: 0; 
	padding: 0; 
	font: 85% arial, hevetica, sans-serif; 
	text-align: center; 
	color: #505367; 
	background-image:url(background.jpg); 
} 
     
#container { 
	width: 60em; 
	margin: 0 auto; 
	padding: 0; 
	background-color: ; 
} 

#content { 
	min-height:600px; 
	background-color: #ffffff; 
	padding: 0; 
	margin: 0 0 0 20em; 
} 

#header{ 
	width:auto;   
        height: 94px; 
        background-color: ;     
}  

#mainnav { 
        height: 54px; 
        width: 243px; 
        background-color: green; 
} 
     
#menu { 
        float: right;  
        width: 350px; 
        height: 353px; 
        background-color: yellow; 
} 
     
#contents { 
        width: auto; 
        height: 353px; 
        background-color: aqua; 
} 
     
#footer{ 
        clear: both; 
        height: 20px; 
        background-color: lime; 
}

Jonas23 · 27. Feb. 2009

so hab jetzt alles gemacht was ihr gesagt habt

der background nach annas vorschlag

die seiter immer noch weiss

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="global.css">
</head>

<body>

<div id="container">

<div id="header"><a href="http://xhtmlforum.de/" class="logo-link"><img src="logo.jpg" width="271" height="90" alt="zurück zur Startseite" /></a>
</div>
 
<div id="mainnav"><a href="http://xhtmlforum.de/" class="logo-link"><img src="home.jpg" width="243" height="54" /></a></div> 

<div id="menu"><img src="news.jpg" width="229" height="353"  /></div>

<div id="contents"><img src="menu.jpg" width="509" height="353"  /></div>
	
<div id="footer"></div>
</div>
</body>
</html>

PHP:

<style type="text/css" media="screen">


	body{
	margin: 0;
	padding: 0;
	font: 85% arial, hevetica, sans-serif;
	text-align: center;
	color: #505367;
	background: #505367 url(hintergrund.gif) repeat;   
	}
	
	
	#container {
	width: 60em;
	margin: 0 auto;
	padding: 0;
	
	}

	#content {
	min-height:600px;
	background-color: #ffffff;
	padding: 0;
	margin: 0 0 0 20em;
	}	

	#header
	{
		width:auto;
		
		height: 94px;
		
	    
	}
	
	#mainnav
	{
		height: 54px;
		width: 243px;
		background-color: green;
	}
	
	#menu
	{
		float: right; 
		width: 350px;
		height: 353px;
		background-color: yellow;
	}
	
	#contents	
	{
		width: auto;
		height: 353px;
		background-color: aqua;
	}
	
	#footer	
	{
		clear: both;
		height: 20px;
		background-color: lime;
	}
	
</style>

bin ich zu blöde oder liegt der Fehler nicht bei mir

miraaza · 27. Feb. 2009

Teste mal was ich gerade eben geschrieben habe ;-)

CSS Layout erstellen: Hilfe

miraaza

Guest

New member

miraaza

Guest

New member

miraaza

Guest

New member

Super Moderator

New member

New member

Moderator

New member

Moderator

New member

Moderator

New member

Moderator

New member

miraaza

Guest

New member

miraaza

Guest