djeric
Gebruiker
- Lid geworden
- 22 nov 2006
- Berichten
- 955
Hallo
Op mijn webpagina heb ik een probleem dat de tabel niet netjes onder elkaar staan.
Hoe krijg ik deze netjes het zelfde?
zie pagina hier
mijn html code:
mijn css:
Op mijn webpagina heb ik een probleem dat de tabel niet netjes onder elkaar staan.
Hoe krijg ik deze netjes het zelfde?
zie pagina hier
mijn html code:
HTML:
<!DOCTYPE html>
<html lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Hitdance radio dj team</title>
<meta name="description" content="dance, hardstyle, apresski, nederlands, rock, jaren 70, jaren 80, jaren 90, hitdance radio, met muziek voor jong en oud, en de leukste dj's">
<meta name="keywords" content="dj, team, dj team, dj eric, dj sylvester, dance, verzoekplaat, spiegelplaat, verzoekjes, sponsor, live, streams, boekingen, radio, radio dj, online radio, informatie, gedraait, programma, nieuws">
<meta name="viewport" content="width=device-width, user-scalable=yes">
<link href="hitdance.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="sitewrap">
<div id="header">
<img class="autoresize" src="images/header.png" title="Hitdance Radio" alt="hitdance logo">
</div><!-- /headerwrap -->
<div id="sitenavigation">
<ul class="mainmenu">
<li><a href="index.html" target="_top">Home</a></li>
<li><a href="nieuws.html" target="_top">Nieuws</a></li>
<li><a href="spiegelplaat.html" target="_top">Spiegelplaat</a></li>
<li><a href="djteam.html" target="_top">DJ team</a></li>
<li><a href="programma's.html" target="_top">Programma</a></li>
<li><a href="links.html" target="_top">Links</a></li>
<li><a href="chatbox.html" target="_top">Chatbox</a></li>
<li><a href="gastenboek.html" target="_top">Gastenboek</a></li>
<li><a href="mail.html">Contact</a></li>
<li><a href="faq.html" target="_top">Faq</a></li>
</ul>
</div><!-- /sitenavigation -->
<div class="column-left">
<ul class="blocklist">
<!-- dj-display -->
<li class="left-1">
<iframe src="http://server13003.irserv2.com/djdisplay" class="djdisplay"></iframe>
</li>
<!-- live-stream -->
<li class="left-2">
<h3>Livestreams</h3>
<!-- Tekst van maximaal 1 regel die past tussen < en >. Dan blijven de gekleurde blokken even hoog. -->
<ul class="buttons">
<li><a href="http://37.59.7.51:9926/listen.pls"><img src="images/wnp.png" title="winamp" alt="luister hitdance radio met winamp"></a>Winamp player</li>
<li><a href="playlist.asx"><img src="images/wmp.png" title="windows media player" alt="luister hitdance radio me windows media player"></a>Media player</li>
<li><a href="playlist.ram"><img src="images/real.png" title="real player" alt="luister hitdance radio met realplayer"></a>Real player</li>
<li><a href="playlist.qtl"><img src="images/quick.png" title="quicktime" alt="luister hitdance radio met quicktime player"></a>Quicktime player</li>
</ul>
<div>
<div id="rechten">
<img class="autoresize" src="images/buma.png" title="Buma licentie" alt="Buma">
<img class="autoresize" src="images/sena.png" title="Sena licentie" alt="Sena">
</div><!-- /rechten -->
</div>
<!-- join -->
<li class="left-3">
<h3>boekingen</h3>
<!-- Tekst van maximaal 1 regel die past tussen < en >. Dan blijven de gekleurde blokken even hoog. -->
<p>Wil jij dat wij bij jou feest komen draaien? Hier vind je de favorite dj van uw keuze.</p>
<a href="boekingen.html" class="leesmeer" target="_top">Meer info</a>
</li>
<!-- extra blok -->
<li class="left-4">
<h3>Radio dj's gezocht!</h3>
<!-- Tekst van maximaal 1 regel die past tussen < en >. Dan blijven de gekleurde blokken even hoog. -->
<p>Wil jij graag draaien op dit radio station? Kijk dan rond op deze pagina, daar vind je alle informatie.</p>
<a href="gezocht.html" class="leesmeer" target="_top">Meer info</a>
</li>
</ul><!-- /blocklist -->
</div><!-- column-left -->
<div class="main">
<iframe src="http://server13003.irserv2.com/nowplaying/" name="iReQuest_NoWPlayinG" style="height: 50px; width: 100%;"></iframe>
<div class="content">
<h1>Onze dj team:</h1>
<div class="team">
<TABLE>
<TR>
<td class="foto" ROWSPAN="6"><img src="team/djeric.png" alt="Dj Eric"><p><a href="mail.html">Mail mij</a></p></TD>
<td class="vraag">Dj naam:</TD><td class="antwoord">Dj Eric</TD>
</TR>
<TR>
<td class="vraag">Leeftijd:</TD><td class="antwoord">
<script>
var geboorte = new Date(1978, 09, 04); <!-- jaar/maand/dag -->
var vandaag = new Date();
var een_jaar = 1000*60*60*24*365;
document.write(Math.floor((vandaag.getTime()-geboorte.getTime())/(een_jaar))+" jaar");
</script>
</TD>
</TR>
<TR>
<td class="vraag">Functie:</TD><td class="antwoord">Eigenaar, Web beheerder, Chat beheerder, Dj presentator</TD>
</TR>
<TR>
<td class="vraag">Ik draai graag:</TD><td class="antwoord">Top 40, Dance & Hardstyle</TD>
</TR>
<TR>
<td class="vraag">Mijn lievelings nummer:</TD><td class="antwoord">Partysquad & Rob Pix - Born to rave</TD>
</TR>
<TR>
<td class="vraag">Wat zeg je vaak hier?</TD><td class="antwoord">knotsgek</TD>
</TR>
</TABLE>
<TABLE>
<TR>
<td class="foto" ROWSPAN="6"><img src="team/jetski.png" alt="Dj Jetski"><p><a href="mail1.html">Mail mij</a></p></TD>
<td class="vraag">Dj naam:</TD><td class="antwoord">Dj Jetski</TD>
</TR>
<TR>
<td class="vraag">Leeftijd:</TD><td class="antwoord">
<script>
var geboorte = new Date(1982, 03, 27); <!-- jaar/maand/dag -->
var vandaag = new Date();
var een_jaar = 1000*60*60*24*365;
document.write(Math.floor((vandaag.getTime()-geboorte.getTime())/(een_jaar))+" jaar");
</script>
</TD>
</TR>
<TR>
<td class="vraag">Functie:</TD><td class="antwoord">Eigenaar, Chat operator, Dj presentatrice</TD>
</TR>
<TR>
<td class="vraag">Ik draai graag:</TD><td class="antwoord">Nederlands, Top 40 & Aprés-ski</TD>
</TR>
<TR>
<td class="vraag">Mijn lievelings nummer:</TD><td class="antwoord">Ik heb niet echt een favoriet nummer vind alles prima</TD>
</TR>
<TR>
<td class="vraag">Wat zeg je vaak hier?</TD><td class="antwoord">brb</TD>
</TR>
</TABLE>
<TABLE>
<TR>
<td class="foto" ROWSPAN="6"><img src="team/sylvester.png" alt="Dj Sylvester"><p><a href="mail2.html">Mail mij</a></p></TD>
<td class="vraag">Dj naam:</TD><td class="antwoord">Dj Sylvester</TD>
</TR>
<TR>
<td class="vraag">Leeftijd:</TD><td class="antwoord">
<script>
var geboorte = new Date(1973, 12, 06); <!-- jaar/maand/dag -->
var vandaag = new Date();
var een_jaar = 1000*60*60*24*365;
document.write(Math.floor((vandaag.getTime()-geboorte.getTime())/(een_jaar))+" jaar");
</script>
</TD>
</TR>
<TR>
<td class="vraag">Functie:</TD><td class="antwoord">Mede eigenaar, Dj presentator</TD>
</TR>
<TR>
<td class="vraag">Ik draai graag:</TD><td class="antwoord">Aprés-ski, Nederlands talig, Dance, Top 40 & Happy hardcore</TD>
</TR>
<TR>
<td class="vraag">Mijn lievelings nummer:</TD><td class="antwoord">C. Lownoise & M. Theo - Hardcore feelings</TD>
</TR>
<TR>
<td class="vraag">Wat zeg je vaak hier?</TD><td class="antwoord">Veel luister plezier</TD>
</TR>
</TABLE>
<TABLE>
<TR>
<td class="foto" ROWSPAN="6"><img src="team/mastiek.png" alt="Dj Mastiek"><p><a href="mail3.html">Mail mij</a></p></TD>
<td class="vraag">Dj naam:</TD><td class="antwoord">Dj Mastiek</TD>
</TR>
<TR>
<td class="vraag">Leeftijd:</TD><td class="antwoord">
<script>
var geboorte = new Date(1987, 11, 12); <!-- jaar/maand/dag -->
var vandaag = new Date();
var een_jaar = 1000*60*60*24*365;
document.write(Math.floor((vandaag.getTime()-geboorte.getTime())/(een_jaar))+" jaar");
</script>
</TD>
</TR>
<TR>
<td class="vraag">Functie:</TD><td class="antwoord">Dj presentator, Hoofd dj</TD>
</TR>
<TR>
<td class="vraag">Ik draai graag:</TD><td class="antwoord">Top 40, Dance, Trance, Hardcore & Hardstyle</TD>
</TR>
<TR>
<td class="vraag">Mijn lievelings nummer:</TD><td class="antwoord">Ik heb zo veel nummers die ik leuk vind</TD>
</TR>
<TR>
<td class="vraag">Wat zeg je vaak hier?</TD><td class="antwoord">oke</TD>
</TR>
</TABLE>
<TABLE>
<TR>
<td class="foto" ROWSPAN="6"><img src="team/tony.png" alt="Dj Tony"><p><a href="mail4.html">Mail mij</a></p></TD>
<td class="vraag">Dj naam:</TD><td class="antwoord">Dj Tony</TD>
</TR>
<TR>
<td class="vraag">Leeftijd:</TD><td class="antwoord">
<script>
var geboorte = new Date(1957, 07, 25); <!-- jaar/maand/dag -->
var vandaag = new Date();
var een_jaar = 1000*60*60*24*365;
document.write(Math.floor((vandaag.getTime()-geboorte.getTime())/(een_jaar))+" jaar");
</script>
</TD>
</TR>
<TR>
<td class="vraag">Functie:</TD><td class="antwoord">Dj presentator, Hoofd geluidstechniek</TD>
</TR>
<TR>
<td class="vraag">Ik draai graag:</TD><td class="antwoord"></TD>
</TR>
<TR>
<td class="vraag">Mijn lievelings nummer:</TD><td class="antwoord"></TD>
</TR>
<TR>
<td class="vraag">Wat zeg je vaak hier?</TD><td class="antwoord"></TD>
</TR>
</TABLE>
<TABLE>
<TR>
<td class="foto" ROWSPAN="6"><img src="team/christian.png" alt="Dj Christian"><p><a href="mail5.html">Mail mij</a></p></TD>
<td class="vraag">Dj naam:</TD><td class="antwoord">Dj Christian</TD>
</TR>
<TR>
<td class="vraag">Leeftijd:</TD><td class="antwoord">
<script>
var geboorte = new Date(1975, 01, 30); <!-- jaar/maand/dag -->
var vandaag = new Date();
var een_jaar = 1000*60*60*24*365;
document.write(Math.floor((vandaag.getTime()-geboorte.getTime())/(een_jaar))+" jaar");
</script>
</TD>
</TR>
<TR>
<td class="vraag">Functie:</TD><td class="antwoord">Dj presentator, Hoofd dj</TD>
</TR>
<TR>
<td class="vraag">Ik draai graag:</TD><td class="antwoord">Plaatjes</TD>
</TR>
<TR>
<td class="vraag">Mijn lievelings nummer:</TD><td class="antwoord">Mijn huisnummer</TD>
</TR>
<TR>
<td class="vraag">Wat zeg je vaak hier?</TD><td class="antwoord">hoppaaaaaaaaaaaaaaaaaaaaaaaa</TD>
</TR>
</TABLE>
<TABLE>
<TR>
<td class="foto" ROWSPAN="6"><img src="team/DonJake.png" alt="DonJake"><p><a href="mail6.html">Mail mij</a></p></TD>
<td class="vraag">Dj naam:</TD><td class="antwoord">DonJake</TD>
</TR>
<TR>
<td class="vraag">Leeftijd:</TD><td class="antwoord">
<script>
var geboorte = new Date(1996, 01, 29); <!-- jaar/maand/dag -->
var vandaag = new Date();
var een_jaar = 1000*60*60*24*365;
document.write(Math.floor((vandaag.getTime()-geboorte.getTime())/(een_jaar))+" jaar");
</script>
</TD>
</TR>
<TR>
<td class="vraag">Functie:</TD><td class="antwoord">Dj presentator</TD>
</TR>
<TR>
<td class="vraag">Ik draai graag:</TD><td class="antwoord">De hardste EDM-tracks</TD>
</TR>
<TR>
<td class="vraag">Mijn lievelings nummer:</TD><td class="antwoord">Deficio & Filip Ilic - Swerve</TD>
</TR>
<TR>
<td class="vraag">Wat zeg je vaak hier?</TD><td class="antwoord">Dat Dj Eric de grote baas is</TD>
</TR>
</TABLE>
<TABLE>
<TR>
<td class="foto" ROWSPAN="6"><img src="team/robin.png" alt="Dj Robin"><p><a href="mail7.html">Mail mij</a></p></TD>
<td class="vraag">Dj naam:</TD><td class="antwoord">Dj Robin</TD>
</TR>
<TR>
<td class="vraag">Leeftijd:</TD><td class="antwoord">
<script>
var geboorte = new Date(1996, 08, 15); <!-- jaar/maand/dag -->
var vandaag = new Date();
var een_jaar = 1000*60*60*24*365;
document.write(Math.floor((vandaag.getTime()-geboorte.getTime())/(een_jaar))+" jaar");
</script>
</TD>
</TR>
<TR>
<td class="vraag">Functie:</TD><td class="antwoord">Dj presentator</TD>
</TR>
<TR>
<td class="vraag">Ik draai graag:</TD><td class="antwoord"></TD>
</TR>
<TR>
<td class="vraag">Mijn lievelings nummer:</TD><td class="antwoord"></TD>
</TR>
<TR>
<td class="vraag">Wat zeg je vaak hier?</TD><td class="antwoord"></TD>
</TR>
</TABLE>
<TABLE>
<TR>
<td class="foto" ROWSPAN="6"><img src="team/xander.png" alt="Dj Xander"><p><a href="mail8.html"></a></TD>
<td class="vraag">Dj naam:</TD><td class="antwoord">Dj Xander</TD>
</TR>
<TR>
<td class="vraag">Leeftijd:</TD><td class="antwoord">
<script>
var geboorte = new Date(1993, 05, 05); <!-- jaar/maand/dag -->
var vandaag = new Date();
var een_jaar = 1000*60*60*24*365;
document.write(Math.floor((vandaag.getTime()-geboorte.getTime())/(een_jaar))+" jaar");
</script>
</TD>
</TR>
<TR>
<td class="vraag">Functie:</TD><td class="antwoord">Dj presentator</TD>
</TR>
<TR>
<td class="vraag">Ik draai graag:</TD><td class="antwoord"></TD>
</TR>
<TR>
<td class="vraag">Mijn lievelings nummer:</TD><td class="antwoord"></TD>
</TR>
<TR>
<td class="vraag">Wat zeg je vaak hier?</TD><td class="antwoord"></TD>
</TR>
</TABLE>
</div><!-- /team -->
</div><!-- /content -->
</div><!-- /main -->
<div class="column-right">
<ul class="blocklist">
<!-- dj-display -->
<li class="right-1">
<h3>Nieuwe muziek</h3>
<p><img src="nieuw/1.png" class="autoresize" title="Nieuwe muziek" alt="Nieuwe muziek"></p>
<P STYLE="color: #ffff00; background-color: #000000;">Bent u de nieuwe Artiest of dj die graag bekend wilt worden?
Dan zit u hier goed, Klik op aanmelden en wij ontvangen uw reactie om uw banner te plaatsen zoals bovenstaande afbeelding.</p>
<a href="mail.html" class="leesmeer" target="_top">Aanmelden.</a>
</li>
<!-- live-stream -->
<li class="right-2">
<h3>Verzoekplaat</h3>
<p>Klik op meer info en vul hier je verzoekplaat in, en wij draaien deze dan speciaal voor jou op de radio.
Soms kan het zijn dat een dj live is maar geen verzoekjes aanneemt, probeer het dan op een ander tijdstip opnieuw.</p>
<a href="verzoekjes.html" class="leesmeer" target="_top">Meer info</a>
</li>
<!-- join -->
<li class="right-3">
<h3>Verjaardag</h3>
<!-- Tekst van maximaal 1 regel die past tussen < en >. Dan blijven de gekleurde blokken even hoog. -->
<p>Geef op wie jij graag zou willen verassen met zijn of haar verjaardag. Binnen 3 dagen heb je een reactie terug van ons, en
wordt hij of zij in het zonnetje gezet in onze uitzending.</p>
<a href="verjaardag.html" class="leesmeer" target="_top">Geef op</a>
</li>
<!-- extra blok -->
<li class="right-4">
<h3>Social media</h3>
<ul class="buttons">
<li><a href="http://myves.nl/user/hitdance_radio" target="_blank"><img src="images/myves.png" class="autoresize" title="myves" alt="myves"></a></li>
<li><a href="http://hybook.eu/user/hitdance_radio" target="_blank"><img src="images/hybook.png" class="autoresize" title="hybook" alt="hybook"></a></li>
<li><a href="https://www.facebook.com/hitdanceradio" target="_blank"><img src="images/facebook.png" class="autoresize" title="facebook" alt="facebook"></a></li>
<li><a href="https://twitter.com/hitdance_radio" target="_blank"><img src="images/twitter.png" class="autoresize" title="twitter" alt="twitter"></a></li>
</ul>
<a href="socialmedia.html" class="leesmeer" target="_top">Meer info</a>
</li>
</ul><!-- /blocklist -->
</div><!-- column-right -->
<div class="footer">
<!-- Begin JouwStats code-->
<script src="http://www.jouwstats.nl/count.js" type="text/javascript"></script>
<script type = "text/javascript">
//<![CDATA[
count(39006);
//]]>
</script>
<!-- Einde JouwStats code-->
</div><!-- /footer -->
<div id="size-indicator">
<!-- div die een kleur geeft onderin de site. Hieraan kun je zien welk device het is. Kleuren staan in css. -->
</div>
<div class="clear">
<!-- div zorgt ervoor dat de sitewrap alle divs omsluit -->
</div>
</div><!-- /sitewrap -->
<script type="text/javascript" src="http://prostreams.nl:2199/system/streaminfo.js"></script>
</body>
</html>mijn css:
Code:
/* reset */
html, body, div, ul, li, a, p, img, span, iframe, h1, h2, h3, h4 {
margin: 0; padding: 0; border: 0; outline: 0;
font-size: 100%; vertical-align: baseline; background: transparent;
}
/* ----------------------------------------------- */
/* STYLE.CSS
/* Code is geschreven voor desktops, de aangepaste
/* code voor tablets en mobile devices staat d.m.v.
/* media queries direct bij de code.
/* ----------------------------------------------- */
/*html algemeen */
body {background: url(images/bg-dark.png) fixed; color: #FFFFFF; font: normal 1em arial, helvetica, sans-serif;} /* verander kleur van de p atribuut */
/* iframe algemeen */
iframe {background: transparent; border: 0; overflow: hidden;}
/* clear (specifies which side(s) of an element other floating elements are not allowed.) */
.clear {clear: both;}
p
{
font-family: Palatino Linotype, Book Antiqua, Palatino;
}
/* headings */
h1 {font-size: 14pt; text-align: center; color: #CC0033; font-weight: bold;}
h2 {font-size: 12pt; font-weight: bold;}
h3 {font-size: 11pt; text-align: center; color: #000066; font-weight: bold; text-transform: uppercase; text-decoration: underline}
h4 {font-size: 10pt; color: #3366FF; font-weight: bold;}
/* hyperlinks algemeen */
a, a:link, a:visited {color: #fff; text-decoration: underline;}
a:hover, a:focus {cursor: pointer;}
a:active, a:focus {outline: 0; outline-style: none; outline-width: 0;}
/* hyperlink met arrow in gekleurde blokken */
a.leesmeer:link, a.leesmeer:visited, a.leesmeer:active {background:url(images/arrow.png) right no-repeat; color: #fff; display: block; font-size: 10pt; height: 45px; line-height: 45px; /* kleur voor meer info tekst */
margin-top: 20px; text-align: left;text-decoration: none; vertical-align: middle; width: 100%;}
a.leesmeer:hover {cursor: pointer; font-weight: bold;}
/* sitewrap omsluit alle andere divs van de website */
#sitewrap {margin: 0 auto; max-width: 1200px; width: 95%;}
#rechten {text-align: center; width: 100%;}
/* header */
#header {text-align: center; width: 100%;}
/* logo past zich automatisch aan aan de breedte van #header */
img.autoresize {
height: auto;
max-width: 100%;
width: auto; /* ie8 */
}
/* sitenavigation/menu */
#sitenavigation {text-align: center; margin-top: 0px; width: 100%;}
/* TABLETS */ @media (min-width: 481px) and (max-width: 979px) {#sitenavigation {margin-top: -50px;}}
/* MOBILE */ @media (max-width: 480px) {#sitenavigation {margin-top: 0px;}}
/* menu ul */
.mainmenu {display: block; list-style:g; text-align: center; width: 100%;}
.mainmenu li {display: inline-block; padding: 2px;}
/* menu ul links */
.mainmenu li a:link {background: #FFFF00; color: #333; bold; text-transform: uppercase; font-size: 14pt; text-decoration: none;}
.mainmenu li a:active, .mainmenu li a:visited {background: #FFFF00; color: #333; font-weight: bold; text-decoration: none;}
.mainmenu li:hover {background: #FFFF00; repeat; cursor: pointer;}
/* drie kolommen & footer */
.column-left, .column-right {float: left; padding: 1.5%; width: 17%;}
.column-left, .column-right p {font-size: 10pt;}
.main, .footer {background: url(images/bg-black-transparent.png) repeat; float: left; margin-top: 50px; padding: 1.5%;}
.main {width: 57%;}
.mobiel-midden {text-align: center; width: 97%;}
.footer {text-align: center; width: 97%;}
/* TABLETS */ @media (min-width: 481px) and (max-width: 979px) {.column-left {width: 37%;} .column-right {float: none; width: 97%;} .main {width: 57%;}}
/* MOBILE */ @media (max-width: 480px) {.column-left, .column-right, .main {float: none; width: 97%;}}
/* ul met blokken in de kolommen */
.blocklist {display: block; list-style:none; text-align: left; width: 100%;}
.blocklist li { background:url(images/bg-speakers.png) bottom right no-repeat; display: inline-block; margin: 3px 0px; padding: 5%; width: 90%;}
li.left-1 { background:url() bottom right no-repeat; display: inline-block; margin: 3px 0px; padding: 5%; width: 90%;}
li.left-2 { background:url() bottom right no-repeat; display: inline-block; margin: 3px 0px; padding: 5%; width: 90%;}
/* achtergrondkleuren blokjes */
.blocklist li.left-1 {background-color: #990033;} /* links 1 */
.blocklist li.left-2 {background-color: #993333;} /* links 2 */
.blocklist li.left-3 {background-color: #996666;} /* links 3 */
.blocklist li.left-4 {background-color: #999966;} /* links 4 */
.blocklist li.right-1 {background-color: #990033;} /* rechts 1 */
.advertentie li.right-1 {background-color: #990033;} /* rechts 1 */
.blocklist li.right-2 {background-color: #993333;} /* rechts 2 */
.blocklist li.right-3 {background-color: #996666;} /* rechts 3 */
.blocklist li.right-4 {background-color: #999966;} /* rechts 4 */
/* dj-display */
.djdisplay {height: 160px; width: 100%;}
/* trackdisplay */
.trackdisplay {height: 50px; width: 100%; background-color: #3399FF;}
/* live-stream */
ul.buttons {list-style:none; text-align: center; width: 100%;}
ul.buttons li {background: none; display: inline-block; width: 25%;}
ul.buttons li img {height: 60px; width: 60px;}
/* TABLETS */ @media (min-width: 481px) and (max-width: 979px) {ul.buttons li {width: auto;} ul.buttons li img {height: 40px; width: 40px;}}
/* MOBILE */ @media (max-width: 480px) {ul.buttons li {width: auto;} ul.buttons li img {height: 40px; width: 40px;}}
/* content */
.content {margin-top: 20px;}
.content p {margin-bottom: 7px;}
/* team */
.team table
{
border : black outset 5px;
Width : 100%;
}
.team td
{
height : 150;
}
.foto {
background-color: #000000;
}
.vraag {
background-color: #3366FF;
}
.antwoord {
background-color: #00FF7F;
text-align : left;
}
/* gekleurde lijn onderin de site - geeft resoluties/device aan */
#size-indicator {float: left; margin-bottom: 3px; height: 2px; width: 100%;}
/* DESKTOPS */ @media (min-width: 980px) {#size-indicator {background-color: #4291aa;}} /* blauw */
/* TABLETS */ @media (min-width: 481px) and (max-width: 979px) {#size-indicator {background-color: #95e307;}} /* groen */
/* MOBILE */ @media (max-width: 480px) {#size-indicator {background-color: #d0158a;}} /* roze */
table {
text-align : center;
border : black outset 5px;
background : black;
margin : 0 auto;
Width : 100%;
}
tr#kop {
height : 30px;
font-size : 1.1em;
font-weight : bold;
color : #c0c0c0;
background : #c30;
}
tr#kop td {
width : 350px;
}
tr#kop2 {
height : 30px;
font-size : 1.1em;
font-weight : bold;
color : #c0c0c0;
background : #c30;
}
tr#kop2 td {
width : 210px;
}
.eric {
background-color: #FFFF33;
}
.sylvester {
background-color: #66FF33;
}
.mastiek {
background-color: #ffffff;
}
.jetski {
background-color: #CC00FF;
}
.christian{
background-color: #CD5C5C;
}
.tony{
background-color: #FF0000;
}
.DonJake{
background-color: #669999;
}
.robin{
background-color: #CCFF99;
}
.xander{
background-color: #3399FF;
}
tr {
height : 40px;
background : #996699; /* Hiermee verander je de achtergrond kleur in de tabel */
color : #333333; /* Hiermee verander je de tekst kleur in de tabel */
}
/* opsomming faq */
#toggle{width:500px; margin:0 auto;}
ul.faq-list {width:450px;}
ul.faq-list div{color: #FFFFCC; cursor: auto; display: none; font-size: 13px; padding: 5px 0 5px 20px; text-decoration: none; }
ul.faq-list div a{color:#FF6633; font-weight:bold;}
ul.faq-list li.question{list-style-type:none; cursor:pointer; -moz-border-radius:0 10px 0 10px; border:3px solid #666666; margin:2px; padding:5px 5px 5px 5px;}
ul.faq-list li.question:before {content: "+"; padding:10px 10px 10px 0; color:red; font-weight:bold;}
ul.faq-list li.active:before {content: "-"; padding:10px 10px 10px 0; color:#00FF33; font-weight:bold;}
ul.faq-list li.answer:before {content: none; padding:10px 10px 10px 0; font-weight:bold;}
ul.faq-list li.question:hover{background:#003366}
ul.faq-list li div:hover{text-decoration:none !important;}
.faq-list .answer { display: none; color:#FFCC66;}
Laatst bewerkt:
dus daar zit t probleem niet. 
