Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Het niet scrollen van de web-site

None
4 antwoorden
  • Goedemiddag,

    Ik heb als beginneling een web-site gemaakt met dw4 en ben wel benieuwd naar de opinie van de experts en heb gezien dat de site niet kan scrollen. (bij sommige wel andere niet) iemand enig idee hoe dat kan??

    www.dekikkers.nl
  • Bij mij hoeft er nergens gescrolled te worden.
    Ik heb een beeldresolutie van 1680x1050 en alles past op het scherm.

    om een div te laten scrollen als dat nodig is,
    gebruik je [code:1:364ed116ae]overflow: auto;[/code:1:364ed116ae] in je css-code.

    ik gebruik trouwens FireFox 3.6.10
  • Je geeft zelf al aan dat je een beginneling bent, dus zal ik de website ook zo beoordelen.
    Voor een beginneling heb je aardig wat werk verzet :-) Volgens mij is het allemaal platte HTML en heb je dus hetzelfde menu en headertje overal opnieuw in moeten plakken.

    Wat betreft dat scrollen, dat is inderdaad waarschijnlijk ergens een CSS kwestie, waar een overflow op "hide" staat. PepijnG geeft het ook al aan. (Dit kan overigens ook buiten de stijlregels om, in de javascript zitten). Maar aangezien de code van de website zo'n dikke ondoorzichtige soep is, is het bijna onmogelijk om de boosdoener er uit te vissen. Dat is verder geen verwijt, maar helaas het nadeel van het gebruik van WYSIWYG editors, je schrijft zelf de code niet.

    Ik zag dat de validator wat problemen met je CSS had, dus wellicht valt daar wat te vinden: http://fwurl.nl/Z9bq

    Verder overzichtelijke navigatie, je hoeft nooit lang te zoeken.
    Duidelijke kleuren, alles is goed te lezen en je ziet dat iemand er echt zijn best op heeft gedaan. (al vind ik de achtergrond van de hoofdkolom wel heel erg zwart)

    Nog wat losse tips:
    Borders rond linkjes laten verschijnen tijdens een hover ziet er erg amateuristisch uit. Mooier is de verandering bij de kleur of de onderlijning te houden, en dan liefst een beetje subtiel.

    Hetzelfde geldt voor de achtergronden van b.v. de mail adressen van de organisatie

    Probeer het horizontale hoofdmenu bovenin even breed te houden als de rest van de pagina. Ik begrijp dat je eventueel niet weet hoe je de knopjes breder of smaller moet maken, maar maak dan een achtergrond die dezelfde achtergrond heeft als de knopjes en vul het links en rechts op met die achtergrond.

    Definieer de bullets van je lists eens anders dan die eeuwige bolletjes. Dit kan in je stijlregels, bijvoorbeeld:
    ul { list-style-type: square; }

    Op de 'organisatie' pagina, probeer onderscheid te maken tussen labels en data:
    Voorzitter: Jannetta van Zwol-van de Pol
    Als je het label (hier 'voorzitter') in een <span style="font-weight: bold; color: #ddd;">voorzitter</span> tag zet, dan ziet het er al heel anders uit.
    (nog veel beter is <span class="label">voorzitter</span> en dan .label in je stijlregels te definieren)

    Tenslotte een laatste tip. Ik zie dat je enorm veel ruimte gebruikt om borders te definieren in je stijlregels, terwijl dat veel korter kan.

    Voorbeeld:
    [code:1:879211c419]
    #apDiv4 {
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #600;
    border-right-color: #600;
    border-bottom-color: #600;
    border-left-color: #600;
    }

    [/code:1:879211c419]
    doet precies hetzelfde als
    [code:1:879211c419]
    #apDiv4 {
    border: thin #600 solid;
    }
    [/code:1:879211c419]

    En verder heel veel sterkte met het beheren van deze website, want er zit zo te zien nogal wat werk aan ;-) (overweeg de volgende keer een CMS)
  • Bedankt voor het bekijken van de site, en zeer bedankt voor het commentaar. hier kan ik wat mee.
    De pagina's zijn gemaakt uit een sjabloon en dus niet een voor een gemaakt.
    De borders rond de linkjes zijn overal hetzelfde en aangepast aan de links
    van het menu aan de linkerkant, maar ziet er niet uit op de rest van de pagina's (ga ik wat aan doen).
    Het hoofdmenu is gemaakt met sothink en kan ik dus breder maken.
    De bolletjes ga ik ook induiken.

    Nogmaals bedankt voor de info.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.