pagina 67 · Het grote webdesign topic

Hebje iets gemaakt of gewoon gevonden, met betrekking tot webdesign... Post het hier dan.

Als je kritiek hebt op sites, post ze dan.

Ben je trots op je site, post ze dan.

Uitspraak van verwijderd op zondag 14 maart 2010 om 20:50:
▶
oke, en waar worden deze comments opgeslagen?
misschien dat ik daar wat kan verwijderen dat sneller is.

Pfff, lastig vanuit hier te zien. Zowiezo wordt dit in de database opgeslagen.

Ik kan je wel evt even helpen ermee om uit te schakelen of iets dergelijks (pb

)

@DJ Killerbase,

Wat ik vergat te zeggen (en middels een soort wist-je-dat op de site nog als tip wil invoegen) is dat je het Galgjespel zo kunt instellen dat de header en de footer niet getoond worden. Klik daarvoor op het tool-icoontje rechts onder in het scherm. Daar kun je trouwens nog meer persoonlijke voorkeuren instellen.
Nu wordt dat nog in een cookie opgeslagen. Later zal ik accounts gaan toevoegen op de site, zodat dit net allemaal even wat lekkerder werkt.

Ik ben me bewuste van enige kinderziektes. Maar in de toekomst zal ik die zoveel mogelijk allemaal aanpakken.
Wat vind je van de onbestaande beroepen?

PS: die pagerefresh (ik weet nu wat je bedoelt) is inderdaad bijzonder irritant. Ik ben al langer op zoek naar een oplossing voor dat probleem, maar vrees dat het ergens in de sessie methode zit waar het galgje op draait.

Uitspraak van Gsorsnoi op zondag 14 maart 2010 om 21:03:
▶
Wat vind je van de onbestaande beroepen?

Grappig en leuk concept, alleen is zoals ik eerder zei nogal vervelend te gebruiken. Het werkt allemaal nog stroef. Ik raad je aan om met flash te gaan werken en evt. een webservice te gaan bouwen die hiermee communiceert. Zo hou je de snelheid er lekker in

Uitspraak van Gsorsnoi op zondag 14 maart 2010 om 21:03:
▶
PS: die pagerefresh (ik weet nu wat je bedoelt) is inderdaad bijzonder irritant. Ik ben al langer op zoek naar een oplossing voor dat probleem, maar vrees dat het ergens in de sessie methode zit waar het galgje op draait.

Zoals ik al eerder zij, gebruik bijv. AJAX

laatste aanpassing 14 maart 2010 21:29

ik zal er een nachtje over slapen

Weltrusten!

Uitspraak van verwijderd op zondag 14 maart 2010 om 21:26:
▶
Zoals ik al eerder zij, gebruik bijv. AJAX

x2, het is slechts een communicatie methode tussen je server en je client-side

Met een goede JS lib ala Jquery heb je binnen 10 regels zo'n call al gemaakt

Verder kun je via JSON gewoon mooi via een nette array je data overdracht verzorgen.

laatste aanpassing 15 maart 2010 10:48

Uitspraak van Pjom op maandag 15 maart 2010 om 10:47:
▶
x2, het is slechts een communicatie methode tussen je server en je client-side Met een goede JS lib ala Jquery heb je binnen 10 regels zo'n call al gemaakt

Via jQuery of Prototype (voorkeur gaat bij mij naar jQuery) inderdaad (gebruik ik ook

)

Ten tweede gaat het om een voorbeeld, even opweg helpen.

Uitspraak van verwijderd op maandag 15 maart 2010 om 12:16:
▶
Via jQuery of Prototype (voorkeur gaat bij mij naar jQuery) inderdaad (gebruik ik ook )

Heel simple voorbeeldje dan

Even typen moment

## JAVASCRIPT ##
$.ajax({
type: "POST",
url: "php_pagina_voor_afhandeling.php",
data: ({ id : 'value',
name : 'another value'
}),
dataType: "json",
success: function(msg){
alert("resultaat als in: "+ msg.result);
}
});

## PHP ##
$arr['result'] = 'hier het resultaat als array';
// Print result
header ( 'Content-type: application/json' );
echo json_encode ( $arr );
exit ();

laatste aanpassing 15 maart 2010 13:39

