Problemen met Website

Status
Niet open voor verdere reacties.
Rubensky

Rubensky

Forumleiding
Hoofdbeheerder
Lid geworden
20 nov 2012
Berichten
356
Mensen,

Ik heb een website aan het maken (www.geertrui-tweewielers.nl) en hier heb ik een aantal problemen mee: als ik de website in Internet explorer open dan komen de uitschuifmenu's niet naar benden alleen als ik dit stuk script toevoeg <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>menu-test 2 :: Geetrui de Boom</title>
<!-- alleen voor deze testpagina --><meta name="robots" content="noindex, nofollow" />

Komen de menu's naar benden. Dus ik heb dat stuk script nu toegevoegd maar nu heb ik tussen de banner en de menubalk een klein leeg vlakje en ook tussen de verschillende kopjes in de unitschuifmenu's. In de script kan ik niet vinden.

en de plaatjes in de footer worden niet weergegeven. (in chome en firefox werkt alles goed behalve het witte vlak.)

Hier kunnen jullie de code downloaden. https://hotfile.com/dl/213575242/fb...le.com/dl/213575242/fb75d22/Website3.rar.html
 
Beste Rubensky1995

Ben jij zelf van die tweewieler-winkel?
Of ben je een website-bouwer?

Ik heb wel wat tips over de site
maar het maakt nogal wat uit of je iets uitlegt aan een fietsen-man
of aan iemand die iets van websites weet.
 
Wat mis je? Wat klopt er niet aan de structuur? (kan je in je antwoorden iets duidelijker proberen te zijn?)
 
1. header zit niet in een div tag.
2. je navigatie heeft geen hoogte en breedte, dus als ik me browser verklein ziet het er niet meer uit.
3. ik denk dat dit een van je eerste website is dat je bouwt?
4. hier wordt alles duidelijk uitgelegd http://www.html-site.nl/beginner5.php
5. als het niet lukt add me op skype total702 dan kan ik je beter helpen :D
 
Rubensky1995,

Je maakt een hele reeks fouten en missers.

De belangrijkste fouten:
  1. Je maakt geen gebruik van een (goede) doctype. Op de enige pagina waar je wel een doctype gebruikt, kies je voor Xhtml strict; en dan gebruik je hoofdletters in je tags.
  2. Je begint je htmlcode niet met <html>
  3. Behalve op de home-page, gebruik je nergens een <head>-sectie. Dat wil zeggen: je hebt wel overal een embedded stylesheet met daarachter een sluittag </head>, maar dat kunnen we niet als een goede <head>-sectie beschouwen. Het moet beginnen met <head> en je hoort op zijn minste een title-element in je head-sectie te hebben.
  4. Je gebruikt op een pagina dezelfde "id" twee keer.


Overige fouten:
  • Je gebruikt consequent de verkeerde nesting. Voorbeeld: <h2><b>Fietsverzekering</h2></b> moet zijn: <h2><b>Fietsverzekering</b></h2>
  • Je maakt typfouten in html-termen, zoals bijvoorbeeld &nbsp dat moet zijn &nbsp; anders betekent het niks.
  • Veel taal-fouten (spelling, stijl):
    • op uw fiet.
    • uitstekende prijs / kwaliteitsverhouding
    • Het overzicht wordt wekelijks geüpdatet.
    • elekterische fietsen
    • Breken uw premie
    • kinder fietsen
    • Welkom op de pagina van de koninklijke Gazelle
    • Onze hartenkreet is
    • Groot lente voordeel
  • Verkeerde image-extensie waardoor plaatje niet getoond wordt.

Nu zijn taalfouten niet zo belangrijk voor het goed tonen van de pagina,
maar het leest vervelend en het geeft een verschrikkelijk slechte indruk op een commerciële website.

