Webwereld

CSS Tekst kleur

Gestart doorEwan22 reacties38 weergaven
Log in om mee te praten

23 berichten · pagina 2 van 2

Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Wdbs schreef:
Eerdere citaten tonen
Ewan schreef:
@Marjolein die centers moet ik ook nog vervangen wink
Over dat het allemaal in aparte divs staat is omdat je de pictogrammen kan verslepen (werkt alleen in ie emo)

Wat een z-index is zou ik niet weten bloos
met "z-index" kun je bepalen welke lagen voor en achter komen. Hoe hoger de waarde dan komt die div helemaal bovenop.
Ah zo, ik had hem al ontdekt maar wist niet wat t was.
0
Wdbs

Lid

Berichten
2.512
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Laat anders even je HTML zien.
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
<html>
<head>
<title>EwanOomen.nl</title>
<link rel="stylesheet" href="style.css" type="text/css" /> 
<script type="text/javascript" language="JavaScript" src="js/pictogrammen.js"></script>
</head>
<body>
<div id="header" >
<p id="menu" ><img src="http://www.ewanoomen.nl/v2/images/icon.gif" title=" 2010 - 2011 | EwanOomen.nl | Alle Rechten Voorbehouden" />&nbsp;&nbsp;&nbsp;Niks&nbsp;&nbsp;&nbsp;Niks&nbsp;&nbsp;&nbsp;Niks&nbsp;&nbsp;&nbsp;Niks&nbsp;&nbsp;&nbsp;Niks</p>
<p id="social" ><a href="http://www.twitter.com/ewan_nl" title="Twitter" target="_blank" ><img src="images/icons/twitter.png" height="15 px" /></a>&nbsp;<a href="http://nl-nl.facebook.com/people/Ewan-Oomen/100002087998317" title="Facebook" target="_blank" ><img src="images/icons/facebook.png" height="15px" /></a>&nbsp;<a href="http://ewan-oomen.hyves.nl/" title="Hyves" target="_blank" ><img src="images/icons/hyves.png" height="15px" /></a>&nbsp;<a href="mailto:funkyewan%40hotmail%2Ecom" title="Msn" target="_blank" ><img src="images/icons/msn.png" height="15px" /></a>&nbsp;<a href="http://www.youtube.com" title="YouTube" target="_blank" ><img src="images/icons/youtube.png" height="15 px" /></a>&nbsp;<a href="mailto:info%40ewanoomen%2Enl" title="Mail" ><img src="images/icons/email.png" height="15px" /></a></p>
</div>
<p id="pictogrammen" >
<div id="windows" style="position:absolute;left:20;top:43;z-index:1;"><img src="http://www.vpnchoice.com/blog/wp-content/uploads/2011/09/windows7.png" height="50px" width="50px" name="windows"><br /><center>Windows</center></div>
<div id="chrome" style="position:absolute;left:20;top:133;z-index:2;"><img src="images/pictogrammen/chrome.png" height="50px" width="50px" name="chrome"><br /><center>Google<br />Chrome</center></div>
<div id="google" style="position:absolute;left:20;top:223;z-index:3;"><img src="images/pictogrammen/google.png" height="50px" width="50px" name="google"><br /><center>Google</center></div>
<div id="youtube" style="position:absolute;left:20;top:313;z-index:4;"><img src="images/pictogrammen/youtube.png" height="50px" width="50px" name="youtube" ><br /><center>Youtube</center></div>
<div id="facebook" style="position:absolute;left:20;top:403;z-index:5;"><img src="images/pictogrammen/facebook.png" height="50px" width="50px" name="facebook" ><br /><center>Facebook</center></div>
<div id="twitter" style="position:absolute;left:20;top:493;z-index:6;"><img src="images/pictogrammen/twitter.png" height="50px" width="50px" name="twitter" ><br /><center>Twitter</center></div>
<div id="hyves" style="position:absolute;left:20;top:583;z-index:7;"><img src="images/pictogrammen/hyves.png" height="50px" width="50px" name="hyves" ><br /><center>Hyves</center></div>
</p></body>


De html
0
Wdbs

Lid

