Forum > Algemeen Forum

html-tips voor het maken van je site

(853 reacties. Pagina 38 van 43)
Moderator(s): Dré
Dj marcoStandaard Lid
Uit: Nederland
Sinds: 14-11-2006
Laatste: 2-4-2011
Berichten: 42
19-5-2007 09:16
je zou hier is kunnen kijken. coppermine heel wat sites die dit gebruiken. en ziet er nog netjes uit ook
WouterrStandaard Lid
Uit: Nederland
Sinds: 6-5-2007
Laatste: 1-6-2008
Berichten: 11
19-5-2007 09:59
het is trouwens de bedoeling dat dit gewoon in een tabel op m'n site komt.

geen aparte fotogallery's dus ;)
The Low-ri-der is a little higher.
Bassie RassieStandaard Lid
Uit: Nederland
Sinds: 26-4-2006
Laatste: 21-3-2016
Berichten: 189
19-5-2007 11:51
Zoiets wat ook op de Radio538-site staat?

Scriptje heb ik wel ergens liggen.
Mail me maar als je het wil hebben.
Freelancer in de noordelijke provincies
ReindStandaard Lid
Uit: Nederland
Sinds: 5-11-2002
Laatste: 16-1-2012
Berichten: 3032
19-5-2007 14:33
Dat scriptje is één van de wijdst verspreide scripts die er is... een goede search levert dus ook genoeg op ;)

Enkele voorbeelden
[url]https://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/[/img]
https://orangoo.com/labs/GreyBox/

Of je gaat voor flash, simpleviewer is en blijft een van de beste viewers voor kleine gallery's naar mijn mening.

Url 1 is een mooiere oplossing, geen j@vascript en pure CSS en werkt dus praktisch overal, URL 2 is de meest gebruikte en ziet er ook mooi uit (is ook nog aan te passen naar wens zoals je op de website van 538 ziet) MAAR werkt niet wanneer mensen j@vascript uit hebben staan in hun browser. Maarja die laatste groep is net zo groot als de groep die nog met een browser rond zwerft die geen CSS ondersteund dus gewoon pakken welke je het mooiste vind ;)
Rubix cube moeilijk? Probeer maar eens een universele logitech harmony afstandsbediening in te stellen!
WouterrStandaard Lid
Uit: Nederland
Sinds: 6-5-2007
Laatste: 1-6-2008
Berichten: 11
20-5-2007 20:18
Reind en Bassie, heel erg bedankt!

Hier kan ik zeker wat mee..

Ik zocht ook nog iets voor een aparte gallery, daar is die simpleviewer perfect voor!
The Low-ri-der is a little higher.
GBG GregStandaard Lid
Uit: België
Sinds: 24-4-2006
Laatste: 10-12-2008
Berichten: 20
28-5-2007 10:43
Hey,

ik zit zelf met een klein probleempje, als je onze websit in IE opent dan staat de intropagina netjes zoals het hoort. Als je ze dan eens in MF opent dan zie je dat "Skip Intro>" verschoven is in de cel. Gaat vast aan één of andere tag liggen, welke? Wie kan me even een handje helpen?

Greetz, Greg
SCX 700 - Robo 218 - Extreme 250
Dj marcoStandaard Lid
Uit: Nederland
Sinds: 14-11-2006
Laatste: 2-4-2011
Berichten: 42
28-5-2007 10:51

GBG Greg schreef:

Hey,

ik zit zelf met een klein probleempje, als je onze websit in IE opent dan staat de intropagina netjes zoals het hoort. Als je ze dan eens in MF opent dan zie je dat "Skip Intro>" verschoven is in de cel. Gaat vast aan één of andere tag liggen, welke? Wie kan me even een handje helpen?

Greetz, Greg
firefox vind het liever als je hem goed uitlijnt (want dat bedoel je toch)?? hierbij is het dus belangrijk dat er dus echt een left,right of center staat.. misschien is het makkelijker als je dat stukje script even post;-) werkt wat makkelijker dan dit wink ;)
GBG GregStandaard Lid
Uit: België
Sinds: 24-4-2006
Laatste: 10-12-2008
Berichten: 20
28-5-2007 19:07
Hey,

hier zit volgens mij de fout in...

---------------

<td align="right" height="16" width="400" valign="top">
<p align="right">
<a rel="nofollow" href="../GBGhome2.htm" style="text-decoration: none">
<font size="2" face="Verdana">skip intro</font></a><font size="2" face="Verdana"><a rel="nofollow" href="../GBGhome2.htm" style="text-decoration: none" alt="enter GBG sound.be"> >>></a> </font></p>
</tr>