De volgende zaken zijn technisch gesproken misschien niet echt fout, maat het zijn wel missers en onvolkomenheden:
  • De volgorde van het 'hoofdmenu' is niet logisch en zeker niet gebruikelijk. Vanuit commercieel oogpunt zouden de onderdelen nieuws en aanbiedingen vooraan horen te staan (en dan ook echt inhoud hebben) en zaken als "over ons" en "contact" mogen achteraan.
  • De foto op de voorpagina is niet scherp en te groot (lees: niet voldoende ingezoomd)
  • Een belangrijke SEO-fout: de naam van de onderneming als afbeelding gebruiken en niet als tekst. Wat je zou moeten doen: <h1>Geertrui de Boom, tweewielers</h1>, met eventueel een background-image. Een neutraal plaatje zodat het niet afleidt of de tekst onleesbaar maakt.
  • De teksten op de pagina's staan over de hele breedte van de pagina; dat leest niet prettig. Uitgelijnd in het midden is ook niet prettig leesbaar.
  • Teksten horen in een html-element: <hx>, <p>, <ul> of <ol>. Dat geeft structuur aan de content, het leest prettig en je kunt ze daarmee ook met CSS een (mooiere/betere) stijl geven.
  • Op de aanbiedingen pagina heb je vier fotootjes zonder enige tekst.

Wat je onderaan elke pagina doet, met die afbeeldingen van fietsenmerken, en daaraan gelinkt de merk-pagina's,
dat kan allemaal veel simpeler.
Je hebt daar geen tabel nodig in een div en ook niet al die &nbsp;'s op een rij.
Met vijf images op een rijtje in een <p> en een paar regels css, kun je dat prima vormgeven en uitlijnen.


Wanneer je met een website bezig bent, is het voorstelbaar dat van de content niet alles direct helemaal goed staat,
Taalfouten hoeven niet voor te komen maar kunnen in de haast ontstaan of over het hoofd gezien worden.
Maar foute html of zelfs ontbrekende <head>-secties horen in geen enkele fase voor te komen.


Validatie
Bij het bouwen van een website, zou je zo nu en dan eens de html moeten laten valideren door de validatie-tool van W3C.
Dat gaat echter alleen goed als je een geldige doctype gebruikt.
Voorbeeld met gebruik van jouw homepage
Dan worden je fouten gesignaleerd en afgedrukt en dan kun je van daaruit beginnen met verbeteren.

Leren
Ik zou je de tip willen geven om je toch eens meer te verdiepen in HTML en CSS.
 
Laatst bewerkt:
OK, ik begrijp wat je bedoelt.

Maar ik ga even pietluttig zijn, ook ten behoeve van Rubensky1995:

Je zegt: ...zit niet in een div tag...
maar hij zit natuurlijk wel in een div, namelijk in de div die wrapper heet.

Ik vermoed dat jij zoiets zou willen zien:
HTML: 
<div id="wrapper">
   <div id="header">
   <img .....>
   </div>

Maar:
Een header hoeft niet per sé in een div.
De volgende constructie zou volkomen geldig zijn:
HTML: 
<body>
<h1>Dit is de header-tekst bijvoorbeeld de naam van het bedrijf. <img src="/images/bedrijfslogo.png"></h1>


Om te stylen zou je nog wat kunnen toevoegen:
HTML: 
<h1><span class="headertekst">Dit is de header-tekst bijvoorbeeld de naam van het bedrijf.</span><span class="headerafbeelding><img src="/images/bedrijfslogo.png"><span></h1>

Je hebt niet per se altijd een div nodig om structuur aan te brengen
en ook niet om te stylen of om iets een positie te geven.
 
Mensen ik krijg hier zeer veel bruikbare tips! Dank daarvoor maar mijn vraag is alleen maar hoe los ik het probleem op dat mijn menubalk los komt van mijn banner als dit* word toegevoegd?

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

(Die regels voeg ik toe omdat anders de uitschuif menu's niet werken in internet explorer.)
 
Hi,

Ik heb even gekeken en dat is omdat je Strict gebruikt in plaats van Transitional.
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
Thanks dat moest ik weten! aan de andere dingen word nog gewerkt! Zal goed naar je verhaal kijken!
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan