[Centraal] Webdesign (HTML/CSS) & sitechecks

[pc nerd]

ik zou graag tipsen commentaar willen horen voor mijn site in aanbouw.

Hij staat nu tijdelijk hier:
http://pcfreaks.atspace.com

[Pruttelpot]

pc nerd schreef op 07-06-2006 @ 19:18 :
ik zou graag tipsen commentaar willen horen voor mijn site in aanbouw.

Hij staat nu tijdelijk hier:
http://pcfreaks.atspace.com

Vooral simpel, voor mij is dat van essentieel belang en vind ik zulke sites prettig leesbaar. Maar apart, mooi of uniek is het zeker niet.

[pc nerd]

Ja hij is inderdaad niet orgineel ofzo.

Ik wil wel er nog wel een mooie orginele kop voor maken.


En de lettertype van het menu vind ik ook niet echt mooi

[pc nerd]

nu heb ik er dus een nieuwe kop opgezet.

Maar nu moet ik dus de andere kleuren ook aanpassen van de site.

Heeft iemand suggesties voor de kleuren van het menu enzo?


edit: kleuren zijn aangepast, alleen nog nieuw menu.

[marco_nogwat]

pc nerd schreef op 07-06-2006 @ 20:30 :
nu heb ik er dus een nieuwe kop opgezet.

Maar nu moet ik dus de andere kleuren ook aanpassen van de site.

Heeft iemand suggesties voor de kleuren van het menu enzo?


edit: kleuren zijn aangepast, alleen nog nieuw menu.

ik zou de kleuren van het menu iig iets lichter -> blauw of wit maken

[Pruttelpot]

Stuk beter zo iig.

[namnatulco]

@pc nerd
misschien moet je het menu tot het eind laten doorlopen, dat ziet er beter uit
btw, klopt het dat alle schermpjes nog leeg zijn

[hitchhiker007]

Ik zou ook graag reacties krijgen en tips voor mn site: www.f-team.nl

[marco_nogwat]

hitchhiker007 schreef op 13-06-2006 @ 13:26 :
Ik zou ook graag reacties krijgen en tips voor mn site: www.f-team.nl

ik zou de kleur van het menu links veranderen.. ik vind dat groen niets.., en in FF staat er een heel stuk open tussen de banner en content?

[DxpZ]

pc nerd schreef op 07-06-2006 @ 19:18 :
ik zou graag tipsen commentaar willen horen voor mijn site in aanbouw.

Hij staat nu tijdelijk hier:
http://pcfreaks.atspace.com

ja ziet er goed uit.

- rustig
- strak
- overzichtelijk

[Earphone]

hitchhiker007 schreef op 13-06-2006 @ 13:26 :
Ik zou ook graag reacties krijgen en tips voor mn site: www.f-team.nl

Nogal donker en inderdaad, dat groen veranderen.

[Nijpjes]

Als ik deze code gewoon tussen de HTML zet, uiteraard tussen <script> tags dan werkt ie prima:

if (top != self) top.document.title = document.title;

Als ik hetzelfde scriptje vervolgens in een external javascript bestandje zet doet ie het niet meer. Ben n00big wat javascript betreft, dus volgens mij is de oplossing heel makkelijk...

[Warsocket]

SiteCheck: http://ft.softblast.nl
Gaag nog tips over het design en de gebruikersvriendelijkheid van de site. En andere tips zijn ook welkom

BVD

[Bloemkoolsaus]

Nijpjes schreef op 23-06-2006 @ 17:44 :
Als ik deze code gewoon tussen de HTML zet, uiteraard tussen <script> tags dan werkt ie prima:

if (top != self) top.document.title = document.title;

Als ik hetzelfde scriptje vervolgens in een external javascript bestandje zet doet ie het niet meer. Ben n00big wat javascript betreft, dus volgens mij is de oplossing heel makkelijk...

Hoe roep je em aan?
Ben ook geen expert in javascript maar lijkt me dat je er dan eerst ff een functie van moet maken en die aanroepen
http://www.w3schools.com/js/js_functions.asp

[Nijpjes]

Bloemkoolsaus schreef op 23-06-2006 @ 18:11 :
Hoe roep je em aan?
Ben ook geen expert in javascript maar lijkt me dat je er dan eerst ff een functie van moet maken en die aanroepen
http://www.w3schools.com/js/js_functions.asp