Berichten
2.512
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ewan schreef:
Spoiler tonen
<html>
<head>
<title>EwanOomen.nl</title>
<link rel="stylesheet" href="style.css" type="text/css" /> 
<script type="text/javascript" language="JavaScript" src="js/pictogrammen.js"></script>
</head>
<body>
<div id="header" >
<p id="menu" ><img src="http://www.ewanoomen.nl/v2/images/icon.gif" title=" 2010 - 2011 | EwanOomen.nl | Alle Rechten Voorbehouden" />&nbsp;&nbsp;&nbsp;Niks&nbsp;&nbsp;&nbsp;Niks&nbsp;&nbsp;&nbsp;Niks&nbsp;&nbsp;&nbsp;Niks&nbsp;&nbsp;&nbsp;Niks</p>
<p id="social" ><a href="http://www.twitter.com/ewan_nl" title="Twitter" target="_blank" ><img src="images/icons/twitter.png" height="15 px" /></a>&nbsp;<a href="http://nl-nl.facebook.com/people/Ewan-Oomen/100002087998317" title="Facebook" target="_blank" ><img src="images/icons/facebook.png" height="15px" /></a>&nbsp;<a href="http://ewan-oomen.hyves.nl/" title="Hyves" target="_blank" ><img src="images/icons/hyves.png" height="15px" /></a>&nbsp;<a href="mailto:funkyewan%40hotmail%2Ecom" title="Msn" target="_blank" ><img src="images/icons/msn.png" height="15px" /></a>&nbsp;<a href="http://www.youtube.com" title="YouTube" target="_blank" ><img src="images/icons/youtube.png" height="15 px" /></a>&nbsp;<a href="mailto:info%40ewanoomen%2Enl" title="Mail" ><img src="images/icons/email.png" height="15px" /></a></p>
</div>
<p id="pictogrammen" >
<div id="windows" style="position:absolute;left:20;top:43;z-index:1;"><img src="http://www.vpnchoice.com/blog/wp-content/uploads/2011/09/windows7.png" height="50px" width="50px" name="windows"><br /><center>Windows</center></div>
<div id="chrome" style="position:absolute;left:20;top:133;z-index:2;"><img src="images/pictogrammen/chrome.png" height="50px" width="50px" name="chrome"><br /><center>Google<br />Chrome</center></div>
<div id="google" style="position:absolute;left:20;top:223;z-index:3;"><img src="images/pictogrammen/google.png" height="50px" width="50px" name="google"><br /><center>Google</center></div>
<div id="youtube" style="position:absolute;left:20;top:313;z-index:4;"><img src="images/pictogrammen/youtube.png" height="50px" width="50px" name="youtube" ><br /><center>Youtube</center></div>
<div id="facebook" style="position:absolute;left:20;top:403;z-index:5;"><img src="images/pictogrammen/facebook.png" height="50px" width="50px" name="facebook" ><br /><center>Facebook</center></div>
<div id="twitter" style="position:absolute;left:20;top:493;z-index:6;"><img src="images/pictogrammen/twitter.png" height="50px" width="50px" name="twitter" ><br /><center>Twitter</center></div>
<div id="hyves" style="position:absolute;left:20;top:583;z-index:7;"><img src="images/pictogrammen/hyves.png" height="50px" width="50px" name="hyves" ><br /><center>Hyves</center></div>
</p></body>
De html

Is het niet effiecienter om alle opmaak via de CSS te laten gaan?

Ik kan ook geen fouten ontdekken, ben nog niet een echte pro in HTML en CSS
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Wdbs schreef:
Is het niet effiecienter om alle opmaak via de CSS te laten gaan?
Dat stuk is van een javascript stuk waar ik geen zak van snap en dus maar niet teveel aan ga kloten emo
0
Wdbs

Lid

Berichten
2.512
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ewan schreef:
Eerdere citaten tonen
Wdbs schreef:
Is het niet effiecienter om alle opmaak via de CSS te laten gaan?
Dat stuk is van een javascript stuk waar ik geen zak van snap en dus maar niet teveel aan ga kloten emo
Je kan toch gewoon de style veranderen? Dat heeft toch geen invloed op het javascript?
0
Marjolein

Lid

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
<div id="windows" style="position:absolute;left:20;top:43;z-index:1;color:#ffffff;"><img src="http://www.vpnchoice.com/blog/wp-content/uploads/2011/09/windows7.png" height="50px" width="50px" name="windows"><br /><center>Windows</center></div>
<div id="chrome" style="position:absolute;left:20;top:133;z-index:2;color:#ffffff;"><img src="images/pictogrammen/chrome.png" height="50px" width="50px" name="chrome"><br /><center>Google<br />Chrome</center></div>
<div id="google" style="position:absolute;left:20;top:223;z-index:3;color:#ffffff;"><img src="images/pictogrammen/google.png" height="50px" width="50px" name="google"><br /><center>Google</center></div>
<div id="youtube" style="position:absolute;left:20;top:313;z-index:4;color:#ffffff;"><img src="images/pictogrammen/youtube.png" height="50px" width="50px" name="youtube" ><br /><center>Youtube</center></div>
<div id="facebook" style="position:absolute;left:20;top:403;z-index:5;color:#ffffff;"><img src="images/pictogrammen/facebook.png" height="50px" width="50px" name="facebook" ><br /><center>Facebook</center></div>
<div id="twitter" style="position:absolute;left:20;top:493;z-index:6;color:#ffffff;"><img src="images/pictogrammen/twitter.png" height="50px" width="50px" name="twitter" ><br /><center>Twitter</center></div>
<div id="hyves" style="position:absolute;left:20;top:583;z-index:7;color:#ffffff;"><img src="images/pictogrammen/hyves.png" height="50px" width="50px" name="hyves" ><br /><center>Hyves</center></div>


probeer het zo eens? dus de color aan iedere div toevoegen.
0
Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Joah het werkt biggrin Bedankt Marjolein!
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