Uitspraak van verwijderd op zondag 14 maart 2010 om 20:44:
▶
of .com veranderen in .nl?

Dan staat je site nog steeds op dat onveilige internet hoor

Uitspraak van XBWII op zaterdag 13 maart 2010 om 00:18:
▶
Zoals je misschien al eerder had gezien kun je lezen dat ik geen verstaand van html heb en daarom zo'n programma heb gebruikt..

Hmm, wel wat slap om je editor te blamen. Maar goed het is natuurlijk jouw pakje an en gelukkig niet mijn website, die staat tenslotte nog steeds in de steigers...

Vraagje,

Hoe kun je ervoor zorgen dat je wrapper/contaier div altijd in het midden staat ?
Heb wel wat maniertjes gevonden maar het wil niet allemaal vlekkeloos lopen....

Uitspraak van verwijderd op woensdag 24 maart 2010 om 12:37:
▶
Hoe kun je ervoor zorgen dat je wrapper/contaier div altijd in het midden staat ?
Heb wel wat maniertjes gevonden maar het wil niet allemaal vlekkeloos lopen....

"margin:auto" als de div in de body staat..
of een container binnen een andere container centreren: "display: table; margin: 0 auto;"

Zo simpel? sjesus dat ik daar nie op kon komen

donateur

ff snel op werk in elkaar gezet met collega: http://ninjalize.com/
useless but fun...

Uitspraak van verwijderd op woensdag 24 maart 2010 om 12:37:
▶
Vraagje,

Hoe kun je ervoor zorgen dat je wrapper/contaier div altijd in het midden staat ?
Heb wel wat maniertjes gevonden maar het wil niet allemaal vlekkeloos lopen....

html,body
{
text-align:center;
}

#wrapper
{
margin: 0px auto;
width: 960px;
}

Uitspraak van dex op woensdag 24 maart 2010 om 22:58:
▶
ff snel op werk in elkaar gezet met collega: http://ninjalize.com/
useless but fun...

Geinig

laatste aanpassing 25 maart 2010 08:05

Jeeezus, hoe klote is het om een DOCX bestand om te zetten naar HTML

Uitspraak van verwijderd op donderdag 25 maart 2010 om 08:03:
▶
html,body
{
text-align:center;
}

Ik kan me vergissen maar krijg je daar niet direct dit effect mee?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur elementum lacinia sodales. Suspendisse a blandit ipsum. Nam dapibus est vel nibh faucibus auctor. Sed eget augue est, et convallis ipsum. Praesent sapien nisl, elementum sit amet facilisis sed, sodales eget felis. Praesent ac ante arcu. Vestibulum ante mauris, elementum sit amet malesuada faucibus, cursus et sapien. Phasellus at tempus leo. Morbi condimentum dui eu lectus fermentum luctus. Maecenas pellentesque vulputate lacus, sed pellentesque mauris euismod vitae. Integer eu est ac orci lacinia eleifend. Duis tortor felis, tristique sit amet imperdiet vel, tempus ut purus. Nam ut est ut dolor suscipit condimentum. Sed imperdiet dapibus metus, et commodo dolor tempus eget. In hac habitasse platea dictumst. Sed vitae lobortis dolor. In nulla odio, molestie condimentum tempor quis, iaculis et risus. Morbi nulla leo, ultricies non tincidunt eu, sollicitudin at nulla. Mauris sed velit vitae nunc vehicula tristique nec non quam. Aliquam lobortis, lectus nec aliquet tempor, leo erat imperdiet justo, non consequat sapien mi sollicitudin leo.

Uitspraak van DeCo op maandag 8 maart 2010 om 09:23:
▶
Ik gok op een stukje maatwerk.

Klopt, stukje maatwerk van Techtribe. Althans, naast de welbekende Caurina en Quasimondo componentjes zie ik veel van hun componenten voorbij komen. Zij onderhielden dan ook tot voor kort sensation.com, nu doet .PXL dat

tegenwoordig zie je veel van dat soort tweeners en effecten voorbij komen.. of het nou echt de componenten van die twee briljante flash-autisten zijn, betwijfel ik

Net werk.. dat zeker

techtribe kende ik nog niet

laatste aanpassing 26 maart 2010 00:12

Uitspraak van actief op donderdag 25 maart 2010 om 10:53:
▶
Ik kan me vergissen maar krijg je daar niet direct dit effect mee?