---------------

Greetz, Greg
SCX 700 - Robo 218 - Extreme 250
Dj marcoStandaard Lid
Uit: Nederland
Sinds: 14-11-2006
Laatste: 2-4-2011
Berichten: 42
28-5-2007 19:14

GBG Greg schreef:

Hey,

hier zit volgens mij de fout in...

---------------

<td align="right" height="16" width="400" valign="top">
<p align="right">
<a rel="nofollow" href="../GBGhome2.htm" style="text-decoration: none">
<font size="2" face="Verdana">skip intro</font></a><font size="2" face="Verdana"><a rel="nofollow" href="../GBGhome2.htm" style="text-decoration: none" alt="enter GBG sound.be"> >>></a> </font></p>
</td>
</tr>

---------------

Greetz, Greg
waarschijnlijk ben je er al door de </td> te plaatsen en zo dat stuk af te sluiten, verder als ik op je website kom opent zich een pop up...dat komt hoogst waarschijnlijk door dat webstat dingetje, ik zou er over na denken dat weg te halen als ik jou was... de gemiddelde internetter heeft hekel aan pop ups.. shut up :X wink ;)
Big bangVIP Lid
Uit: Nederland
Sinds: 4-11-2003
Laatste: 23-10-2026
Berichten: 2374
28-5-2007 19:22
Kijk eens naar google analytics. Geen pop-ups, afebeeldingkjes of wat dan ooit...
It's time to play the music, It's time to light the lights..
TimmioStandaard Lid
Uit: Nederland
Sinds: 13-2-2003
Laatste: 25-6-2008
Berichten: 19
31-5-2007 09:59
Afbeeldingen mag wel hoor ;), alleen afhankelijk van wat de bedoeling is van die afbeeldingen, pop-ups zijn idd een ramp.

Maarre even terugkomend op het probleem, gaat al eerder fout:
<tr> * opening van table row *
<td align="center" height="16" width="200" colspan="2"> * opening van table cell *
<div align="left">
<font face="Verdana" size="1"> © GBG - webdesign by GBG</font>
<!-- URL: -->
<!-- Title: GBG Sound -->
</div> * overbodig icm met volgende regel *
<div align="left"> * overbodig vanwege vorige regel *
<!-- URL: -->
</div> * overbodig icm met volgende regel *
<div align="left"> * overbodig vanwege vorige regel *
<script language="j@vascript" type="text/j@vascript" src="https://m1.webstats4u.com/m.js"></script>
</div> * blijf je nou bezig happy :), overbodig icm met volgende regel *
<div align="left"> * dus ook overbodig vanwege vorige regel *
<script language="j@vascript" type="text/j@vascript">
<!--
webstats4u("AD9RnQnBJ6s4DxRRHwtoPj_40OPw", 1);
// -->
</script>
</div>
<noscript>
<div align="left"> * kan ik moeilijk over doen, maar zou niet hoeven *
<div align="left"> * da's dubbel, zie vorige regel *
<a class="ext" rel="nofollow" href="https://www.webstats4u.com/stats?AD9RnQnBJ6s4DxRRHwtoPj_40OPw">
<img src="https://m1.webstats4u.com/n?id=AD9RnQnBJ6s4DxRRHwtoPj_40OPw" border="0" width="18" height="18">
</a><br>
<a class="ext" rel="nofollow" href="https://www.webstats4u.com/">Gratis teller</a>
</div> * kan ik dus ook moeilijk over doen, maar zou niet hoeven *
</div> * kan 1tje weg, zie vorige 2x div align *
</noscript>
<div align="left"> * whaaaaa. weg ermee *
<!-- End webstats4U code -->

</div> * whaaaaa. deze dan dus ook weg *

</div>
</tr> * oei, afsluiting table row, ZONDER afsluiting table cell, dat mag niet *

</td> * oei, afsluiting table cell, nu is een beetje laat *
<td align="right" height="16" width="400" valign="top"> * opening cell, maar er is geen row meer nu *

