Vraagje aan de website specialisten

[Rudy Mas]

Re: Vraagje aan de website specialisten

Mijn website ziet er in zowel IE10 als Firefox20 identiek hetzelfde uit dus missie volbracht wat codes betreft.

Ja, Internet Explorer is er stukken beter op geworden. Vroeger moest je heel veel CSS trucjes uithalen om hetzelfde resultaat te behalen als in Firefox en Chrome.

Mijn nieuwe persoonlijke websites heb ik zelfs zo gemaakt dat als er een oude IE op bezoek komt, dat ze een boodschap krijgen dat ik enkel nog HTML5/CCS3 ondersteun. Ik geef ze dan de optie om een plug-in van Google te installeren zodat hun oude IE ook HTML5 kan gebruiken, of dat ze misschien naar Firefox of Chrome kunnen overschakelen.

Dat is natuurlijk iets dat je niet kunt doen met commerciële sites, maar daar ik niets hoef te verkopen, heb ik gewoon beslist om al die oude... Euhm... trucjes gewoon achterwege te laten en dadelijk de laatste nieuwe technieken toe te passen. En ondertussen leer ik ook weer iets bij. Ik heb het destijds nog allemaal geleerd in xHTML en CSS2 in samenwerking met PHP3 en nadien 4.

En ondertussen ben ik ook nog mijn PHP5 aan het bijschaven om volledig in OOP te werken. (En zo blijft een mens maar dingen leren. Komt er nog eens bij dat ik nog twee andere tijdrovende bezigheden heb, waaronder fotograferen. )

[Koeno]

Re: Vraagje aan de website specialisten

Ik gebruik het oeroude en klassieke Kladblok om mijn HTML aan te passen, uploaden gebeurd via FileZilla.

Nog een tip dan:

Gebruik genoeg lijnen en tabs om je code overzichtelijk te houden.
Het zal je helpen bij het sluiten/openen van tags.

zorg dat geopende tags en gesloten tags op dezelfde afstand staan,
geneste-tags geef je een extra tab.

Zo wordt je code een soort "trap" waar je duidelijk zit welke tag juist wat omvangt.

Kladblok is inderdaad oeroud en klassiek,
als je geen zwaar programma wilt, dan kan ik je zeker notepad++ aan raden.
gratis en geeft kleur aan je code (maakt alles nog maar eens overzichtelijk).

Mocht je nog vragen/problemen of hints willen: geef hier maar een schreeuw

[kirsten_dl]

Re: Vraagje aan de website specialisten

@ Koeno; alvast nogmaals bedankt voor alle hulp en tips, ik apprecieer zoiets enorm!

Jou tip over notepad++ was er eentje van goud, ik heb het meteen gedownload en het werkt zoveel vlotter en makkelijker.
Zeker door die lijntjes en cijfers is het veel overzichtelijker werken. Had ik dat rapper geweten zeg, ik zit al jaren te klooien met kladblok.

Door notepad++ te gebruiken kan je dus inderdaad veel makkelijker werken met de tags en codes die je nodig hebt, kortom een schitterend progje
en zeker een gouden tip geweest!

En ik heb nog een vraagje, zien jullie ook het verschil in beide browsers op mijn Biografie pagina?

pagina in IE10


pagina in FF20


ik zal alvast een hint geven; 't heeft te maken met bolletjes...

[filipo]

Re: Vraagje aan de website specialisten

Ja ik zie ook het verschil en ik zie in je code dit bvb staan :


<p><b>Camera's:</b> <ul></p>
<li>Pentax K10D <i>gripped</i></ul>

Wissel die 2 tags eens...

[Rudy Mas]

Re: Vraagje aan de website specialisten

Ja ik zie ook het verschil en ik zie in je code dit bvb staan :


<p><b>Camera's:</b> <ul></p>
<li>Pentax K10D <i>gripped</i></ul>

Wissel die 2 tags eens...

Had ik hier ook al eens geprobeerd, maar was niet de oplossing.

Ik zie net dat de center-tag, die ik zelf nooit meer gebruik, bij deze niet is afgesloten. Ik denk niet dat het afsluiten het probleem zal oplossen, maar je kan het altijd eens proberen. Ik zit nu echter aan mijn desktop PC en hier heb ik niets op geïnstalleerd om aan webontwerp te doen.

Maar ik meen mij te herinneren dat die center-tag een beetje buggy was en die wordt al een heel tijdje afgeraden om nog te gebruiken. Je kan hiervoor beter CSS gebruiken. (Is bij HTML5 zelfs nodig, want daar bestaat hij al helemaal niet meer.)

[filipo]

Re: Vraagje aan de website specialisten

Had ik hier ook al eens geprobeerd, maar was niet de oplossing.

Dat is gek, om een of andere reden kreeg ik de bullets daardoor op hun plaats... dat dacht ik toch, maar ik keek misschien in de verkeerde browser

Een oplossing is :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

vervangen door (een minder strikte) :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

maar... dat zal wel andere implicaties hebben voor de lay-out.... !