ja, vergeten erbij te zetten

in de wrapper komt nog "text-align: left"

Misschien iets te omslachtig. Daarbij wordt de container niet in het midden gecentreerd. Althans.. niet in strict-mode.

Uitspraak van DeCo op vrijdag 26 maart 2010 om 12:09:
▶
Misschien iets te omslachtig. Daarbij wordt de container niet in het midden gecentreerd. Althans.. niet in strict-mode.

Heb ik anders geen last van.

check onderstaand in IE8/FF/Chrome/Safari.. alleen in IE7 komt de container in het midden te staan

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>/title>
<style>
html, body { text-align: center; }
div { width: 100px; }
</style>
</head>

<body>
<div>test</div>
</body>
</html>

donateur

Uitspraak van verwijderd op vrijdag 26 maart 2010 om 12:52:
▶
Heb ik anders geen last van.

is toch onnozel.. waarom zou je de body tekst op 'center' zetten, en vervolgens in je div 'text-align: left;' zetten.
Het enige wat nodig is, is 'margin: 0 auto;'

laatste aanpassing 27 maart 2010 15:35

Uitspraak van KICKIN HARD op zaterdag 27 maart 2010 om 15:35:
▶
is toch onnozel.. waarom zou je de body tekst op 'center' zetten, en vervolgens in je div 'text-align: left;' zetten.
Het enige wat nodig is, is 'margin: 0 auto;'

Klopt, je hebt helemaal gelijk.

Laatst een Wordpress site'je uit de lucht geknald!

http://www.uggs-nederland.nl

Webshop nog mee bezig in orde te maken.

laatste aanpassing 30 maart 2010 16:12

Uitspraak van verwijderd op dinsdag 30 maart 2010 om 16:11:
▶
http://www.uggs-nederland.nl

Errors found while checking this document as XHTML 1.0 Transitional!
Result: 21 Errors

- document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag
- there is no attribute "src"
- there is no attribute "type"
- there is no attribute "allowscriptaccess"
- there is no attribute "allowfullscreen"
- there is no attribute "width"
enz

Uitspraak van verwijderd op dinsdag 30 maart 2010 om 16:11:
▶
http://www.uggs-nederland.nl

30 - Goed: voldoet aan webrichtlijn (1 punt per richtlijn)
6 - Mogelijk goed (niet fout): gedeeltelijk automatisch toetsbaar, aanvullende handmatige toets aan te raden (1 punt per richtlijn)
3 - Mogelijk fout: gedeeltelijk automatisch toetsbaar, aanvullende handmatige toets aan te raden (0 punten per richtlijn)
8 - Fout: voldoet niet aan webrichtlijn (0 punten per richtlijn)
78 - Niet automatisch toetsbaar: handmatige toets aan te raden (telt niet mee in score) 78
125 Totaal aantal webrichtijnen

Genoeg werk nog denk ik

laatste aanpassing 30 maart 2010 16:17

How eens.. waar haal je dat vandaan?

W3 validator en webrichtlijnen

Oftewel van je HTML klopt nog niet zo heel veel

Tevens 2 basis dingen die moeten kloppen voor een website als je hem maakt. Zeker de W3C

laatste aanpassing 30 maart 2010 18:36

Ja dat is zo.. klote Wordpress

In ieder geval bedankt!

Uitspraak van verwijderd op dinsdag 30 maart 2010 om 21:37:
▶
Ja dat is zo.. klote Wordpress

Daar ligt het in elk geval niet aan

Uitspraak van verwijderd op dinsdag 30 maart 2010 om 21:37:
▶
klote Wordpress

Niet de schuld afschuiven op een pakket dat zich verdomd goed aan de richtlijnen van het W3C houdt

Uitspraak van actief op woensdag 31 maart 2010 om 16:00:
▶
Niet de schuld afschuiven op een pakket dat zich verdomd goed aan de richtlijnen van het W3C houdt

Klote kennis

hoeveel domeinnamen kan je aanmaken bij 1 host en moet je die dan ook weer opnieuw betalen?

Uitspraak van rolstoel-terror op dinsdag 6 april 2010 om 17:41:
▶
hoeveel domeinnamen kan je aanmaken bij 1 host en moet je die dan ook weer opnieuw betalen?