<p align="right">
<a rel="nofollow" href="../GBGhome2.htm" style="text-decoration: none">
<font size="2" face="Verdana">skip intro</font></a><font size="2" face="Verdana"><a rel="nofollow" href="../GBGhome2.htm" style="text-decoration: none" alt="enter GBG sound.be"> >>></a> </font></p>
</tr> * row afsluiten die er niet was, en waar is nu de cell afsluiting *
D'r zit nog wel wat meer dubbels in (/a enzo), Nu wil je natuurlijk de oplossing zoals ik hem denk, nou een poging dan (met wat opschoning), zie volgende post (hij's te lang..)
TimmioStandaard Lid
Uit: Nederland
Sinds: 13-2-2003
Laatste: 25-6-2008
Berichten: 19
31-5-2007 10:00
En dus verder de, voor zover ik zo kan zien, goede code:
<table width="fit screen" height="fit screen" CELLPADDING=0 CELLSPACING=0 style="border-collapse: collapse" bordercolor="#111111" align="left">
<tr>
<td align="center" height="180" width="fit screen" colspan="3">
 </td>
</tr>
<tr>
<td align="center" height="240" bgcolor="#201C2E" border="0" width="291">
<a rel="nofollow" href="../GBGhome2.htm">
<img border="0" src="intrologo%20copy.gif" width="291" height="240" alt="enter GBG sound.be"></a>
</td>
<td align="center" height="240" bgcolor="#201C2E" width="2000">
 </td>
<td align="center" height="240" bgcolor="#201C2E" width="603">
<embed width="320" height="240" src="../fotos/flash/intro.swf" align="right"><noembed>installeer Macromedia flash player</noembed><a rel="nofollow" href="../GBGhome2.htm">
</td>
</tr>

<tr>
<td align="left" height="16" width="200" colspan="2">
<font face="Verdana" size="1"> © GBG - webdesign by GBG</font>

<script language="j@vascript" type="text/j@vascript" src="https://m1.webstats4u.com/m.js"></script>
<script language="j@vascript" type="text/j@vascript">
<!--
webstats4u("AD9RnQnBJ6s4DxRRHwtoPj_40OPw", 1);
// -->
</script>

<noscript>
<a class="ext" rel="nofollow" href="https://www.webstats4u.com/stats?AD9RnQnBJ6s4DxRRHwtoPj_40OPw">
<img src="https://m1.webstats4u.com/n?id=AD9RnQnBJ6s4DxRRHwtoPj_40OPw" border="0" width="18" height="18">
</a><br>
<a class="ext" rel="nofollow" href="https://www.webstats4u.com/">Gratis teller</a>
</noscript>

<!-- End webstats4U code -->

</td>
<td align="right" height="16" width="400" valign="top">
<a rel="nofollow" href="../GBGhome2.htm" style="text-decoration: none">
<font size="2" face="Verdana">skip intro<a rel="nofollow" href="../GBGhome2.htm" style="text-decoration: none" alt="enter GBG sound.be">
>>>
</font>
</a>
</td>
</tr>

</table>
Da's je hele table in de body van je site, zit alleen even te twijfelen over de colspan of die goed is, lastig zien in kladblok op m'n werk ;).
RenevanhEx Lid
Uit: Nederland
Sinds: 20-9-2006
Laatste: 16-6-2008
Berichten: 526
31-5-2007 10:51
De code lijkt mooi, maar er zitten wat dingen in die niet mogen...
<table width="fit screen" height="fit screen" CELLPADDING=0 CELLSPACING=0 style="border-collapse: collapse" bordercolor="#111111" align="left">
Een table kan geen height hebben, dat is geen bestaand attribuut.
Overigens weet ik niet in hoeverre "fit screen" netjes werkt in alle browsers... "100%" is in ieder geval netter.