Bedankt, maar het werkt niet.
Heb er dit van gemaakt:

//Title Changer
function titlechanger()
{
  if (top != self) top.document.title = document.title;
}
// End

Edit: ja, toch gelukt. Heb de functie aangeroepen .

[namnatulco]

Warsocket schreef op 23-06-2006 @ 17:55 :
SiteCheck: http://ft.softblast.nl
Gaag nog tips over het design en de gebruikersvriendelijkheid van de site. En andere tips zijn ook welkom

BVD

+overzichtelijk
+duidelijk
+simpel
Misschien moet je ook een nederlandse versie maken, een .nl domein zonder nederlands staat zo raar

Warsocket schreef op 23-06-2006 @ 17:55 :
SiteCheck: http://ft.softblast.nl
Gaag nog tips over het design en de gebruikersvriendelijkheid van de site. En andere tips zijn ook welkom

BVD

Edit: Sorry, zal wat aardiger zijn.

1. Gebruik geen Times New Roman (schreef) lettertype, maar ééntje zonder schreef. Leest aanzienlijk prettiger.
2. Frames zorgen ervoor dat je geen pagina's kan bookmarken en niet kan linken naar specifieke pagina's.
3. Home moet bovenaan.
4. Neem een 'about us' en 'contact' afdeling op.
5. onFocus is geen CSS pseudo class
6. "Easier"
7. Ontwerp is niet 'liquid', ik kijk met een breedbeeldmonitor en de site gebruikt maar 50% van het scherm
8. Het nut van de icoontjes bij Applications afdeling is onduidelijk
9. Tutorials bieden geen table of contents.
10. Voeg een logo of op z'n minst bedrijfsnaam toe op een consistente plaats.

********** schreef op 31-05-2006 @ 10:28 :
Ik zoek naar een on-the-fly javascript onclick toevoeger zeg maar.

Dat je een link hebt als:
<a href="http://google.com">Google</a>

Maar dat via javascript er een soort onclick word toegevoegd:
<a href="http://google.com" onclick="func(href)">Google</a>

Maar dit is dan niet zichtbaar, iemand een idee hoe?

NEEN!

Gij zult uw events niet inline specificeren! http://www.google.nl/search?q=addevent

[marco_nogwat]

hmm
een aantal mensen zeggen dat ze popups krijgen van mijn cuddlycats.net site , terwijl ik nog zo aangevinkt heb geen popups te krijgen bij die ads , ik krijg ze zelf niet, maar krijgen jullie ze ook? zo ja, dan gooi ik die stomme ads er wel af

marco_nogwat schreef op 27-06-2006 @ 19:40 :
hmm
een aantal mensen zeggen dat ze popups krijgen van mijn cuddlycats.net site , terwijl ik nog zo aangevinkt heb geen popups te krijgen bij die ads , ik krijg ze zelf niet, maar krijgen jullie ze ook? zo ja, dan gooi ik die stomme ads er wel af

welke browser gebruik je?

[marco_nogwat]

In-Flames schreef op 27-06-2006 @ 20:26 :
welke browser gebruik je?

firefox
die blokt automatisch
maar met IE laat ie er bij mij ook geen zien

[DJ Inpossible]

Het komt door dat stomme netstat tellertje. Probeer er zelf eentje te maken/vinden m.b.v. google en PHP

[Martine1986]

Warsocket schreef op 23-06-2006 @ 17:55 :
SiteCheck: http://ft.softblast.nl
Gaag nog tips over het design en de gebruikersvriendelijkheid van de site. En andere tips zijn ook welkom

BVD

Dat engels is wel heel erg, ik zou het als ik jou (jullie?) was maar gewoon op nederlands houden.

[timajax]

Als je een site ontwerpt met Photoshop en ImageReady worden het geen frame's maar tabellen. Hoe kan ik van die tabellen nu frames maken? Bijvoorbeeld in Dreamweaver?

Hallo,

Ik ben momenteel bezig met het uitlijnen van een webpagina met CSS. Ik heb nog niet veel ervaring met deze methode.