Ik weet niet precies wat het limiet is voor aantal domeinen per hosting. Dat kan volgesmij tig aantal zijn, maar je moet inderdaad voor elke domeinnaam betalen

Je hoeft in principe 1 hosting te hebben voor meerdere domeinen.

Ik ben bezig met een site nou krijg ik het menu niet goed.

Op dit moment ziet het er zo uit : http://www.martijnvantongeren.nl/keistoer/

Maar de menu items moeten naar links uitgelijnd worden, ook dit is nog geen probleem op zich.
Alleen wil ik dan de menu items een stukje van de rand af hebben, als ik dit doe doormiddel van padding-left dan veranderd de hover ook mee en dat is natuurlijk niet de bedoeling.

Hoe kan ik dit aanpassen zonder dat de hover met die padding mee springt?

donateur

Uitspraak van rolstoel-terror op dinsdag 6 april 2010 om 17:41:
▶
hoeveel domeinnamen kan je aanmaken bij 1 host en moet je die dan ook weer opnieuw betalen?

1 hostingpakket aanschaffen, en voor de andere domeinnamen die je wilt hebben hoef je alleen de domeinnaam te registreren.
Voorbeeld:
jouwdomein.nl = hostingpakket a 30 euro per jaar
jouwdomein.com = alleen de naam vastgelegd a 8 euro per jaar

en jouwdomein.com linkt dan door naar jouwdomein.nl

Je kunt wel bij de meeste hostingbedrijven subdomeinen aanmaken. dus bijvoorbeeld http://subdomein.jouwdomein.nl
Voorbeeldje:
q-dance.nl = hostingpakket
defqon.q-dance.nl = subdomein onder dat zelfde pakket
defqon.nl = alleen domeinnaam zonder pakket welke doorlinkt naar http://defqon.q-dance.nl

Duidelijk?

donateur

Uitspraak van verwijderd op donderdag 8 april 2010 om 09:44:
▶
Hoe kan ik dit aanpassen zonder dat de hover met die padding mee springt?

sowieso eerst je html goedzetten.. je hebt nu een <h1> om je <ul> heen zitten, dat kan niet.

Verder moet je er met padding rekening meehouden dat ie elementen daarbinnen wel opzei zet.. maar hij telt er wel pixels bij.
Voorbeeld:
breedte <li>: 200px
tekst binnen <li>: 30px van de linkerkant af
Dan moet je de breedte van de <li> dus aanpassen naar 170px (200-30) om hem op 200px breed te houden.

En waarschijnlijk als ik het begrijp uit je verhaal wil je dan zoiets krijgen:
#nav ul {width: 210px; list-style: none; margin: 0; padding: 0;}
#nav ul li {height: 27px;}
#nav ul li a {width: 190px; height: 100%; display: block; color: white; text-decoration: none; padding-left: 20px;}
#nav ul li a:hover {background: #6b95ad;}

laatste aanpassing 8 april 2010 10:36

donateur

Uitspraak van verwijderd op donderdag 8 april 2010 om 09:44:
▶
http://www.martijnvantongeren.nl/keistoer/index.html

Nog iets.. je hebt een grote afbeelding als achtergrond van je website.. maar op grote schermen krijg je mooi witte stukken te zien omdat je afbeelding gewoon niet groter is:
http://intrige.eu/test-zeilen.jpg

Dit kun je oplossen met javascript, ik heb dat hier gedaan: klik hier
En hier staat hoe je die shit moet implementeren: http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin

Uitspraak van verwijderd op donderdag 8 april 2010 om 09:44:
▶
Hoe kan ik dit aanpassen zonder dat de hover met die padding mee springt?

Door de hover ook een andere padding-left waarde mee te geven. Maak het jezelf trouwens makkelijk(er) om een padding zo mee te geven:

padding: 1px 2px 3px 4px;

In plaats van

padding-top: 1px;
padding-right: 2px;
padding-bottom: 3px;
padding-left: 4px;

Dit werkt overigens ook voor margins, borders en andere elementen waar je dergelijke waarden in kunt vullen. Just my 5 eurocents!

Thanks voor de tips!

