Achtergrond foetsie met FF

[Eagle Creek]

<link href="../stylesheet.css" rel="stylesheet" type="text/css">

In de CSS:

<!--
body {
	background: url('images/background.jpg') no-repeat center; 
	color: #000080; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 10pt; 
	font-family: Arial
	}

Maar noppes te zien in FF ?

 

[miem]

Staat dit in je code??
<!--
Dit geeft aan dat er een commentaar begint.

 

[Eagle Creek]

<style type="text/css">

<!--
body {
	background: url('images/background.jpg') no-repeat center; 
	color: #000080; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 10pt; 
	font-family: Arial
	}	

p {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: normal;
	font-style: normal
	}

div.disabled {
	font-family: Arial;
	font-size: 10pt;
	color: #C0C0C0;
	font-weight: normal;
	font-style: normal
	}

ul {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: normal;
	font-style: normal
	}

li {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: normal;
	font-style: normal
	}

tr {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: normal;
	font-style: normal
	}

td {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: normal;
	font-style: normal
	}

h1 {
	font-family: Arial;
	font-size: 14pt; color: #000080;
	font-weight: bold;
	font-style: normal
	}

h2 {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: bold;
	font-style: normal
	}

h3 {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: normal;
	font-style: italic
	}

div.fakelink {
	font-family: Arial;
	color: #000080;
	text-decoration: underline;
	cursor: hand
	}

a:link {
	font-family: Arial;
	color: #000080;
	text-decoration: underline
	}

a:active {
	font-family: Arial;
	color: #000080;
	text-decoration: underline
	}

a:visited {
	font-family: Arial;
	color: #000080;
	text-decoration: underline
	}

a:hover {
	font-family: Arial;
	color: #000080;
	text-decoration: underline
	}
</style>

In IE werkt het wel zo.
Zonder <!-- werkt het niet in IE, noch in FF.

 

[Eagle Creek]

<style type="text/css">

<!--
body {
	background: url('images/background.jpg') no-repeat center; 
	color: #000080; 
	font-weight: normal; 
	font-style: normal; 
	font-size: 10pt; 
	font-family: Arial
	}	

p {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: normal;
	font-style: normal
	}

div.disabled {
	font-family: Arial;
	font-size: 10pt;
	color: #C0C0C0;
	font-weight: normal;
	font-style: normal
	}

ul {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: normal;
	font-style: normal
	}

li {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: normal;
	font-style: normal
	}

tr {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: normal;
	font-style: normal
	}

td {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: normal;
	font-style: normal
	}

h1 {
	font-family: Arial;
	font-size: 14pt; color: #000080;
	font-weight: bold;
	font-style: normal
	}

h2 {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: bold;
	font-style: normal
	}

h3 {
	font-family: Arial;
	font-size: 10pt;
	color: #000080;
	font-weight: normal;
	font-style: italic
	}

div.fakelink {
	font-family: Arial;
	color: #000080;
	text-decoration: underline;
	cursor: hand
	}

a:link {
	font-family: Arial;
	color: #000080;
	text-decoration: underline
	}

a:active {
	font-family: Arial;
	color: #000080;
	text-decoration: underline
	}

a:visited {
	font-family: Arial;
	color: #000080;
	text-decoration: underline
	}

a:hover {
	font-family: Arial;
	color: #000080;
	text-decoration: underline
	}
</style>

In IE werkt het wel zo.
Zonder <!-- werkt het ook niet in FF.

 

[miem]

In je eerste bericht zet je dat er gelinkt wordt naar een stylesheet.
Als je linkt naar een stylesheet dan moet je in dat externe sheet

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

niet meer gebruiken.
Dus je begint dat sheet met

body {

etc.

 

[teacher]

er horen geen aanhalingstekens bij je background url.

Haal die eens weg.

t.

 

[Eagle Creek]

Hij doet het nu.

Als de boel weer is ingestort horen jullie mij weer .

 

[JPeetje]

Nog ff een toevoeging, dit:

body {
	background: url('images/background.jpg') no-repeat center;

Hoort eiglijk:

body {
	background: url(images/background.jpg); background-repeat: no-repeat; background-position: 50%,50%

Te zijn

 

[Eagle Creek]

Owh...

Het was eerst 'no-repeat fixed right top;' dus dat heb ik er zelf van gemaakt.

Maar als dat beter is gaan we dat doen natuurlijk:thumb:.

 

[teacher]

je mag het ook afkorten hoor.., is geen enkel probleem.
Wel is 50% 50% wat anders als center.

t.

 

[Eagle Creek]

uuhm wat gaat het worden nu dan?

Is het allemaal even goed of?