Je hebt trouwens 2x de <html> tag in je code
en er staan html tags (<a>, <h2>, ...) binnen de <head> </head>. Dat kan niet, daar mogen enkel de volgende tags in voorkomen ( http://www.w3schools.com/tags/tag_head.asp ) :

<title> (this element is required in the head section)
<style>
<base>
<link>
<meta>
<script>
<noscript>


Ik wil je niet ontmoedigen maar als je eens een validator op je pagina loslaat ( http://validator.w3.org/ ) zal je merken dat er wel nog wat aan de code hapert.
Veel tags blijken niet gesloten te worden of staan niet helemaal in de juiste volgorde. Je kan pas een tag sluiten als alle tussenliggende al afgesloten zijn.
dus <p><ul><li></li><li></li></ul></p> is ok maar een mix kan niet.
Alle openstaande deuren moeten eerst in omgekeerde volgorde dichtgedaan worden.

[kirsten_dl]

Re: Vraagje aan de website specialisten

Had ik hier ook al eens geprobeerd, maar was niet de oplossing.

Ik zie net dat de center-tag, die ik zelf nooit meer gebruik, bij deze niet is afgesloten. Ik denk niet dat het afsluiten het probleem zal oplossen, maar je kan het altijd eens proberen. Ik zit nu echter aan mijn desktop PC en hier heb ik niets op geïnstalleerd om aan webontwerp te doen.

Maar ik meen mij te herinneren dat die center-tag een beetje buggy was en die wordt al een heel tijdje afgeraden om nog te gebruiken. Je kan hiervoor beter CSS gebruiken. (Is bij HTML5 zelfs nodig, want daar bestaat hij al helemaal niet meer.)

Zo, ik heb net de center-tag gesloten en nu zijn die bolletjes helemaal links van de pagina helemaal verdwenen in mijn IE browser.

CSS, lijkt allemaal alsof het zo eenvoudig is maar ik heb daar helaas geen kaas van gegeten. Wat ik wel kan doen is een test pagina aanmaken en zien wat het geeft,
zo verpruts ik niet meteen een hele pagina op mijn bestaande webstek.

Dat is gek, om een of andere reden kreeg ik de bullets daardoor op hun plaats... dat dacht ik toch, maar ik keek misschien in de verkeerde browser

Een oplossing is :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

vervangen door (een minder strikte) :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

maar... dat zal wel andere implicaties hebben voor de lay-out.... !

Je hebt trouwens 2x de <html> tag in je code
en er staan html tags (<a>, <h2>, ...) binnen de <head> </head>. Dat kan niet, daar mogen enkel de volgende tags in voorkomen ( http://www.w3schools.com/tags/tag_head.asp ) :

<title> (this element is required in the head section)
<style>
<base>
<link>
<meta>
<script>
<noscript>


Ik wil je niet ontmoedigen maar als je eens een validator op je pagina loslaat ( http://validator.w3.org/ ) zal je merken dat er wel nog wat aan de code hapert.
Veel tags blijken niet gesloten te worden of staan niet helemaal in de juiste volgorde. Je kan pas een tag sluiten als alle tussenliggende al afgesloten zijn.
dus <p><ul><li></li><li></li></ul></p> is ok maar een mix kan niet.
Alle openstaande deuren moeten eerst in omgekeerde volgorde dichtgedaan worden.

Oké, heb reeds het één en ander aangepast zoals jij hebt aangegeven op die ene pagina, de andere pagina's pas ik straks aan.

Is zeker geen ontmoediging maar eerder een aanmoediging, zo weet ik tenminste waar er deftige fouten zitten en hoe ik deze dan aanpassen/veranderen en verbeteren.
Zoals eerder geschreven is alle hulp meer dan welkom; ik kan jullie hiervoor niet genoeg bedanken!

Wanneer ik een leuke webpagina tegenkom dan kijk ik meestal naar de paginabron en denk ik bij mezelf; "wat staat daar allemaal op" maar blijkbaar hebben al deze codes toch wel een
bedoeling, ze staan daar niet zomaar te staan en hebben stuk voor stuk hun nut.

Er is dus nog veel werk aan de winkel op mijn webstek maar beetje bij beetje komt het allemaal, mede dankzij jullie deskundig advies, dik in orde.

[filipo]

Re: Vraagje aan de website specialisten

That's the spirit !

Misschien nog een tip : als je in Firefox 20 naar de Paginabron kijkt, worden foutieve tags in het rood aangeduid.
Zo zie je bvb dat op de biografiepagina je ook 2x <body> hebt, dat kan niet.
En de nieuwe </center> tag moet eigenlijk na de </div> staan.

Structuur is steeds :
<!DOCTYPE blabla >
<HTML>
<HEAD>
<title>...</title>
..... (beperkt aantal mogelijke tags)
</HEAD>
<BODY>
....
</BODY>
</HTML>

en op de puntjes sluit je gebruikte tags steeds in omgekeerde volgorde terug af. Meer dan dat is het eigenlijk niet
Ik weet het : er bestaan tags die je niet noodzakelijk hoeft af te sluiten... maar dat zou ons te ver leiden.

Ken je deze ? http://www.w3schools.com/html/default.asp
Eenmaal dat onder de knie, dan is er : http://www.w3schools.com/css/default.asp

[kirsten_dl]

Re: Vraagje aan de website specialisten

Al een tijdje niets meer gepost in dit draadje en buiten enkele updates heb ik niet veel kunnen doen aan mijn website wegens tijdgebrek.

Ik ga er nu opnieuw aanvliegen want 'k wil graag enkele veranderingen doorvoeren, ik ben op zoek naar een manier waarop ik menu's kan creëren
zoals op deze website. (klik op Galleries en dan zie je een dropdownmenu verschijnen).
Iemand enig idee hoe je zoiets toevoegt ?

Alvast bedankt !

[anonymous]

Re: Vraagje aan de website specialisten

JQuery.

http://jquery.com/

Heel wat demootjes en tutorials:

http://streetsmash.com/jquery-drop-down-menu/

[kirsten_dl]

Re: Vraagje aan de website specialisten

JQuery.

http://jquery.com/

Heel wat demootjes en tutorials:
http://streetsmash.com/jquery-drop-down-menu/

Prachtig !! Bedankt voor het snelle antwoord en zeer nuttige link !

Ik ga het morgen zeker bekijken, nu is het stilaan bedtijd.