Uitspraak van KICKIN HARD op donderdag 8 april 2010 om 10:29:
▶
Verder moet je er met padding rekening meehouden dat ie elementen daarbinnen wel opzei zet.. maar hij telt er wel pixels bij.

Dit wist ik dan weer niet.

Uitspraak van KICKIN HARD op donderdag 8 april 2010 om 10:44:
▶
Nog iets.. je hebt een grote afbeelding als achtergrond van je website.. maar op grote schermen krijg je mooi witte stukken te zien omdat je afbeelding gewoon niet groter is:
http://intrige.eu/test-zeilen.jpg

Dit kun je oplossen met javascript, ik heb dat hier gedaan: klik hier
En hier staat hoe je die shit moet implementeren: http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin

Zal hier ook nog eens mee gaan spelen

De HTML en CSS is nog lang niet optimaal maar ben ook nog niet zo lang met deze site bezig!
Ik ga er vanaaf meteen weer mee aan de gang!

laatste aanpassing 8 april 2010 11:04

Mocht je trouwens denken waar het in mijn eerste stukje markup om gaat... Je moet met de klok mee draaien, dus top > right > bottom > left, net als in het voorbeeld eronder.

Ik moet trouwens mijn site ook maar eens afmaken en WordPress 3.0 beta er in plempen. Leuk dat het buiten langzaamaan beter weer wordt, heb ik er nog minder tijd voor...!

Uitspraak van KICKIN HARD op donderdag 8 april 2010 om 10:29:
▶
En waarschijnlijk als ik het begrijp uit je verhaal wil je dan zoiets krijgen:
#nav ul {width: 210px; list-style: none; margin: 0; padding: 0;}
#nav ul li {height: 27px;}
#nav ul li a {width: 190px; height: 100%; display: block; color: white; text-decoration: none; padding-left: 20px;}
#nav ul li a:hover {background: #6b95ad;}

Kheb het kunnen testen en dit was het hem inderdaad

donateur

Uitspraak van verwijderd op donderdag 8 april 2010 om 11:16:
▶
Kheb het kunnen testen en dit was het hem inderdaad

ik heb even niet zo snel gekeken wat je eerst had gedaan, maar ik denk het volgende:
* padding gezet op de 'li'
* vervolgens zet je op de 'li a' een waarde neer hoe groot die moet zijn
* maar de 'li a' kijkt naar z'n parent, 'li' dus.. en zet dus automatisch de hover ook een stukje naar rechts toe.

dus het enige wat je moest doen is op de 'a' de padding zetten om je tekst naar rechts te zetten.

Succes verder

Uitspraak van KICKIN HARD op donderdag 8 april 2010 om 10:18:
▶
Duidelijk?

helemaal

thnx roy

laat HTML 5 maar komen

hoe kan ik makkelijkst een webwinkel maken?? ben nu bezig met e-commerce maar heb daar een probleem, als ik op hardware druk dan word de pagina wit hoe komt dat?? en daarna werkt de site niet meer...

alvast bedankt..

www.marathon-ub.nl/shop

Uitspraak van verwijderd op vrijdag 9 april 2010 om 21:01:
▶
laat HTML 5 maar komen

Ja, maar dan zit je nog steeds met verschillende browsers

Uitspraak van Cakir op zaterdag 10 april 2010 om 04:33:
▶
hoe kan ik makkelijkst een webwinkel maken?? ben nu bezig met e-commerce maar heb daar een probleem, als ik op hardware druk dan word de pagina wit hoe komt dat?? en daarna werkt de site niet meer...

alvast bedankt..

www.marathon-ub.nl/shop

Ik gebruik tegenwoordig Magento eCommerce webshop.

Is wel onhandig met styling, maar techniek heeft vele mogelijkheden en een goede community

laatste aanpassing 10 april 2010 09:47

Uitspraak van verwijderd op vrijdag 9 april 2010 om 21:01:
▶
laat HTML 5 maar komen

Mwah zo erg sta ik er niet om te springen eerlijk gezegd. Liever dat CSS de stap eerst maakt, daar zitten de veranderingen in

Uitspraak van verwijderd op vrijdag 9 april 2010 om 21:01:
▶
laat HTML 5 maar komen

het zal Flash nooit volledig kunnen vervangen
verder zie ik het met de standaarden nog niet zo'n vaart lopen. Daar moet nog een boel over uitgevochten worden.