Daarnaast is bordercolor een niet bestaand attribuut (maar het werkt wel). Wil je het valide hebben, dan kun je ipv bordercolor="#111111" gebruik maken van inline CSS: style="border: 1px solid #11111;"
<td align="center" height="240" bgcolor="#201C2E" border="0" width="291">
Ook hier weer een validatieprobleem door een niet bestaand attribuut, border. Als je het valide wil hebben vervang je border="0" door: style="border: 0px"
<embed width="320" height="240" src="../fotos/flash/intro.swf" align="right"><noembed>installeer Macromedia flash player</noembed><a rel="nofollow" href="../GBGhome2.htm">
Flash... Het grote probleem in HTML4.01
Bij de meeste browsers werkt bovenstaande wel, bij andere weer niet. Daarnaast zijn er tientallen problemen te noemen (een daarvan is dat een IE gebruiker eerst op het Flash ding moet klikken om het te starten/gebruiken).
Als je het werkend wil hebben zonder enkel probleem in alle browsers, gebruik dan UFO
Een heel eenvoudig extern j@vascriptje lost al die nare problemen (inclusief validatie) in een klap op. Geniaal spul (en de rede dat ik een goed cijfer had voor een flash website... het werkte laugh :D

{EDIT}
Waarom wordt de 1ste A van j a v a een @??
{/EDIT}

René
JeroenVDVVIP Lid
Uit: Nederland
Sinds: 15-6-2004
Laatste: 6-2-2016
Berichten: 4296
31-5-2007 10:56

renevanh schreef:

{EDIT}
Waarom wordt de 1ste A van j a v a een @??
{/EDIT}

René
Zodat er geen klikklare-onveilige-of-andere-meuk-j@vascripts op 't forum staan. wink ;)
Light Image
ReindStandaard Lid
Uit: Nederland
Sinds: 5-11-2002
Laatste: 16-1-2012
Berichten: 3032
31-5-2007 23:27

renevanh schreef:

De code lijkt mooi, maar er zitten wat dingen in die niet mogen...
<table width="fit screen" height="fit screen" CELLPADDING=0 CELLSPACING=0 style="border-collapse: collapse" bordercolor="#111111" align="left">
Een table kan geen height hebben, dat is geen bestaand attribuut.
Overigens weet ik niet in hoeverre "fit screen" netjes werkt in alle browsers... "100%" is in ieder geval netter.
Dat niet alleen maar alles moet ook lowercase staan, uppercase mag officieel gezien niet volgens de W3C specs. Een TD mag je dan wel geen height mee geven, als je hem een ID mee geeft en die in je CSS een vaste hoogte mee geeft mag het weer wel. Beetje een kromme regel dus.
Rubix cube moeilijk? Probeer maar eens een universele logitech harmony afstandsbediening in te stellen!
GBG GregStandaard Lid
Uit: België
Sinds: 24-4-2006
Laatste: 10-12-2008
Berichten: 20
4-6-2007 00:00
Pfioewwww,

wegens examens en eindejaarswerkjes en al het bijkomende gez shut up :X ver, ben ik hier weer ff niet meer komen kijken. Ik zie dat jullie hard jullie best gedaan hebben! Euh, ik ga het allemaal eens fatsoenlijk bekijken na de examens, en dan laat ik het weten!

Alvast bedankt voor jullie hulp mannen happy :)

Greetz, Greg
SCX 700 - Robo 218 - Extreme 250
YourLiVeStandaard Lid
Uit: Nederland
Sinds: 19-5-2004
Laatste: 27-10-2021
Berichten: 1843
12-10-2007 09:17
Ik heb even een probleempje. De rubriekspagina's van mijn website worden een stuk lager uitgelijnd dan de andere pagina's. Dit is bijvoorbeeld een gewone pagina en dit is zo'n rubriekspagina. De pagina's zijn opgebouwd mbv tabellen en de rubriekspagina's bestaan uit behoorlijk wat rijen en cellen dus ik kan me voorstellen dat daar een probleem in zit... maar wat?
Meld je aan voor een gratis vermelding op geluid-en-licht.com
SgrovertStandaard Lid
Uit: Nederland
Sinds: 16-12-2002
Laatste: 12-3-2023
Berichten: 619
12-10-2007 10:06
In regel 74 lijkt iets fout te gaan met je tabel.
(zie : w3c)
Ik zou zeggen probeer eens de border van je tabel te tekenen. Vaak zie je dan waar het fout gaat.
Lost in Music
YourLiVeStandaard Lid
Uit: Nederland
Sinds: 19-5-2004
Laatste: 27-10-2021
Berichten: 1843
12-10-2007 10:33
Aha, ik heb de fout gevonden inderdaad... ik had een <br> codering gebruikt op een aparte regel, dus na de </td> van de vorige regel en voor de <td> van de volgende regel. Probleem opgelost, thanks!
Meld je aan voor een gratis vermelding op geluid-en-licht.com
YourLiVeStandaard Lid
Uit: Nederland
Sinds: 19-5-2004
Laatste: 27-10-2021
Berichten: 1843
30-10-2007 21:56
Nog even een vraagje over een andere website die ik momenteel aan het verbouwen ben. De site is w3c valide, maar ik maak gebruik van een j@vascript voor het menu en daarin wordt een "NAME" element gebruikt dat schijnbaar niet bestaat volgens w3c. Alles werkt bij mij wel, maar om problemen te voorkomen zou ik dit toch graag vervangen door een valide element. Wie kan me helpen?
Meld je aan voor een gratis vermelding op geluid-en-licht.com

Terug naar forum Reageer (zonder quote)