Webwereld

Tekst vóór het plaatje.

Gestart doorStef7 reacties64 weergaven
Log in om mee te praten

8 berichten · pagina 1 van 1

Stef

Lid · Topicstarter

Berichten
10.150
Reputatie
2
Punten
0,00
Lid sinds
Laatst gezien
Hey, ik ben net een beetje begonnen met HTML pagina maken, en ben er nog niet zo goed in.
Nu heb ik een plaatje op de achtergrond, nu wil ik alleen nog tekst vóór het plaatje krijgen.
Ik heb dit:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>XHTML 1.0 Strict Example</title>
 <script type="text/javascript">
 //<![CDATA[
 function loadpdf() {
    document.getElementById("pdf-object").src="http://www.w3.org/TR/xhtml1/xhtml1.pdf";
 }
 //]]>
 </script>
 </head>
 <body onload="loadpdf()">
 <p>This is an example of an
 <abbr title="Extensible HyperText Markup Language">XHTML</abbr> 1.0 Strict document.<br />
 <img id="validation-icon"
    src="http://www.w3.org/Icons/valid-xhtml10"
    alt="Valid XHTML 1.0 Strict" /><br />
 </p>
<style type="text/css">
   body {
       margin:0; padding:0;
   }
   html, body, #bg {
       height:100%;
       width:100%;
   }
   #bg {
       position:absolute; 
       left:0;
       right:0;
       bottom:0;
       top:0;
       overflow:hidden;
       z-index:0;
   }
   #bg img {
       width:100%;
       min-width:100%;
       min-height:100%;
   }
   #content {
       z-index:1;
   }
</style>

<div id="bg">
   <img style="display:block;" src="/img/robbenwallpaper.jpg">
</div>
<div id="content">
</div>
 </body>
</html>


Nu wil ik met er tekst in zetten, maar het moet vóór het plaatje (BG) komen te staan.
Kan iemand uitleggen hoe?
Scoreboard!
0
Jordymen

Lid

Berichten
1.447
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
wil je gewoon tekst op de siite?
0
Nielsjojo

Lid

Berichten
1.871
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Probeer dit eens:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>XHTML 1.0 Strict Example</title>
 <script type="text/javascript">
 //<![CDATA[
 function loadpdf() {
    document.getElementById("pdf-object").src="http://www.w3.org/TR/xhtml1/xhtml1.pdf";
 }
 //]]>
 </script>
 </head>
 <body onload="loadpdf()">
 <p>This is an example of an
 <abbr title="Extensible HyperText Markup Language">XHTML</abbr> 1.0 Strict document.<br />
 <img id="validation-icon"
    src="http://www.w3.org/Icons/valid-xhtml10"
    alt="Valid XHTML 1.0 Strict" /><br />
 </p>
<style type="text/css">
   body {
       margin:0; padding:0;
   }
   html, body, #bg {
       height:100%;
       width:100%;
   }
   body {
       background: url(/img/robbenwallpaper.jpg) no-repeat center center fixed;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
       position:absolute; 
       left:0;
       right:0;
       bottom:0;
       top:0;
       overflow:hidden;
       z-index:0;
   }
   #bg img {
       width:100%;
       min-width:100%;
       min-height:100%;
   }
   #content {
       z-index:1;
   }
</style>
<div id="content">
</div>
 </body>
</html>
0
Jordymen

Lid

Berichten
1.447
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
probeer dit is?

h2>hier je tekst?
toevoeging op 12 maart 2013, 18:31:33:
zo kan je ook een tekst plaatsen?
0
One2xs

Bot

Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Jordymen schreef:
probeer dit is?

h2>hier je tekst?
toevoeging op 12 maart 2013, 18:31:33:
zo kan je ook een tekst plaatsen?

Post niet iets wat je niet eens weet wat het inhoud sadley
0
Jordymen

Lid

Berichten
1.447
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Jellesch schreef:
Eerdere citaten tonen
Jordymen schreef:
probeer dit is?
h2>hier je tekst?
toevoeging op 12 maart 2013, 18:31:33:
zo kan je ook een tekst plaatsen?

Post niet iets wat je niet eens weet wat het inhoud sadley
houd jij nou ma je mond voor je word je een beetje zatwink
0
Stef

Lid · Topicstarter

Berichten
10.150
Reputatie
2
Punten
0,00
Lid sinds
Laatst gezien
Nielsjojo schreef:
Probeer dit eens:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>XHTML 1.0 Strict Example</title>
 <script type="text/javascript">
 //<![CDATA[
 function loadpdf() {
    document.getElementById("pdf-object").src="http://www.w3.org/TR/xhtml1/xhtml1.pdf";
 }
 //]]>
 </script>
 </head>
 <body onload="loadpdf()">
 <p>This is an example of an
 <abbr title="Extensible HyperText Markup Language">XHTML</abbr> 1.0 Strict document.<br />
 <img id="validation-icon"
    src="http://www.w3.org/Icons/valid-xhtml10"
    alt="Valid XHTML 1.0 Strict" /><br />
 </p>
<style type="text/css">
   body {
       margin:0; padding:0;
   }
   html, body, #bg {
       height:100%;
       width:100%;
   }
   body {
       background: url(/img/robbenwallpaper.jpg) no-repeat center center fixed;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
       position:absolute; 
       left:0;
       right:0;
       bottom:0;
       top:0;
       overflow:hidden;
       z-index:0;
   }
   #bg img {
       width:100%;
       min-width:100%;
       min-height:100%;
   }
   #content {
       z-index:1;
   }
</style>
<div id="content">
</div>
 </body>
</html>
Bedankt man! thumbsup
Scoreboard!
0
Jordymen

Lid

Berichten
1.447
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
hopelijk is het geluktbiggrin
Stefvdwel schreef:
Eerdere citaten tonen
Nielsjojo schreef:
Probeer dit eens:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>XHTML 1.0 Strict Example</title>
 <script type="text/javascript">
 //<![CDATA[
 function loadpdf() {
    document.getElementById("pdf-object").src="http://www.w3.org/TR/xhtml1/xhtml1.pdf";
 }
 //]]>
 </script>
 </head>
 <body onload="loadpdf()">
 <p>This is an example of an
 <abbr title="Extensible HyperText Markup Language">XHTML</abbr> 1.0 Strict document.<br />
 <img id="validation-icon"
    src="http://www.w3.org/Icons/valid-xhtml10"
    alt="Valid XHTML 1.0 Strict" /><br />
 </p>
<style type="text/css">
   body {
       margin:0; padding:0;
   }
   html, body, #bg {
       height:100%;
       width:100%;
   }
   body {
       background: url(/img/robbenwallpaper.jpg) no-repeat center center fixed;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
       position:absolute; 
       left:0;
       right:0;
       bottom:0;
       top:0;
       overflow:hidden;
       z-index:0;
   }
   #bg img {
       width:100%;
       min-width:100%;
       min-height:100%;
   }
   #content {
       z-index:1;
   }
</style>
<div id="content">
</div>
 </body>
</html>

Bedankt man! thumbsup
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren