TOX TV
Graag weer een duidelijke uitleg van je comentaar.
Bij voorbaat dank,
Dhr. Zwartjes.
www.toxtv.be :P:P
Gewijzigd op 08/03/2006 18:05:00 door Dhr. Zwartjes
link
www.toxtv.be was de link;)
Designtechnish:
-Waarom grote rode letters?
-Links bovenaan staan niet helemaal recht
HTML-Technish:
- Begin frame :-/
- Weer eentje waar van de HTML niets klopt:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<html>
<head>
<style type="text/css">
body, td, form, input, submit, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black}
a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333}
.big {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #EE153C}
.kop {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #EE153C}
.main {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: white}
.mainkop {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #F1F3D1}
</style>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><center>
<br><br><br><html>
<head>
<title>top</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (top.bmp) -->
(...)
<td>
<img src="http://www.powerbasis.nl/tox/images/top_15.jpg" width="61" height="25" border=0></a></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html><html>
<head>
<title>hom545e</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (hom545e.bmp) -->
<table id="Table_01" width="720" height="213" border="0" cellpadding="0" cellspacing="0">
<tr>
<head>
<style type="text/css">
body, td, form, input, submit, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black}
a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333}
.big {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #EE153C}
.kop {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #EE153C}
.main {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: white}
.mainkop {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #F1F3D1}
</style>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><center>
<br><br><br><html>
<head>
<title>top</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (top.bmp) -->
(...)
<td>
<img src="http://www.powerbasis.nl/tox/images/top_15.jpg" width="61" height="25" border=0></a></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html><html>
<head>
<title>hom545e</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (hom545e.bmp) -->
<table id="Table_01" width="720" height="213" border="0" cellpadding="0" cellspacing="0">
<tr>
-Dit is NIET de manier hoe je ruimte maakt:
Boven dien klopt er niets van die entities. Die horen namelijk met ; te eindigen.
- In mijn lieve Firefox ( :-) ) ziet het er goed uit, maar in IE is de border halvewege 1 pixel verschoven.
- Zeker gesliced uit photoshop en een klein beetje aangepast?
Ja, ik heb inderdaad met Photoshop gewerkt.
Ik heb de site in delen opgebouwd, omdat ik misschien ooit nog eens het menu wil aanpassen.
Ik heb dus de top:
http://www.powerbasis.nl/tox/top.php
En de header (deze is voor de index_pagina):
http://www.powerbasis.nl/tox/home_top.php
Die heb ik geïnclude, in alle pagina's. Dus wanneer ik het menu wil aanpassen, hoef ik maar één pagina aan te passen. Daardoor zie je ook meerdere keren, de head enzo staan. de echte sourcecode ziet er dus zo uit:
<html>
<head>
<style type="text/css">
body, td, form, input, submit, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black}
a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333}
.big {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #EE153C}
.kop {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #EE153C}
.main {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: white}
.mainkop {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #F1F3D1}
</style>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><center>
<br><br><br>
<table border=0 cellspacing=0 cellpading=0 background="http://www.powerbasis.nl/tox/bg.jpg"><tr>
</td>
<td width=0>
<table border=0 width=79 height=450 cellspacing=0 cellpading=0><tr>
<td width=0 class="kop">
</td></tr>
<tr>
</tr>
</table>
</td>
<td width=0>
</td>
<td width=0>
<table border=0 width=590 height=605 cellspacing=0 cellpading=0><tr>
<td width=0 bgcolor=FFFFFF class="kop">
<a href="http://kijken.toxtv.be/"><img src="online_kijken.jpg" width="310" height="140" alt=""border=0></a> <a href="http://luister.toxmp3.be/"><img src="luister_radio.jpg" width="233" height="140" alt="" border=0></a>
<br><br>
<b>Wat is T0X TV?</b><br>
<font color="#000000"><i>T0X TV</i> richt zich vooral op de kinderen. <i>T0X TV</i> is een TV-zender via Internet. De studio bevindt zich in <a href="http://heerhugowaard.startpagina.nl/" target="_new">Heerhugowaard</a>. <i>T0X TV</i> zendt in principe alleen maar programma's uit, met als hooddoel de kijkers aan het lachen te krijgen.<br>
<a href="http://www.powerbasis.nl/tox/help_algemeen.php"><img src="lees_meer.jpg" width="136" height="24" alt=""border=0></a><br>
</font><p>
<b>Wanneer kan ik T0X TV bekijken?</b><br><font color="#000000">
Elke zaterdag van 13.00 u t/m 17.00 u.<br>
Maar de herhalingen kan je doordeweeks na schooltijd altijd terug te bekijken in de videotheek.<br>
En zondag dan? Zondag houdt <i>T0XTV</i> zich bezig met radio: <a href="frame.php?frame=http://radio.toxtv.be">http://radio.toxtv.be</a>
<p>
<br><b>Waar kan ik alles op deze website vinden?</b><br><br><font color="#000000">
<a href="http://www.toxtv.be">Home        </a>      <a href="index.php">Home</a><br>
<a href="#">                </a>      <a href="nieuws.php">Nieuws</a><br>
<a href="#">                </a>      <a href="about.php">Wie zijn wij</a><br>
<a href="#">                </a>      <a href="schoolwerk.php">Schoolwerk</a><br>
<a href="#">                </a>      <a href="faq.php">FAQ</a><br>
<a href="#">                </a>      <a href="communicatie.php">Communicatie</a><br>
<br>
<a href="http://videotheek.toxtv.be">Videotheek</a>      <a href="http://www.powerbasis.nl/videotheek/index.php">Home</a><br>
<a href="#">                </a>      <a href="http://www.powerbasis.nl/videotheek/all.php">Alle video's</a><br>
<a href="#">                </a>      <a href="http://www.powerbasis.nl/videotheek/all.php?a=1">Plaats een video</a><br>
<a href="#">                </a>      <a href="http://www.powerbasis.nl/videotheek/contact.php">Contact</a><br>
</font><p>
<p>
</td></tr>
<tr><td class="norm" align=top>
</table></td>
<td width=0>
<table border=0 width=44 height=405 cellspacing=0 cellpading=0><tr>
<td width=0 class="norm">
</td></tr>
<tr>
</tr>
</table>
</td>
</tr>
</table><center><img src="http://www.powerbasis.nl/tox/bottom.jpg" width="720" height="59" alt=""><p>
<br>
</body>
</html>
Maar over IE, ik gebruik zelf IE. Bij mij ziet het er normaal uit. Alles op zn plaats.
En... Waar wil je anders ruimte mee creëren, want tabellen dan krijg je een veel te lange code, voor zo'n klein menuutje of iets.
En rood, dat is natuurlijk om het wat levendiger, maar vooral wat opvallender te maken. Stel je zou de letters in een grijs-tint doen, en de rest ook, dan zou het ten eerste saai worden, maar je zou het ook veel minder snel onthouden, dat wat je leest. Dus als een tekst eruit knalt, neem je het veel eerder in je op.
Groetjes,
Zwartjes.
Gewijzigd op 08/03/2006 18:29:00 door Dhr. Zwartjes