Als alles het eenmaal goed doet in Firefox is er nog een probleem met Internet Explorer. Wat er gebeurt, is dat het blauwe blok onder selector "navbar" een klein stukje inspringt. Het vreemde is dat als ik de declaratie "height" verwijder, het probleem niet meer zichtbaar is.

Bekijk de pagina

Ik hoop dat er iemand is die weet waarom dit probleem zich voordoet en er vooral een oplossing voor weet .

Alvast bedankt

[Kingofthemall]

Hellow mensen!

Heb ff een vraagje, op google kon ik het niet vinden omdat ik geen resultaten krijg met mijn keywords.

Wat is het probleem: Ik heb invulvelden van een formulier in HTML, waarin ik een vooraf ingestelde waarde heb gedaan. (Te zien bij 'value':

<input class="loginveld" type="text" name="username" size="11" maxlength="10" value="Gebruikersnaam">

Nu staat "Gebruikersnaam" al in het invulveld als iemand op de pagina komt. Nu wil ik alleen dat als iemand erop klikt, dat het dan weggaat, dat heb ik wel eens gezien op websites en dacht al dat dat standaard was als ik bij 'value' iets zou invullen.

Ik denk dat het iets is dat je moet weten, maar ik weet het nog niet Wie kan het me vertellen?

Thnx

[Oxygenium]

Dat doe je met een javascript. In sommige browsers werkt dit echter niet omdat het geblokkeerd wordt.

[dafelix]

niet persee geblokkeerd, danwel gewoonweg niet ondersteund

nevertheless-aldanniettemin: javascript gebruiken (hint: onclick en value = "")

[Kingofthemall]

dafelix schreef op 23-07-2006 @ 00:07 :
niet persee geblokkeerd, danwel gewoonweg niet ondersteund

nevertheless-aldanniettemin: javascript gebruiken (hint: onclick en value = "")

thnx, ik zal t ff opzoeken

[Kingofthemall]

Kingofthemall schreef op 23-07-2006 @ 20:07 :
thnx, ik zal t ff opzoeken

and succeeded I did

[Kingofthemall]

Nog een vraag, ik dacht dat ik er wel uit zou komen maar dat is dus niet het geval. En dat komt door het volgende:

Ik ben mijn CSS en HTML aan het validaten door de W3C. Nu is de CSS helemaal goed, maar heb ik problemen met de HTML goed te krijgen door een embedded flash.
Stukje code van het flashbestand :

<param name="quality" value="high">

en ik krijg telkes deze meldingen:
there is no attribute "SRC".
there is no attribute "QUALITY ".
there is no attribute "PLUGINSPAGE".
there is no attribute "TYPE".
there is no attribute "WIDTH".
there is no attribute "HEIGHT".
element "EMBED" undefined.


Nu is mijn vraag hoe ik dit kan verhelpen. De validator gaat al de attributes van het flashding af omdat hij ze niet kent.

Heb ik iets foutgedaan?

[Jordi]

Je hebt niet echt iets fout gedaan. Die validatiedingen zijn gewoon irritant af en toe. Volgens mij is er wel een manier om het " valid" te doen, maar het is geloof ik erg omslachtig en ik weet ook niet meer hoe het moest. Ik zal wel even zoeken.

Hmm, het valt wel mee met die omslachtigheid:
http://www.gigadesign.be/2006/05/valid-xhtml-met-flash/

[Kingofthemall]

Thnx Jordi! Hier heb ik wel wat aan denk ik, ga t meteen proberen

edit: ik heb nog een probleempje met de afmetingen van het flashbestand, maar heel erg bedankt, mijn webpagina is nu valid

[nicojr]

Beste mensen,

Ik heb een CSS/HTML (XHTML) probleem op de website die ik aan het bouwen ben, en het is me nog niet gelukt om die te verhelpen. Ik programmeer altijd zo dat alles voldoet aan de W3C standaarden, zowel de style sheets als de pagina's. Wanneer je mijn site (http://www.nicozwemstra.nl/test) bekijkt in Firefox zie je hoe die zou moeten zijn, terwijl als je het in Internet Explorer bekijkt je een witbalkje ziet onder de paginatitel in de content_main cell. Ik zoek iemand die thuis is in CSS en even mijn stylesheet (http://www.nicozwemstra.nl/test/style.css) en pagina kan bekijken, en misschien mij zou kunnen helpen met dit probleem. Voor de duidelijk, ik heb voorlopig absolute afmetingen van de cellen gebruikt, dus zoiets zou niet mogen voorkomen.

Alvast bedankt!
Nico

[Destralak]

Hoi,

Ik ben bezig met een remake van mijn online game, Dun3 .

Er zijn 4 'houses' in Dun3: Atreides, Ordos, Harkonnen en Corrino. Je kunt als speler één van deze 'houses' kiezen. De achtergrond verandert respectievelijk ook naar deze keuze.

Wat vinden jullie van elke layout en de achtergrond ervan? Corrino is niet echt belangrijk, aangezien alleen de admins Corrino zijn

Atreides: http://test.dun3.nl/?p=h&house=atreides
Ordos: http://test.dun3.nl/?p=h&house=ordos
Harkonnen: http://test.dun3.nl/?p=h&house=harkonnen

En voor de fanaten: Ja, ik ben bezig met een online text-based MMORPG die afgeleid is van het populaire en oeroude spel Dune 2000

[ybadeendje]

hey,

iemand anders heeft me gevraagd een pokemon site te maken(geen commentaar) hij beloont dus ik doe dat wel.
klik voor de site maar blijkbaar iedereen ziet dit anders, bij mij bijvoorbeeld staat het zo:





ik weet niet of jullie dit anders zien? zeg dit dan even wanneer jullie dit anders zien dan dat ik het zie(vergelijk met m'n afbeelding die ik gepost heb)(of plaats een screen ook)

en weet iemand ook hoe ik dit kan oplossen zodat iedereen het ziet zoals ik het zie.

bedankt badeendje

[freyk]

Als je eens met een aantal algemene "standaarden" gaat werken, bv standaard schermresolutie (1024x768), w3c (zie hier de uitkomst) , enz.

[ybadeendje]

ok bedankt,

ik zie alle uitkomsten, maar als je met html werkt en hij ziet dit als een fout:

''</html>''

hoe kan je dan nog een site maken?

en mijn beeldinstelingen staan gewoon op 1024 * 768 pixels,
dus wat moet ik dan veranderen aan mijn script?

[BarbapapaX]

Het zal wss niet de oorzaak van je probleem zijn, maar ik zie dat je met IE7 werkt. Mssn kan je beter met een browser zoals firefox werken op de momenten dat je met je site bezig bent.

[ybadeendje]

oke bedankt, ik ben gaan kijken via firefox, maar daar zie ik precies hetzelfde als hoe ik het via IE zag, zou je een screen kunnen plaatsen hoe jij het ziet?
en zou het er ook aan liggen dat mijn beeldinstellingen niet hoger kunnen dan 1024*768 pixels en dat ik een 15'' scherm heb(optiquest Q51, behoorlijk oud)


,trouwens hoe kwam je daarachter dat ik IE 7.0 gebruik? want mijn ip-adres staat niet voor je weergeven voor zover ik weet. of hoe doe je dat?

[BarbapapaX]

trouwens hoe kwam je daarachter dat ik IE 7.0 gebruik? want mijn ip-adres staat niet voor je weergeven voor zover ik weet. of hoe doe je dat?

Je screenshot verraad je

Dit is hoe je site er bij mij uitziet:

[BarbapapaX]

Ik heb ff je site wat beter bekeken en de reden waarom het er zo anders uitziet komt door het volgende:
-Je gebruikt je hele layout als achtergrond. omdat bij resoluties van 1280x1048 je achtergrond kleiner is dan de browser wordt je achtergrond herhaald.
- De 5 afbeeldingen zijn niet echt goed gepositioneerd. Zo is voor het logo alleen <center> gebruikt en voor de headerafbeeldingen van de kolommen eigenlijk helemaal geen nauwkeurige positionering .

Dit is allemaal vrij makkelijk op te lossen als je wat css kent en met divs zal werken. Als ik zo je site zie ken je nog geen css en weet je niet wat divs zijn, een handige plaats om daarmee beginnen is hier :
http://www.handleidinghtml.nl/

[ybadeendje]

oke harstikke bedankt, ik ga zeker eens wat proberen css te leren.

[Mr.Hypert€xt]

Maak eerst eens een css box met daarin wat containers, dat geeft ook veel meer opties dan tables.

Je kan ook het beste een layout maken in photoshop, en dan denken van: "owk, dit is de header, dit is het menu, dit de contentarea, dit de footer" Als je die stuken sliced kan je ze makkelijk in een tabel zetten. Dan hoef je in principe alleen nog wat php in die content te zetten om al een basis te hebben.

check eens hoe een site als deze qua layout is opgebouwd:

http://www.rutgerleertstappen.nl/
http://www.rutgerleertstappen.nl/wp-.../kubrickbg.jpg
http://www.rutgerleertstappen.nl/wp-...rickfooter.jpg

Het middelste stuk rekt uit, dat is dus gewoon in een editor niet groter dan de jpeg zelf. Daaronder zit de footer. En in de header zit gewoon wat flashcontent.


http://www.csszengarden.com
http://www.handleidinghtml.nl/css/cs...oductie01.html

[ybadeendje]

ok ik zal eens kijken, ik ga ook eens uitzoeken wat dat dv nou eigenlijk inhoud, of kan iemand hier mij dat vertellen?

[dafelix]

div is een container, waar je via CSS bepaalde waarden aan toekend, zodat het divje kleurt, de tekst erin kleurt, je het kan plaatsen etc etc

[Mr.Hypert€xt]

ybadeendje schreef op 10-08-2006 @ 00:35 :
ok ik zal eens kijken, ik ga ook eens uitzoeken wat dat dv nou eigenlijk inhoud, of kan iemand hier mij dat vertellen?

Div kan je gewoon gebruiken om een html tag te restylen. Maar ik raad je aan om eerst een Dreamweaver te downloaden, simpel met frames iets in elkaar te gaan zetten en dan eens naar de code te kijken.

Download Firefox en ga naar verschillende websites. Kijk dan eens hoe die site is opgebouwd. Ga op verschillende plaatsen staan en doe rechtsklik> view background image. Dan krijg je een idee hoe men het gesliced heeft. Deze website heeft bijvoorbeeld een zelfde soort layout. check de body background

http://geenstijl.nl/images/body-bg.png

als je dat hebt gedaan kan je eens wat lezen over CSS. Ga vooral niet aan de gang met kladblok, aangezien je daar veel geduld voor moet hebben en het gewoon niet fijn werkt.

[ybadeendje]

ok harstikke bedankt.

[dafelix]

Mr.Hypert€xt schreef op 10-08-2006 @ 00:45 :
(...) Ga vooral niet aan de gang met kladblok, aangezien je daar veel geduld voor moet hebben en het gewoon niet fijn werkt.

3x fout: Vooral met kladblok werken, juist vanaf 't begin (goed geleerd, is het halve werk), geduld heb je er niet meer voor nodig dan met een WYSIWYG-editor (sterker nog, meestal doet een WYSIWYG-editor rare dingen waar je kopzorgen over krijgt) en kladblok (of welke tekst-editor dan ook) werkt erg fijn, alhoewel een syntax-highlighter soms de voorkeur heeft bij bepaalde mensen

[Mr.Hypert€xt]

dafelix schreef op 10-08-2006 @ 00:52 :
3x fout: Vooral met kladblok werken, juist vanaf 't begin (goed geleerd, is het halve werk), geduld heb je er niet meer voor nodig dan met een WYSIWYG-editor (sterker nog, meestal doet een WYSIWYG-editor rare dingen waar je kopzorgen over krijgt) en kladblok (of welke tekst-editor dan ook) werkt erg fijn, alhoewel een syntax-highlighter soms de voorkeur heeft bij bepaalde mensen

Als hij geen HTML kan moet ie maar eens gewoon een boek gaan lezen, dan kan hij binnen 2 dagen gewoon beginnen met een editor. Colorcoding is een must. Ook niet onbelangrijk: de laatste versie van Dreamweaver heeft een hele goede CSS parser.

Frontpage mag dan wel bagger zijn, Dreamweaver is goed. Dat een php programmeur liever Zend gebruikt kan ik me in vinden. Maar ga dat arme jochie geen kladblok aansmeren.