FOK!forum / Digital Corner / [html, css, js] Kiss my css
picodealionzaterdag 8 december 2012 @ 23:42
[html, css, js] Voor Dummies

Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.

HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies

Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: Topicreeks: Algemeen Wordpress topic

Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (code.png), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.

Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.

IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.

Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
picodealionzaterdag 8 december 2012 @ 23:43
Volgende keer even een nieuwe openen als je een topic volpost wobbel.
picodealionmaandag 10 december 2012 @ 14:47
Iemand hier ook op InspireConf?
Catch22-maandag 10 december 2012 @ 14:58
Nope, ken het niet eens
Maringomaandag 10 december 2012 @ 15:13
quote:
5s.gif Op maandag 10 december 2012 14:47 schreef picodealion het volgende:
Iemand hier ook op InspireConf?
Nee.. -O-
Jammer genoeg niet.
n8nmaandag 10 december 2012 @ 16:17
display icm transition is zo'n pain in the ass
picodealionmaandag 10 december 2012 @ 18:00
Volgens mij heb ik donroyco wel gespot.
PimDmaandag 10 december 2012 @ 18:16
Ik ben in oktober wel naar Fronteers geweest. Op zich een leuke conference, maar ik vond het dit jaar wel erg veel presentaties van het niveau 'dat heb ik al tig keer gelezen op een blog'. Geen 'OMFGWTFBBQ'-momenten jammer genoeg. Niettemin blijft het gaaf om met gelijkgestemden een paar dagen de nerd uit te hangen :D
Catch22-maandag 10 december 2012 @ 18:19
quote:
18s.gif Op maandag 10 december 2012 16:17 schreef n8n het volgende:
display icm transition is zo'n pain in the ass
kan je niet gewoon met opacity klooien?
picodealionmaandag 10 december 2012 @ 18:45
quote:
0s.gif Op maandag 10 december 2012 18:16 schreef PimD het volgende:
Ik ben in oktober wel naar Fronteers geweest. Op zich een leuke conference, maar ik vond het dit jaar wel erg veel presentaties van het niveau 'dat heb ik al tig keer gelezen op een blog'. Geen 'OMFGWTFBBQ'-momenten jammer genoeg. Niettemin blijft het gaaf om met gelijkgestemden een paar dagen de nerd uit te hangen :D
Vooralsnog heb ik hier hetzelfde, straks komt Jessica Hisch spreken en morgen nog een paar grote namen (waaronder Jeffrey Zeldman). En inderdaad, vooral omdat ik de enige front-ender ben in ons bedrijf is het tof om eens met wat mensen te socialisen die me tenminste begrijpen :+.
boem-dikkiemaandag 10 december 2012 @ 19:26
quote:
0s.gif Op maandag 10 december 2012 18:16 schreef PimD het volgende:
Ik ben in oktober wel naar Fronteers geweest. Op zich een leuke conference, maar ik vond het dit jaar wel erg veel presentaties van het niveau 'dat heb ik al tig keer gelezen op een blog'. Geen 'OMFGWTFBBQ'-momenten jammer genoeg. Niettemin blijft het gaaf om met gelijkgestemden een paar dagen de nerd uit te hangen :D
Ik heb dat vaak bij zulke conferences.
#ANONIEMmaandag 10 december 2012 @ 19:31
Zulke conferenties zijn idd met een hoog 'we are all equal' sausje overgoten. Ik wil nog een keer naar een sencha conference in san Francisco, echt vet.
Chandlermaandag 10 december 2012 @ 20:43
Heeft iemand een oplossing voor het volgende

Voor een site wil ik een cookie informatie bar toevoegen aan de onderkant van de pagina. Deze moet zichtbaar zijn totdat de gebruiker akkoord gaat met het plaatsen van cookies (iets wat sowieso wel gaat gebeuren maar goed). Dit alles is geen probleem, op een stijling probleempje na.

Als je de volgende code bekijkt zie je dat de groete sluiten button 'span' geen rechter margin heeft, maar de rode linker wel? hoe kan ik dit oplossen?

http://jsfiddle.net/7fEP9/1/
TwyLightmaandag 10 december 2012 @ 20:47
quote:
15s.gif Op maandag 10 december 2012 20:43 schreef Chandler het volgende:
Heeft iemand een oplossing voor het volgende

Voor een site wil ik een cookie informatie bar toevoegen aan de onderkant van de pagina. Deze moet zichtbaar zijn totdat de gebruiker akkoord gaat met het plaatsen van cookies (iets wat sowieso wel gaat gebeuren maar goed). Dit alles is geen probleem, op een stijling probleempje na.

Als je de volgende code bekijkt zie je dat de groete sluiten button 'span' geen rechter margin heeft, maar de rode linker wel? hoe kan ik dit oplossen?

http://jsfiddle.net/7fEP9/1/
Omdat de padding van #cookiefloat ook op 5px staat. Als je de margin van de span op 10px zet werkt het.

Margin van #left kan op 0 ipv 5
Chandlermaandag 10 december 2012 @ 21:00
Tnx man, sterkter nog ik kon met de aanpassing van padding in cookiefloat van padding: 5px naar padding: 5px 0px en alles werkt perfectos! vriendelijk bedankt!
Chandlermaandag 10 december 2012 @ 21:53
Nou dit is het geworden, wat vinden jullie er van?

http://www.bruggema.nl/2/test.html
boem-dikkiemaandag 10 december 2012 @ 22:16
Super.
n8ndinsdag 11 december 2012 @ 01:28
quote:
1s.gif Op maandag 10 december 2012 18:19 schreef Catch22- het volgende:

[..]

kan je niet gewoon met opacity klooien?
jawel maar dat haalt de content niet uit de flow. Ben al een tijd aan het kutten en ik kom er wel uit maar het zou een stuk efficiënter zijn als het gewoon zou werken
Catch22-dinsdag 11 december 2012 @ 09:29
quote:
7s.gif Op dinsdag 11 december 2012 01:28 schreef n8n het volgende:

[..]

jawel maar dat haalt de content niet uit de flow. Ben al een tijd aan het kutten en ik kom er wel uit maar het zou een stuk efficiënter zijn als het gewoon zou werken
dan doe je dat aan het eind van de animatie, al dan niet met javascript. Je bent bekend met animationend en animationstart?
Droathoahdinsdag 11 december 2012 @ 11:29
Ook al gevraagd in ander topic, maar nogmaals hier.

quote:
Iemand ervaring met het maken van een plattegrond van een gebied met een pop-up functie bij het klikken op een onderdeel. In die pop-up staat dan informatie over dat stukje gebied. Het zou mij erg helpen.
KomtTijd...dinsdag 11 december 2012 @ 11:30
quote:
0s.gif Op dinsdag 11 december 2012 11:29 schreef Droathoah het volgende:
Ook al gevraagd in ander topic, maar nogmaals hier.

[..]

Openlayers.
Droathoahdinsdag 11 december 2012 @ 11:39
quote:
14s.gif Op dinsdag 11 december 2012 11:30 schreef KomtTijd... het volgende:

[..]

Openlayers.
Thanks, en naar welk onderdeel moet ik dan kijken?
Merkiedinsdag 11 december 2012 @ 11:42
Je kan ook gewoon de Google Maps-API gebruiken. Iets makkelijker is het om een third party plugin te gebruiken zoals Gmap3.
Droathoahdinsdag 11 december 2012 @ 11:43
quote:
0s.gif Op dinsdag 11 december 2012 11:42 schreef Merkie het volgende:
Je kan ook gewoon de Google Maps-API gebruiken. Iets makkelijker is het om een third party plugin te gebruiken zoals Gmap3.
Het gebied staat helaas nog niet op Google maps ;) Moet een zelf getekende map zijn
KomtTijd...dinsdag 11 december 2012 @ 11:47
quote:
0s.gif Op dinsdag 11 december 2012 11:39 schreef Droathoah het volgende:

[..]

Thanks, en naar welk onderdeel moet ik dan kijken?
http://openlayers.org/dev/examples/
Zoek maar wat leuks uit :)
http://openlayers.org/dev/examples/getfeatureinfo-popup.html
http://openlayers.org/dev/examples/image-layer.html

Combineer wat :)
Merkiedinsdag 11 december 2012 @ 11:52
quote:
0s.gif Op dinsdag 11 december 2012 11:43 schreef Droathoah het volgende:

[..]

Het gebied staat helaas nog niet op Google maps ;) Moet een zelf getekende map zijn
Oh :P.
VorteXxXdinsdag 11 december 2012 @ 12:27
Al eens naar <map> <area> gekeken?

http://www.w3schools.com/tags/tag_map.asp
n8ndinsdag 11 december 2012 @ 13:48
quote:
11s.gif Op dinsdag 11 december 2012 09:29 schreef Catch22- het volgende:

[..]

dan doe je dat aan het eind van de animatie, al dan niet met javascript. Je bent bekend met animationend en animationstart?
heb eerlijk gezegd geen kaas gegeten van js maar heb al een fixed omweg gevonden
Darkomenwoensdag 12 december 2012 @ 20:32
Ik probeer de onderstaand code toe te passen, maar ik snap niet hoe ik dit type array 'arrOfNums ' opbouw vanuit een loop.
Kan iemand me daar een voorbeeld van laten zien?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
// Programmer: Larry Battle 
// Date: Mar 06, 2011
// Purpose: Calculate standard deviation, variance, and average among an array of numbers.
var isArray = function (obj) {
    return Object.prototype.toString.call(obj) === "[object Array]";
},
getNumWithSetDec = function( num, numOfDec ){
    var pow10s = Math.pow( 10, numOfDec || 0 );
    return ( numOfDec ) ? Math.round( pow10s * num ) / pow10s : num;
},
getAverageFromNumArr = function( numArr, numOfDec ){
    if( !isArray( numArr ) ){ return false;    }
    var i = numArr.length, 
        sum = 0;
    while( i-- ){
        sum += numArr[ i ];
    }
    return getNumWithSetDec( (sum / numArr.length ), numOfDec );
},
getVariance = function( numArr, numOfDec ){
    if( !isArray(numArr) ){ return false; }
    var avg = getAverageFromNumArr( numArr, numOfDec ), 
        i = numArr.length,
        v = 0;
 
    while( i-- ){
        v += Math.pow( (numArr[ i ] - avg), 2 );
    }
    v /= numArr.length;
    return getNumWithSetDec( v, numOfDec );
},
getStandardDeviation = function( numArr, numOfDec ){
    if( !isArray(numArr) ){ return false; }
    var stdDev = Math.sqrt( getVariance( numArr, numOfDec ) );
    return getNumWithSetDec( stdDev, numOfDec );
};

var arrOfNums = [ 2,4,4,4,5,5,7,9 ],
    precision = 4;
 
getAverageFromNumArr( arrOfNums, precision );    //returns 5
getVariance( arrOfNums, precision );    // returns 4
getStandardDeviation( arrOfNums, precision ); //returns 2
http://bateru.com/news/20(...)e-average-functions/
#ANONIEMwoensdag 12 december 2012 @ 20:40
Kijk naar push methode van JavaScript
Darkomenwoensdag 12 december 2012 @ 20:46
Heb de fout gevonden, het was niet mijn arrray, maar de waarden in mijn array waren strings ipv nummers.
Lucifer.donderdag 13 december 2012 @ 16:16
Ik ben bezig met een java opdracht in Greenfoot. De wereld bestaat uit water, dijk en land (allemaal opgebouwd uit blokjes van 10x10 pixels).
Het is de bedoeling dat het water de dijk overstroomt, en dit moet willekeurig gebeuren. Ik heb nu wel dat het water willekeurig over de dijk gaat (willekeurig getal en bij bv 1 gaat het blokje water links, bij 2 naar rechts en bij 3 naar beneden). Het probleem is nu dat al het water over de dijk gaat, en ik wil dat de dijk vanaf 1 punt doorbreekt.

Weet iemand hoe je dat doet?
KomtTijd...donderdag 13 december 2012 @ 16:36
Op het moment dat de dijk voor het eerst overstroomt die positie in een variable zetten en voor de volgende overstromingen die variable gebruiken ipv een random positie?

Dit is meer een algemene logicavraag, maar java vragen horen natuurlijk niet in dit topic.
#ANONIEMdonderdag 13 december 2012 @ 16:43
Een HBO opdracht waarbij een if/else constructie MOEST worden gebruikt voor 4 verschillende uitkomsten ipv een switch. Say whut?
Tijndonderdag 13 december 2012 @ 16:49
quote:
9s.gif Op donderdag 13 december 2012 16:43 schreef Scorpie het volgende:
Een HBO opdracht waarbij een if/else constructie MOEST worden gebruikt voor 4 verschillende uitkomsten ipv een switch. Say whut?
Niet zo raar toch dat de docent een beperking oplegt in de te gebruiken constructies? Als de les erom gaat om if/else beter te begrijpen, is het logisch dat je niet met een switch moet komen aanzetten.
#ANONIEMdonderdag 13 december 2012 @ 16:56
quote:
14s.gif Op donderdag 13 december 2012 16:49 schreef Tijn het volgende:

[..]

Niet zo raar toch dat de docent een beperking oplegt in de te gebruiken constructies? Als de les erom gaat om if/else beter te begrijpen, is het logisch dat je niet met een switch moet komen aanzetten.
Ik snap dat je een if else wilt uitleggen, maar als je dan ook met geen woord rept over de switch statement na die oefening, sterker nog, helemaal niet, dan is het wel een beetje triest gesteld.

[ Bericht 2% gewijzigd door #ANONIEM op 13-12-2012 16:56:34 ]
Tijndonderdag 13 december 2012 @ 16:57
Switch is overrated B-)
Catch22-donderdag 13 december 2012 @ 16:59
Switch is baas.

1
2
3
4
5
6
7
8
9
10
11
<?php
if() { 

} elseif () {

} elseif() {

} elseif() {

}
?>

is ook wel erg gaaf.
KomtTijd...donderdag 13 december 2012 @ 17:01
sowieso staat nergens dat een if-else bij deze (obvious) schoolopdracht verplicht is :P
quote:
11s.gif Op donderdag 13 december 2012 16:59 schreef Catch22- het volgende:
Switch is baas.
[ code verwijderd ]

is ook wel erg gaaf.
1
2
3
4
5
6
7
8
9
<?php
if () {
  if() {
    if() {
      
//do stuff
    
}
  }
}
?>
nog gaver :P
Tijndonderdag 13 december 2012 @ 17:02
Douglas Crockford vindt dat constructies die ook op een andere manier kunnen worden gedaan de taal onnodig complex maken en eigenlijk overbodig zijn. Zo vindt 'ie dat switch bijvoorbeeld eruit kan, omdat dat ook met if/else kan worden opgelost. Ook vindt 'ie dat ++ eruit moet, omdat je net zo goed += kunt gebruiken.

Ik ben het niet met 'm oneens eigenlijk B-)
KomtTijd...donderdag 13 december 2012 @ 17:03
quote:
14s.gif Op donderdag 13 december 2012 17:02 schreef Tijn het volgende:
Douglas Crockford vindt dat constructies die ook op een andere manier kunnen worden gedaan de taal onnodig complex maken en eigenlijk overbodig zijn. Zo vindt 'ie dat switch bijvoorbeeld eruit kan, omdat dat ook met if/else kan worden opgelost. Ook vindt 'ie dat ++ eruit moet, omdat je net zo goed += kunt gebruiken.

Ik ben het niet met 'm oneens eigenlijk B-)
Is dat dezelfde man die besloten heeft dat de benelux-trein weg kan omdat er nu een fyra is?
Ik ben het wel met 'm oneens :P
Tijndonderdag 13 december 2012 @ 17:05
Douglas Crockford is (uiteraard) de uitvinder van JSON en de maker van JSLint en JSMin.

Ik vind dat er best wat voor te zeggen valt dat je een taal met onnodige ballast opzadelt door constructies aan te bieden die in feite nergens voor nodig zijn. Alsof programmeren niet al ingewikkeld genoeg is.
FastFox91donderdag 13 december 2012 @ 17:23
Vroeger had ik ook zo van, waarom zou ik een switch gebruiken als je if / else kan gebruiken, maar laatst had ik het toch gebruikt. Het scheelt een aantal keer een voorwaarde typen.

En als je iets overbodigs eruit wil halen dan blijf je bezig denk ik als je beetje creatief bent.
boem-dikkiedonderdag 13 december 2012 @ 17:36
quote:
14s.gif Op donderdag 13 december 2012 17:02 schreef Tijn het volgende:
Douglas Crockford vindt dat constructies die ook op een andere manier kunnen worden gedaan de taal onnodig complex maken en eigenlijk overbodig zijn. Zo vindt 'ie dat switch bijvoorbeeld eruit kan, omdat dat ook met if/else kan worden opgelost. Ook vindt 'ie dat ++ eruit moet, omdat je net zo goed += kunt gebruiken.

Ik ben het niet met 'm oneens eigenlijk B-)
Ach ja. Uiteindelijk als de conventies 't zelfde zijn, dus bijvoorbeeld een switch of if/else kun je natuurlijk gewoon gebruiken wat je zelf fijn vindt. Mits je natuurlijk fatsoenlijk de boel inspringt zodat het geen rommel wordt.

Er zijn ook zat mensen die zweren bij OOP, waar er ook een boel mensen zijn die hier juist fel op tegen zijn.
Tijndonderdag 13 december 2012 @ 17:38
quote:
14s.gif Op donderdag 13 december 2012 17:36 schreef boem-dikkie het volgende:

[..]

Er zijn ook zat mensen die zweren bij OOP, waar er ook een boel mensen zijn die hier juist fel op tegen zijn.
Oh ja, nu je het zegt, Crockford vindt ook dat het keyword "new" eruit kan B-)
KomtTijd...donderdag 13 december 2012 @ 17:39
quote:
0s.gif Op donderdag 13 december 2012 17:23 schreef FastFox91 het volgende:
Vroeger had ik ook zo van, waarom zou ik een switch gebruiken als je if / else kan gebruiken, maar laatst had ik het toch gebruikt. Het scheelt een aantal keer een voorwaarde typen.

En als je iets overbodigs eruit wil halen dan blijf je bezig denk ik als je beetje creatief bent.
Ja als je zo gaat beredeneren kun je iedere programmeertaal strippen tot je alleen if/else en de wiskundige operators overhoudt.

Ik bedoel, wie heeft er nou datetime objecten nodig als je ook gewoon zelf een functie kunt schijven die dagen en maanden bij elkaar op kan tellen.
Tijndonderdag 13 december 2012 @ 17:43
quote:
14s.gif Op donderdag 13 december 2012 17:39 schreef KomtTijd... het volgende:

[..]

Ja als je zo gaat beredeneren kun je iedere programmeertaal strippen tot je alleen if/else en de wiskundige operators overhoudt.

Ik bedoel, wie heeft er nou datetime objecten nodig als je ook gewoon zelf een functie kunt schijven die dagen en maanden bij elkaar op kan tellen.
Nee, dat is heel wat anders. Een library is voor iedereen handig, want daar zitten gewoon veelgebruikte functies in. Maar een setje handige functies is heel wat anders dan daadwerkelijke constructies in de taal. Daarvan wil je er in principe zo weinig mogelijk. Althans, dat wil iemand als Crockford, maar er zijn wel meer computerwetenschappers die niet zo gecharmeerd zijn van featurecreep in programmeertalen.
KomtTijd...donderdag 13 december 2012 @ 17:45
Maar waarom mag een library met veelgebruikte functies wel, maar mag misschien wel de meestgebruikte functie (variable+=1) niet afgekort worden?
Tijndonderdag 13 december 2012 @ 17:48
quote:
14s.gif Op donderdag 13 december 2012 17:45 schreef KomtTijd... het volgende:
Maar waarom mag een library met veelgebruikte functies wel, maar mag misschien wel de meestgebruikte functie (variable+=1) niet afgekort worden?
Omdat extra syntax een taal kwadratisch complexer maakt, terwijl extra functies geen enkele complexiteit met zich meebrengen.

Het komt er simpelweg op neer dat iedereen begrijpt wat x += 1 doet, terwijl het verschil tussen ++x en x++ lang niet voor iedereen duidelijk is.
mstxdonderdag 13 december 2012 @ 17:49
Switch en If/Else hebben gewoon andere toepassingen. Met for, while, do en foreach kun je ook een heleboel dezelfde dingen doen, maar die hebben ook verschillende toepassingen.
Tijndonderdag 13 december 2012 @ 17:50
For kan er ook wel uit B-)
Chandlerdonderdag 13 december 2012 @ 18:05
LOL de switch vs if vs ifelse discussie, die heb ik al vaker gezien! :)

If {} is het snelste
if else en switch komen daarna... waarom? geen idee! maar if is gewoon het snelste.

bron: eigen benchmark systeem
Chandlerdonderdag 13 december 2012 @ 18:06
Ps weet iemand of er ook een algemeen SEO topic is? de search is zo brak! :D
Deeltjesversnellerdonderdag 13 december 2012 @ 18:08
quote:
15s.gif Op donderdag 13 december 2012 18:06 schreef Chandler het volgende:
Ps weet iemand of er ook een algemeen SEO topic is? de search is zo brak! :D
DIG / SEO zoekmachine optimalisatie #2
Dannydonderdag 13 december 2012 @ 18:11
quote:
15s.gif Op donderdag 13 december 2012 18:06 schreef Chandler het volgende:
Ps weet iemand of er ook een algemeen SEO topic is? de search is zo brak! :D
Niks brak aan:
klik
Chandlerdonderdag 13 december 2012 @ 18:19
quote:
0s.gif Op donderdag 13 december 2012 18:11 schreef Danny het volgende:

[..]

Niks brak aan:
klik
Ieder zijn mening :) maar zou het een optie zijn om bovenin tussen naam van het forum en de select met meer/minder topics om een zoek mogelijkheid in te bouwen, zou het gebruikersgemak erg vergroten! :)

Is maar een suggestie.
Lightdonderdag 13 december 2012 @ 19:26
quote:
4s.gif Op donderdag 13 december 2012 18:05 schreef Chandler het volgende:
LOL de switch vs if vs ifelse discussie, die heb ik al vaker gezien! :)

If {} is het snelste
if else en switch komen daarna... waarom? geen idee! maar if is gewoon het snelste.

bron: eigen benchmark systeem
Dan ben ik toch benieuwd hoe je dat getest hebt.
Lightdonderdag 13 december 2012 @ 19:37
quote:
14s.gif Op donderdag 13 december 2012 17:45 schreef KomtTijd... het volgende:
Maar waarom mag een library met veelgebruikte functies wel, maar mag misschien wel de meestgebruikte functie (variable+=1) niet afgekort worden?
Om het leuker te maken, var+=1 is ook een verkorte schrijfwijze. Je kunt immers ook var = var + 1 schrijven.
Catch22-donderdag 13 december 2012 @ 19:45
Ik heb tot een bepaalde hoogte weinig met snelheid te maken. Ik vind onderhoudbare en leesbare code veel belangrijker. Ik ga een onleesbare meuk produceren om 50ms te besparen
KomtTijd...donderdag 13 december 2012 @ 20:43
quote:
0s.gif Op donderdag 13 december 2012 19:45 schreef Catch22- het volgende:
Ik heb tot een bepaalde hoogte weinig met snelheid te maken. Ik vind onderhoudbare en leesbare code veel belangrijker. Ik ga een onleesbare meuk produceren om 50ms te besparen
Dat is ook altijd prio 1. Als later blijkt dat het door een andere schrijfwijze een stuk sneller kan, kun je dat altijd nog veranderen. Maar voor het zelfde geld is een andere schrijfwijze alleen maar trager, dus eerst maar gewoon de mooie manier proberen.

Sowieso is syntaxverandering qua performance over het algemeen hooguit een micro-optimalisatie waar je in 99% van de gevallen niets aan zult hebben. Zolang je niet honderden iteraties probeert te doen ofzo, gaat niemand het merken als je pagina 0,001 seconde sneller rendert.
Chandlervrijdag 14 december 2012 @ 07:22
quote:
0s.gif Op donderdag 13 december 2012 19:26 schreef Light het volgende:

[..]

Dan ben ik toch benieuwd hoe je dat getest hebt.
Simpel,

meerdere keren 1000x een loop waarbij ik in de loop een timer start en daarna de if/ifelse/switch statement check en daarna weer eindig! :)

Hier staat een vergelijkbare benchmark :)
http://phpbench.com/
Tijnvrijdag 14 december 2012 @ 08:48
Heb je het ook met verschillende browsers getest? De verschillende Javascript-engines verschillen nogal. Wat sneller is in Firefox hoeft niet sneller in Chrome te zijn.

Zie ook bv jsPerf.
#ANONIEMvrijdag 14 december 2012 @ 08:58
quote:
0s.gif Op donderdag 13 december 2012 19:45 schreef Catch22- het volgende:
Ik heb tot een bepaalde hoogte weinig met snelheid te maken. Ik vind onderhoudbare en leesbare code veel belangrijker. Ik ga geen onleesbare meuk produceren om 50ms te besparen
+1, of ++. Harhar.
Chandlervrijdag 14 december 2012 @ 09:18
quote:
2s.gif Op vrijdag 14 december 2012 08:48 schreef Tijn het volgende:
Heb je het ook met verschillende browsers getest? De verschillende Javascript-engines verschillen nogal. Wat sneller is in Firefox hoeft niet sneller in Chrome te zijn.

Zie ook bv jsPerf.
Nee heb het op basis van php gedraaid dus heeft niets te maken met de brouwser te maken. Wel heb ik het zowel op mijn eigen systeem als op mijn hosting gedraaid (meerdere keren op verschillende tijden op de dag).
Brandtsvrijdag 14 december 2012 @ 12:27
Ik heb een hele eenvoudige html-pagina waar ik een SVG bestand mee laat zien:

1
2
3
4
5
6
7
8
<html>
<body>

<input type="button" value="save" onclick="document.execCommand('SaveAs')">
<embed width="100%" height="100%" id="svgdoc" src="test.svg" type="image/svg+xml" PLUGINSPAGE="http://www.adobe.com/svg/viewer/install/" >

</body>
</html>

Met de button wil ik de pagina ergens kunnen opslaan maar het probleem is dat alleen de HTML file wordt opgeslagen terwijl het net om de SVG file gaat.

Kan iemand me vertellen hoe ik met een klik op de button zowel de HTML file als de SVG-file ergens kan opslaan? Het moet trouwens in IE8 werken. Het hoeft niet in andere browsers te werken.
Alvast bedankt,
Brandts
Tijnvrijdag 14 december 2012 @ 13:17
Je zou in plaats van de svg als losse file linken deze kunnen aanbieden in een base64 encoded string in je HTML-file. Dan kan alles in 1 file die je simpel ter download aan kunt bieden.

Je kunt ook de inhoud van de SVG file zelf tussen <svg> tags zetten in je HTML-document. Ik weet niet of dat in IE8 werkt, maar in IE9 zeker wel.
Brandtsvrijdag 14 december 2012 @ 13:21
quote:
14s.gif Op vrijdag 14 december 2012 13:17 schreef Tijn het volgende:
Je zou in plaats van de svg als losse file linken deze kunnen aanbieden in een base64 encoded string in je HTML-file. Dan kan alles in 1 file die je simpel ter download aan kunt bieden.

Je kunt ook de inhoud van de SVG file zelf tussen <svg> tags zetten in je HTML-document. Ik weet niet of dat in IE8 werkt, maar in IE9 zeker wel.
Geen idee wat een base64 encoded string is maar ik ga het even googlen :)

De inhoud van de SVG-file tussen <svg> tags zetten had ik al geprobeerd maar dit werkt inderdaad pas vanaf IE9.
Tijnvrijdag 14 december 2012 @ 14:11
Er is vast wel een base64 encoder te vinden ergens online. Daar plak je de inhoud van je SVG in en er komt vervolgens een lange string uit. Die lange string plak je vervolgens in je HTML-document, in plaats van waar nu "test.svg" staat (in het src-attribuut dus). Ik heb het niet geprobeerd, maar ik gok dat dat wel werkt.
Brandtsvrijdag 14 december 2012 @ 14:44
quote:
2s.gif Op vrijdag 14 december 2012 14:11 schreef Tijn het volgende:
Er is vast wel een base64 encoder te vinden ergens online. Daar plak je de inhoud van je SVG in en er komt vervolgens een lange string uit. Die lange string plak je vervolgens in je HTML-document, in plaats van waar nu "test.svg" staat (in het src-attribuut dus). Ik heb het niet geprobeerd, maar ik gok dat dat wel werkt.
Dit werkt niet, de browser gaat dan op zoek naar een bestand met de naam die gelijk is aan de tekst van de base64 encoded string.

Daarnaast is de SVG-file een bestand dat regelmatig aangepast worden. Wil ik deze oplossing gebruiken dan moet het voor mij ook mogelijk zijn om offline de SVG-file om te zetten naar een base64 encoded sting.
Catch22-vrijdag 14 december 2012 @ 14:47
schrijf een php script die dat ding uitleest en pushed...
#ANONIEMvrijdag 14 december 2012 @ 14:51
http://stackoverflow.com/(...)rver-side-script-php
Rockfirevrijdag 14 december 2012 @ 15:09
http://forums.digitalpoint.com/showthread.php?t=702678
Brandtsvrijdag 14 december 2012 @ 15:22
Ik bedenk me net dat het in principe genoeg is als de gebruiker met een druk op de knop het svg-bestand ergens mag opslaan. Uit bovenstaande posts begrijp ik dat dit goed moet kunnen met php. ^O^

Het is alleen nog een probleem dat ik nog nooit iets gemaakt heb in php. Ik zou dus niet weten waar ik moet beginnen. :N

Is er iemand die me goede weg uit kan wijzen?
KomtTijd...vrijdag 14 december 2012 @ 16:16
quote:
0s.gif Op vrijdag 14 december 2012 15:22 schreef Brandts het volgende:
Ik bedenk me net dat het in principe genoeg is als de gebruiker met een druk op de knop het svg-bestand ergens mag opslaan. Uit bovenstaande posts begrijp ik dat dit goed moet kunnen met php. ^O^

Het is alleen nog een probleem dat ik nog nooit iets gemaakt heb in php. Ik zou dus niet weten waar ik moet beginnen. :N

Is er iemand die me goede weg uit kan wijzen?
PHP? Wat is er mis met een <a> tag?
Lightvrijdag 14 december 2012 @ 22:10
quote:
0s.gif Op vrijdag 14 december 2012 07:22 schreef Chandler het volgende:

[..]

Simpel,

meerdere keren 1000x een loop waarbij ik in de loop een timer start en daarna de if/ifelse/switch statement check en daarna weer eindig! :)

Hier staat een vergelijkbare benchmark :)
http://phpbench.com/
En daarmee heb je geconstateerd dat een if zonder else sneller is dan een if met else. Wat op zich niet vreemd is, omdat een if zonder else minder code is.
Chandlervrijdag 14 december 2012 @ 22:11
Klopt maar ook sneller dan een switch :) wat qua opzet ook gelijk is aan if else
Chandlervrijdag 14 december 2012 @ 22:12
quote:
12s.gif Op vrijdag 14 december 2012 22:11 schreef Chandler het volgende:
Klopt maar ook sneller dan een switch :) wat qua opzet ook gelijk is aan if else
Oh zowel bij random mogelijkheid van de if, ifelse en switch (dus niet standaard laatste zoek mogelijkheid getest maar random).

omg dubbele post...
Lightvrijdag 14 december 2012 @ 22:24
quote:
12s.gif Op vrijdag 14 december 2012 22:11 schreef Chandler het volgende:
Klopt maar ook sneller dan een switch :) wat qua opzet ook gelijk is aan if else
Ja, leuk. Het verschil is zodanig klein dat dat geen reden is om voor de ene of de andere oplossing te kiezen.

Daarbij zijn jouw resultaten leuk voor PHP, maar dit is een topic waar javascript aan bod komt. En daar kunnen de resultaten anders zijn. Overigens verwacht ik in javascript ook geen significante verschillen, maar dat roep ik zonder dat ik benchmarks gemaakt of gezocht heb.
Tijnvrijdag 14 december 2012 @ 23:15
quote:
0s.gif Op vrijdag 14 december 2012 22:24 schreef Light het volgende:

[..]

Overigens verwacht ik in javascript ook geen significante verschillen, maar dat roep ik zonder dat ik benchmarks gemaakt of gezocht heb.
Het verschilt een beetje per browser, maar echt significant lijkt het verschil niet, nee.

http://jsperf.com/switch-if-else-json

Performance is dus ook geen reden om voor een switch-constructie te gaan.
Chandlerzaterdag 15 december 2012 @ 07:45
quote:
0s.gif Op vrijdag 14 december 2012 22:24 schreef Light het volgende:

[..]

Ja, leuk. Het verschil is zodanig klein dat dat geen reden is om voor de ene of de andere oplossing te kiezen.

Daarbij zijn jouw resultaten leuk voor PHP, maar dit is een topic waar javascript aan bod komt. En daar kunnen de resultaten anders zijn. Overigens verwacht ik in javascript ook geen significante verschillen, maar dat roep ik zonder dat ik benchmarks gemaakt of gezocht heb.
Je hebt gelijk, maar voor PHP kan dit wel uitmaken aangezien PHP op de server gedraaid wordt en daar duizenden mensen tegelijk op kunnen zitten en dat zie ik nog niet gebeuren met een browser!

Verder vond ik het gewoon ff leuk om op in te haken, heb zoveel benchmarkjes gemaakt :D
Lightzaterdag 15 december 2012 @ 11:10
quote:
10s.gif Op zaterdag 15 december 2012 07:45 schreef Chandler het volgende:

[..]

Je hebt gelijk, maar voor PHP kan dit wel uitmaken aangezien PHP op de server gedraaid wordt en daar duizenden mensen tegelijk op kunnen zitten en dat zie ik nog niet gebeuren met een browser!
Dan nog maakt het niet uit. Er zijn andere dingen waar veel meer winst te behalen is. Maar dan moet je gaan profilen om te zien welke functies veel tijd kosten. Een optimalisatie waar je 0,1 microseconde mee wint is echt de moeite niet.
quote:
Verder vond ik het gewoon ff leuk om op in te haken, heb zoveel benchmarkjes gemaakt :D
Daar is niets mis mee. Je moet ze alleen ook kunnen interpreteren. :)
Chandlerzaterdag 15 december 2012 @ 17:01
Nou volgens mij heb ik dat gedaan of wil je het graag middels een voorbeeld zien? :P

En ja mijn inziens maakt het wel uit, zelfs een 0,1 miliseconde!
Lightzondag 16 december 2012 @ 02:15
quote:
0s.gif Op zaterdag 15 december 2012 17:01 schreef Chandler het volgende:
Nou volgens mij heb ik dat gedaan of wil je het graag middels een voorbeeld zien? :P

En ja mijn inziens maakt het wel uit, zelfs een 0,1 miliseconde!
Het verschil is volgens jouw bron 0,1 milliseconde voor 1000 iteraties. Dat is dus 0,1 microseconde per keer. En dat verschil is niet de moeite waard. Overigens is een verschil van 0,1 milliseconde ook niet de moeite van optimaliseren waard.

Maar volgens mij gaan we hier offtopic.
Deeltjesversnellerzondag 16 december 2012 @ 15:48
weet iemand een goede javascript plugin om dit te maken?

p8iec.png

hoe heet zoiets eigenlijk!? lastig om te googlen. stacked progress bar graph..?
gerrit098zondag 16 december 2012 @ 23:49
Ik ben bezig om een nieuwe website te bouwen voor ons hotel.

Ik werk in de site regelmatig met fancybox(en) o.a voor foto`s en youtube filmpjes

ik heb ook een aantal links op de site staan die open nu in "target_blank"
maar is het ook mogelijk dat je een site in een fancybox laat open??

het idee er achter is dat je de mensen niet "kwijt"raakt wel wil ik ze de links laten zien maar het is wel de bedoeling dat ze terug op mijn site komen.

ik ben de hele avond al aan het proberen en zoeken maar ik kan het helaas niet vinden/lukken.
donroycomaandag 17 december 2012 @ 00:03
quote:
0s.gif Op zondag 16 december 2012 23:49 schreef gerrit098 het volgende:
Ik ben bezig om een nieuwe website te bouwen voor ons hotel.

Ik werk in de site regelmatig met fancybox(en) o.a voor foto`s en youtube filmpjes

ik heb ook een aantal links op de site staan die open nu in "target_blank"
maar is het ook mogelijk dat je een site in een fancybox laat open??

het idee er achter is dat je de mensen niet "kwijt"raakt wel wil ik ze de links laten zien maar het is wel de bedoeling dat ze terug op mijn site komen.

ik ben de hele avond al aan het proberen en zoeken maar ik kan het helaas niet vinden/lukken.
Kijk eens op http://fancybox.net/, met die jQuery plugin kun je ook iframes (en dus ook websites) inladen in een overlay.
Catch22-maandag 17 december 2012 @ 00:13
Rtfm. Staat er letterlijk in. Laat t anders gewoon inline zien
gerrit098maandag 17 december 2012 @ 00:29
1    <h3><a class="iframe" href="http://www.kunstmaandameland.com/">Kunstmaand</a></h3> 

ik gebruik bovenstaande code maar toch openend hij hem niet in een fancybox
donroycomaandag 17 december 2012 @ 00:32
quote:
0s.gif Op maandag 17 december 2012 00:29 schreef gerrit098 het volgende:

[ code verwijderd ]

ik gebruik bovenstaande code maar toch openend hij hem niet in een fancybox
Zonder de rest van de code te zien (wat roep je aan), is het alleen maar gissen. Roep je twee keer jQuery aan?
Lightmaandag 17 december 2012 @ 00:51
quote:
0s.gif Op zondag 16 december 2012 23:49 schreef gerrit098 het volgende:
Ik ben bezig om een nieuwe website te bouwen voor ons hotel.

Ik werk in de site regelmatig met fancybox(en) o.a voor foto`s en youtube filmpjes

ik heb ook een aantal links op de site staan die open nu in "target_blank"
maar is het ook mogelijk dat je een site in een fancybox laat open??

het idee er achter is dat je de mensen niet "kwijt"raakt wel wil ik ze de links laten zien maar het is wel de bedoeling dat ze terug op mijn site komen.

ik ben de hele avond al aan het proberen en zoeken maar ik kan het helaas niet vinden/lukken.
De bedoeling van die website is toch dat je kamers verhuurt aan mensen die op de site komen? Ik weet niet of het handig is om die mensen te irriteren met links naar andere sites die dan openen in een fancybox. Als ik een site interessant vind, wil ik die kunnen bookmarken. Dat gaat niet als de site in een fancybox staat.

Een fancybox kan zeker nut hebben bij foto's en video's en sommige pagina's op de site, maar het bij een link naar een andere site ontgaat me voordeel voor de bezoeker volledig.
gerrit098maandag 17 december 2012 @ 01:08
quote:
7s.gif Op maandag 17 december 2012 00:32 schreef donroyco het volgende:

[..]

Zonder de rest van de code te zien (wat roep je aan), is het alleen maar gissen. Roep je twee keer jQuery aan?
dankje nu snapt ik hem :)
gerrit098maandag 17 december 2012 @ 01:16
quote:
0s.gif Op maandag 17 december 2012 00:51 schreef Light het volgende:

[..]

De bedoeling van die website is toch dat je kamers verhuurt aan mensen die op de site komen? Ik weet niet of het handig is om die mensen te irriteren met links naar andere sites die dan openen in een fancybox. Als ik een site interessant vind, wil ik die kunnen bookmarken. Dat gaat niet als de site in een fancybox staat.

Een fancybox kan zeker nut hebben bij foto's en video's en sommige pagina's op de site, maar het bij een link naar een andere site ontgaat me voordeel voor de bezoeker volledig.
http://hallo.host22.com/ ik weet niet of wij elkaar goed begrijpen maar hier kan je even kijken wat ik bedoel.

Als je nu op kunstmaand klikt komt dat in een fancybox dat vind ik persoonlijk beter en mooier.
boem-dikkiemaandag 17 december 2012 @ 02:45
Bijzonder gerrit. Waarom zo'n website openen in een Fancybox.
BrainOverfloWmaandag 17 december 2012 @ 03:03
Ik zou het eerder verdomd irritant vinden als nieuwe sites ineens in fancyboxes geopend worden. Waarom niet gewoon in een nieuw scherm? Dan behoud je je bezoekers in het oude scherm dus kunnen ze altijd terug keren.
Zo loop je bovendien het risico dat als mensen klaar zijn met de site in je fancybox dat ze die weg klikken en dan zijn ze gelijk jou ook kwijt.
PimDmaandag 17 december 2012 @ 05:49
Als een gebruiker er voor kiest om naar een andere website te gaan, dan is dat toch zijn keuze...? Dan ga je toch niet forceren dat ie op jouw website terugkomt met een lame oplossing als een lightbox :')
Lightmaandag 17 december 2012 @ 07:32
quote:
0s.gif Op maandag 17 december 2012 01:16 schreef gerrit098 het volgende:

[..]

http://hallo.host22.com/ ik weet niet of wij elkaar goed begrijpen maar hier kan je even kijken wat ik bedoel.

Als je nu op kunstmaand klikt komt dat in een fancybox dat vind ik persoonlijk beter en mooier.
Dus ik kan niet
1. Die site over kunstmaand bookmarken
2. Met alt-tab wisselen tussen jouw site en die van de kunstmaand

Het is dus niet vriendelijk voor je bezoekers. En ook niet voor de bezoekers die via jouw site naar de site van de kunstmaand gaan.

Openen in een nieuw venster snap ik nog maar een fancybox echt niet. En dat los van het feit dat ik het er niet uit vind zien.
Brandtsmaandag 17 december 2012 @ 08:29
quote:
14s.gif Op vrijdag 14 december 2012 16:16 schreef KomtTijd... het volgende:

[..]

PHP? Wat is er mis met een <a> tag?
quote:
14s.gif Op vrijdag 14 december 2012 16:16 schreef KomtTijd... het volgende:

[..]

PHP? Wat is er mis met een <a> tag?
Met een <a> tag maak ik toch een link naar het bestand? Zodra je hierop klikt opent de browser zelf het SVG-bestand. Ik wil graag dat er een menu opkomt zodat de gebruiker zelf het bestand ergens kan opslaan.

Of kan dit ook met een <a> tag zonder dat ik dit weet? :)
picodealionmaandag 17 december 2012 @ 09:44
quote:
0s.gif Op maandag 17 december 2012 03:03 schreef BrainOverfloW het volgende:
Ik zou het eerder verdomd irritant vinden als nieuwe sites ineens in fancyboxes geopend worden. Waarom niet gewoon in een nieuw scherm? Dan behoud je je bezoekers in het oude scherm dus kunnen ze altijd terug keren.
Zo loop je bovendien het risico dat als mensen klaar zijn met de site in je fancybox dat ze die weg klikken en dan zijn ze gelijk jou ook kwijt.
quote:
0s.gif Op maandag 17 december 2012 05:49 schreef PimD het volgende:
Als een gebruiker er voor kiest om naar een andere website te gaan, dan is dat toch zijn keuze...? Dan ga je toch niet forceren dat ie op jouw website terugkomt met een lame oplossing als een lightbox :')
quote:
0s.gif Op maandag 17 december 2012 07:32 schreef Light het volgende:

[..]

Dus ik kan niet
1. Die site over kunstmaand bookmarken
2. Met alt-tab wisselen tussen jouw site en die van de kunstmaand

Het is dus niet vriendelijk voor je bezoekers. En ook niet voor de bezoekers die via jouw site naar de site van de kunstmaand gaan.

Openen in een nieuw venster snap ik nog maar een fancybox echt niet. En dat los van het feit dat ik het er niet uit vind zien.
Dit dus. Wat een verschrikkelijk anti-pattern.
Catch22-maandag 17 december 2012 @ 09:47
het is een beetje zo'n "usability" man die de klok heeft gehoord en niet weet waar hij hangt, als ik t zo lees ;)
gerrit098maandag 17 december 2012 @ 10:00
Ik heb inderdaad niet veel verstand van website`s desalniettemin wil ik toch de website zelf doen met name zodat ik hem goed in eigen beheer kan onderhouden.

verder denk als ik jullie zo hoor is het inderdaad verstandig om het toch target_blank te doen.
Met name het bookmarken en het afsluiten van de hele browser vind ik persoonlijk goede argumenten.

Toch bedankt voor de hulp. ik zal in de nabije toekomst nog wel vaker vragen stellen....
KomtTijd...maandag 17 december 2012 @ 10:20
quote:
0s.gif Op maandag 17 december 2012 08:29 schreef Brandts het volgende:

[..]

[..]

Met een <a> tag maak ik toch een link naar het bestand? Zodra je hierop klikt opent de browser zelf het SVG-bestand. Ik wil graag dat er een menu opkomt zodat de gebruiker zelf het bestand ergens kan opslaan.

Of kan dit ook met een <a> tag zonder dat ik dit weet? :)
Dan moet'ie rechtermuis -> opslaan als kiezen.
Of je moet http-header "Content-Disposition: attachment;" meegeven. Maar dat zou ik dan in je htaccess-bestand regelen.
quote:
0s.gif Op maandag 17 december 2012 07:32 schreef Light het volgende:

[..]

Dus ik kan niet
1. Die site over kunstmaand bookmarken
2. Met alt-tab wisselen tussen jouw site en die van de kunstmaand

Het is dus niet vriendelijk voor je bezoekers. En ook niet voor de bezoekers die via jouw site naar de site van de kunstmaand gaan.

Openen in een nieuw venster snap ik nog maar een fancybox echt niet. En dat los van het feit dat ik het er niet uit vind zien.
Vergeet niet dat een hoop websites frame-break scripts hebben.
Catch22-maandag 17 december 2012 @ 10:21
quote:
0s.gif Op maandag 17 december 2012 10:00 schreef gerrit098 het volgende:
Ik heb inderdaad niet veel verstand van website`s desalniettemin wil ik toch de website zelf doen met name zodat ik hem goed in eigen beheer kan onderhouden.

verder denk als ik jullie zo hoor is het inderdaad verstandig om het toch target_blank te doen.
Met name het bookmarken en het afsluiten van de hele browser vind ik persoonlijk goede argumenten.

Toch bedankt voor de hulp. ik zal in de nabije toekomst nog wel vaker vragen stellen....
Vooral veel lezen. We vinden het hier niet erg om te helpen, maar neem wel de moeite zelf wat achtergrond te creeeren.
Brandtsmaandag 17 december 2012 @ 10:40
quote:
14s.gif Op maandag 17 december 2012 10:20 schreef KomtTijd... het volgende:

[..]

Dan moet'ie rechtermuis -> opslaan als kiezen.
Of je moet http-header "Content-Disposition: attachment;" meegeven. Maar dat zou ik dan in je htaccess-bestand regelen.

Ik heb me eens ingelezen in PHP en ik begrijp dat dit niet offline werkt (zoals bij mij het geval is). Rechtermuisknop+opslaan als vind ik geen mooie oplossing maar ik denk dat ik hier toch maar naar ga uitwijken aangezien het volgens mij anders (bijna) niet te doen is in IE8. Nu maar hopen dat we hiet intern snel overgaan op IE9 want op chrome had ik het al vrij snel werkend met HTML5 :(

In ieder geval bedankt voor jullie hulp.
VorteXxXmaandag 17 december 2012 @ 11:17
Xampp is een mooie oplossing om PHP toch offline werkend te krijgen (hoewel dit toch meer voor testing is)
boem-dikkiemaandag 17 december 2012 @ 11:19
quote:
0s.gif Op maandag 17 december 2012 11:17 schreef VorteXxX het volgende:
Xampp is een mooie oplossing om PHP toch offline werkend te krijgen (hoewel dit toch meer voor testing is)
Of MAMP. Of WAMP.

Gewoon een offline server op je eigen pc. Hierdoor heb je bijvoorbeeld Apache, mySQL, phpMyAdmin allemaal lokaal draaien en kun je dus gewoon offline werken met PHP.

Voor ontwikkelen erg handig, ik werk altijd offline.
donroycomaandag 17 december 2012 @ 11:21
quote:
14s.gif Op maandag 17 december 2012 11:19 schreef boem-dikkie het volgende:

[..]

Of MAMP. Of WAMP.

Of Webmatrix, of ...
boem-dikkiemaandag 17 december 2012 @ 11:22
The possibilities are endless my friends.
Brandtsmaandag 17 december 2012 @ 11:28
Om te testen werkt dit prima. Maar het gaat hier om een bestand dat op een gedeelde netwerkschijf staat dat collega's ook moeten kunnen gebruiken en dan zou iedereen dat programma moeten hebben draaien.
gerrit098maandag 17 december 2012 @ 12:27
quote:
11s.gif Op maandag 17 december 2012 10:21 schreef Catch22- het volgende:

[..]

Vooral veel lezen. We vinden het hier niet erg om te helpen, maar neem wel de moeite zelf wat achtergrond te creeeren.
Naar mijn idee heb ik dat ook al gedaan, maar soms zie ik door grote hoeveelheid info op het net / verschillende manieren en verschillende technieken even de bomen door het bos niet meer....
-Beer-woensdag 19 december 2012 @ 17:45
Vraagje, ik heb de volgende code...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
#container {
    background:url(../images/achtergrond1.png) no-repeat;
    min-height:1329px;
    width: 960px;
    margin: 0 auto;
    position: relative;
}
#content1 {
    background-color:#222222;
    position: absolute; top:165px; left:80px;
    width:800px;
    height:180px;
}
#content2 {
    background-color:#c1da62;
    opacity:0.8;
    position: absolute; top:345px; left:80px;
    width:800px;
    height:15px;
}
#content3 {
    background-color:#FFF;
    opacity:0.8;
    position: absolute; top:360px; left:80px;
    height:900px;
    width: 800px;
}

Ik wil graag dat de text in content 1 de hoogte bepaalt en dat content 2 en 3 daar aan vastplakken. Dus hoe meer text er in content1 staat, hoe lager content 2 en 3 komen te staan en dus niet overlappen met content 1. Ik heb geprobeerd om de height van content1 op auto te zetten maar dat werkt niet echt. Ook als ik met de positions aan de gang ga kom ik er niet uit. Het moet volgens mij niet heel moeilijk zijn, maar het lukt dus even niet. Kan iemand helpen? Mijn dank is groot!
donroycowoensdag 19 december 2012 @ 17:50
quote:
0s.gif Op woensdag 19 december 2012 17:45 schreef -Beer- het volgende:
Vraagje, ik heb de volgende code...
[ code verwijderd ]

Ik wil graag dat de text in content 1 de hoogte bepaalt en dat content 2 en 3 daar aan vastplakken. Dus hoe meer text er in content1 staat, hoe lager content 2 en 3 komen te staan en dus niet overlappen met content 1. Ik heb geprobeerd om de height van content1 op auto te zetten maar dat werkt niet echt. Ook als ik met de positions aan de gang ga kom ik er niet uit. Het moet volgens mij niet heel moeilijk zijn, maar het lukt dus even niet. Kan iemand helpen? Mijn dank is groot!
Gooi het even in jsfiddle.net.
PimDwoensdag 19 december 2012 @ 17:50
Je moet al die ellende ook niet absoluut positioneren.
donroycowoensdag 19 december 2012 @ 17:52
quote:
0s.gif Op woensdag 19 december 2012 17:50 schreef PimD het volgende:
Je moet al die ellende ook niet absoluut positioneren.
En wat hij zegt.
-Beer-woensdag 19 december 2012 @ 18:41
hm, maar als ik ze relative positioneer dan schieten ze allemaal weer naar de rand van de container toe. Ik wil dat die drie contents zeg maar stapelen als tabellen. Zodat als ik meer typ in 1 content dat hij dan hoger kan worden zonder dat hij overlapt met de rest.
KomtTijd...woensdag 19 december 2012 @ 18:55
je moet helemaal geen position gebruiken. Wat jij wilt is precies hoe een div zich standaard gedraagt als je het niet zelf verneukt met position.
-Beer-woensdag 19 december 2012 @ 19:09
ah. soms is het zo makkelijk. Te makkelijk!
KomtTijd...woensdag 19 december 2012 @ 19:24
quote:
14s.gif Op woensdag 19 december 2012 19:09 schreef -Beer- het volgende:
ah. soms is het zo makkelijk. Te makkelijk!
Je zou bijna denken dat er over nagedacht is he :P
-Datdus-zaterdag 22 december 2012 @ 13:24
Ik wil een image slider maken maar ik weet niet hoe ik de linkjes van de afbeeldingen in een array krijg gebaseerd op hun class.

Ik heb bijvoorbeeld een image tag met de class 'slider-img' (in de css staat deze op display:none;)

<img src="img/slider/voorbeeld.jpg" class="slider-img">

Nu wil ik met mijn script alle afbeeldingen met die class selecteren en de src daarvan in een array zetten. Weet iemand hoe dat moet?
Merkiezaterdag 22 december 2012 @ 13:28
1
2
3
4
var array = [];
$('.slider-img').each(function() {
array.push($(this).attr('src'));
});

Als je een image slider wilt maken kan je denk ik beter een divje gebruiken met overflow: hidden waarin alle .slider-img-elementen absoluut gepositioneerd staan. Op deze manier hoef je dan alleen maar de "left" of "right" property van een element te animeren.
-Datdus-zaterdag 22 december 2012 @ 13:34
quote:
0s.gif Op zaterdag 22 december 2012 13:28 schreef Merkie het volgende:

[ code verwijderd ]

Als je een image slider wilt maken kan je denk ik beter een divje gebruiken met overflow: hidden waarin alle .slider-img-elementen absoluut gepositioneerd staan. Op deze manier hoef je dan alleen maar de "left" of "right" property van een element te animeren.
Ja dat kan, maar ik wil bijvoorbeeld ook alle plaatjes van een pagina kunnen selecteren en ze in de slider zetten. Maar je oplossing werkt prima, dankjewel. :)
Merkiezaterdag 22 december 2012 @ 13:36
quote:
6s.gif Op zaterdag 22 december 2012 13:34 schreef -Datdus- het volgende:

[..]

Ja dat kan, maar ik wil bijvoorbeeld ook alle plaatjes van een pagina kunnen selecteren en ze in de slider zetten. Maar je oplossing werkt prima, dankjewel. :)
Ik snap niet zo goed wat je nou precies wilt, maar vooruit :6.
VorteXxXmaandag 24 december 2012 @ 11:05
Vraagje...

Bestaat er een simpele manier om een background image over heel de background van je site heen te trekken? (ongeacht de resolutie).
Zover ik kan zien bestaat er geen strech in DW
lkb9000maandag 24 december 2012 @ 11:12
quote:
0s.gif Op maandag 24 december 2012 11:05 schreef VorteXxX het volgende:
Vraagje...

Bestaat er een simpele manier om een background image over heel de background van je site heen te trekken? (ongeacht de resolutie).
Zover ik kan zien bestaat er geen strech in DW
http://css-tricks.com/perfect-full-page-background-image/
Tijnmaandag 24 december 2012 @ 17:10
Ik doe tegenwoordig alleen nog maar

1background-size: cover;

Mensen met een browser die dat niet begrijpen hebben pech.
DaveGrohldinsdag 25 december 2012 @ 21:31
quote:
14s.gif Op maandag 24 december 2012 17:10 schreef Tijn het volgende:
Ik doe tegenwoordig alleen nog maar
[ code verwijderd ]

Mensen met een browser die dat niet begrijpen hebben pech.
Dat is al een tijdje mijn favoriet ook. Werkt perfect voor schalen van een BG.
Neraicewoensdag 26 december 2012 @ 00:12
Zijn er hier eigenlijk mensen die themes maken voor de verkoop?
TwyLightwoensdag 26 december 2012 @ 00:47
Ik heb wel eens een wordpress theme gemaakt voor een klant maar ik ben geen wordpress template bakker :P
Neraicewoensdag 26 december 2012 @ 13:57
Ik doe het zelf wel. Bevalt me goed moet ik zeggen.
KomtTijd...dinsdag 8 januari 2013 @ 12:08
IE7.

1% + 98% + 1% = 101%, juist.

of iig >100%, voor de mierenneukers
Droathoahdinsdag 8 januari 2013 @ 13:32
Is het makkelijk mogelijk om in een pop-up div 3 buttons te maken en dat je dan bij elke button een ander stuk tekst krijgt?
donroycodinsdag 8 januari 2013 @ 13:33
quote:
0s.gif Op dinsdag 8 januari 2013 13:32 schreef Droathoah het volgende:
Is het makkelijk mogelijk om in een pop-up div 3 buttons te maken en dat je dan bij elke button een ander stuk tekst krijgt?
Ja.
Crimyclowndonderdag 10 januari 2013 @ 20:25
Even een vraagje, ik heb nagenoeg geen kennis van JS maar ik wil wanneer ik een div zichtbaar heb dat als er op een knop geklikt word er een melding komt, dit werkt. Maar wanneer die div niet zichtbaar is wil ik dat ze geen melding krijgen. En dan krijg ik nog steeds de alert.

Ik dacht dit op te lossen als volgt:
1
2
3
4
5
function reageren() {
    if(document.getElementById('uitgelogtblok').style.display = "block"){window.alert('De DIV is nu nog zichtbar')
    }else{
    }
}
Merkiedonderdag 10 januari 2013 @ 20:28
1
2
3
4
5
function reageren() {
    if(document.getElementById('uitgelogtblok').style.display != "none"){window.alert('De DIV is nu nog zichtbar')
    }else{
    }
}
Crimyclowndonderdag 10 januari 2013 @ 20:30
Bedankt, wat ging er nu fout?
KomtTijd...donderdag 10 januari 2013 @ 20:32
doe eens een console.log(document.getElementById('uitgelogtblok').style.display) ertussen en je weet het.
Catch22-donderdag 10 januari 2013 @ 22:27
quote:
9s.gif Op dinsdag 8 januari 2013 12:08 schreef KomtTijd... het volgende:
IE7.

1% + 98% + 1% = 101%, juist.

of iig >100%, voor de mierenneukers
is niet alleen in ie7 zo hoor, is ook wel te verklaren als je terugrekent
Tijndonderdag 10 januari 2013 @ 22:42
quote:
1s.gif Op donderdag 10 januari 2013 22:27 schreef Catch22- het volgende:

[..]

is niet alleen in ie7 zo hoor, is ook wel te verklaren als je terugrekent
Heeft het er niet mee te maken dat alle getallen in Javascript floats zijn?
Catch22-donderdag 10 januari 2013 @ 22:51
We hebben het over css toch? Als je bijv 960px hebt, dan is 1% 9.6pixel, dus 10, dan kan je dus gevallen krijgen waarbij 100% meer is dan 960px
Tijndonderdag 10 januari 2013 @ 23:04
quote:
0s.gif Op donderdag 10 januari 2013 22:51 schreef Catch22- het volgende:
We hebben het over css toch?
Geen idee, KomtTijd gaf er verder geen context bij.
Lightdonderdag 10 januari 2013 @ 23:21
quote:
0s.gif Op donderdag 10 januari 2013 22:51 schreef Catch22- het volgende:
We hebben het over css toch? Als je bijv 960px hebt, dan is 1% 9.6pixel, dus 10, dan kan je dus gevallen krijgen waarbij 100% meer is dan 960px
Dat dus. 50% + 50% kan ook meer dan 100% zijn, als de originele breedte oneven is. Dat is (waarschijnlijk) de reden dat lightboxes bij image galleries de overlay op 49% zetten, dan weet je zeker dat je geen problemen krijgt. Zie bijvoorbeeld hier.
KomtTijd...vrijdag 11 januari 2013 @ 01:25
En toch is het alleen bij IE7 een probleem heh.

:7 nu vraag ik me wel ineens af hoe fatsoenlijke browsers dit nou oplossen, gewoon om de beurt naar boven en naar beneden afronden ofzo? Meh. eerst maar eens een nachtje over slapen.

[ Bericht 75% gewijzigd door KomtTijd... op 11-01-2013 01:31:54 ]
Drommelsch85vrijdag 11 januari 2013 @ 01:32
quote:
0s.gif Op woensdag 26 december 2012 00:12 schreef Neraice het volgende:
Zijn er hier eigenlijk mensen die themes maken voor de verkoop?
Niet persé voor de verkoop van themes, maar ik doe zo nu en dan wel Wordpress maatwerk voor klanten idd.
Maringovrijdag 11 januari 2013 @ 07:29
quote:
14s.gif Op vrijdag 11 januari 2013 01:25 schreef KomtTijd... het volgende:
En toch is het alleen bij IE7 een probleem heh.

:7 nu vraag ik me wel ineens af hoe fatsoenlijke browsers dit nou oplossen, gewoon om de beurt naar boven en naar beneden afronden ofzo? Meh. eerst maar eens een nachtje over slapen.

de berekening met de eigenlijke getallen doen en daarna pas afronden, lijkt mij.
Catch22-vrijdag 11 januari 2013 @ 08:17
In andere browsers breekt de flow niet . Goed onderwerp voor een testcase :)

Ik hou zelf ook vaak 1% over in zulke gevallen

Als je 2 blokken met ruimte ertussen hebt maak ik ze 48% breed met 3% marge rechts van t linkerblok
pascal08woensdag 16 januari 2013 @ 13:47
Ik ben al een tijdje bezig met het maken van een site. Ik begon zonder enige kennis van PHP/CSS en JS en een klein beetje HTML kennis. Inmiddels heb ik de basics aardig onder de knie en begint de site met wat hulp van anderen al ergens op te lijken.

Echter werkt sinds gisteren geen enkele Javascript meer op de site. Ik heb alle JS-files al doorgespit om te kijken of ik ergens iets kon vinden wat het probleem zou kunnen veroorzaken, maar geen succes.
De site zelf werkt wel en wordt door PHP netjes uitgepoept zonder errors. Ik zou niet weten hoe ik deze fout moet opsporen, want in Chrome Developer Tools worden alle JS-files zonder fouten getoont. Ben er toch ergens een haakje vergeten in een JS-file of is het een bekend probleem? Kunnen jullie mij helpen?
Tijnwoensdag 16 januari 2013 @ 13:48
Wat zegt de console?
pascal08woensdag 16 januari 2013 @ 13:49
quote:
5s.gif Op woensdag 16 januari 2013 13:48 schreef Tijn het volgende:
Wat zegt de console?
De console zegt een heleboel, waarvan een regel een foutmelding betreft. Ik heb de file waarin deze fout staat al een keer volledig verwijderd van de server, maar dat mocht ook niet baten.

Het gaat om deze fout:

1Oq5R
Catch22-woensdag 16 januari 2013 @ 13:50
https://www.google.com/se(...)ceid=chrome&ie=UTF-8
Merkiewoensdag 16 januari 2013 @ 13:51
Als er een error in je JavaScript werkt meestal je hele code niet meer. De kans is groot dat er ergens een kleine fout zit. Debug alle errors uit de console.
quote:
0s.gif Op woensdag 16 januari 2013 13:49 schreef pascal08 het volgende:

[..]

De console zegt een heleboel, waarvan een regel een foutmelding betreft. Ik heb de file waarin deze fout staat al een keer volledig verwijderd van de server, maar dat mocht ook niet baten.

Het gaat om deze fout:

[ afbeelding ]
Ik gok dat je standaard de laatste versie van jQuery gebruikt. Gisteren is jQuery 1.9 uitgebracht, en deze ondersteunt .live() niet meer. Verander .live() in .on().
pascal08woensdag 16 januari 2013 @ 13:51
quote:
Dus ik moet al m'n files af met breakpoints om te kijken waar de fout zit? :o :'(
Catch22-woensdag 16 januari 2013 @ 13:52
Nee. Je moet leren lezen wat er in je console staat.
pascal08woensdag 16 januari 2013 @ 13:53
quote:
11s.gif Op woensdag 16 januari 2013 13:52 schreef Catch22- het volgende:
Nee. Je moet leren lezen wat er in je console staat.
Nu zijn alle errors weg, maar JS werkt nog steeds niet.
Merkiewoensdag 16 januari 2013 @ 13:53
quote:
0s.gif Op woensdag 16 januari 2013 13:53 schreef pascal08 het volgende:

[..]

Nu zijn alle errors weg, maar JS werkt nog steeds niet.
Lees wat ik zeg :6.
pascal08woensdag 16 januari 2013 @ 13:55
quote:
0s.gif Op woensdag 16 januari 2013 13:51 schreef Merkie het volgende:
Als er een error in je JavaScript werkt meestal je hele code niet meer. De kans is groot dat er ergens een kleine fout zit. Debug alle errors uit de console.

[..]

Ik gok dat je standaard de laatste versie van jQuery gebruikt. Gisteren is jQuery 1.9 uitgebracht, en deze ondersteunt .live() niet meer. Verander .live() in .on().
Alle errors zijn gedebugged en ik heb .live() vervangen door .on()... nog steeds hetzelfde verhaal.
Merkiewoensdag 16 januari 2013 @ 13:57
quote:
0s.gif Op woensdag 16 januari 2013 13:55 schreef pascal08 het volgende:

[..]

Alle errors zijn gedebugged en ik heb .live() vervangen door .on()... nog steeds hetzelfde verhaal.
Dan moet je stapje voor stapje gaan kijken waar de fout ligt. Complexe code uitcommenten en vervangen door eenvoudige code (bijv. een simpele console log doen) zodat je stapje voor stapje kan achterhalen waar de foutmelding zit. Verder zijn de web developer tools je vriend en kan je breakpoints in je code zetten om te achterhalen of je code doet wat hij moet doen.
pascal08woensdag 16 januari 2013 @ 13:59
quote:
0s.gif Op woensdag 16 januari 2013 13:57 schreef Merkie het volgende:

[..]

Dan moet je stapje voor stapje gaan kijken waar de fout ligt. Complexe code uitcommenten en vervangen door eenvoudige code (bijv. een simpele console log doen) zodat je stapje voor stapje kan achterhalen waar de foutmelding zit. Verder zijn de web developer tools je vriend en kan je breakpoints in je code zetten om te achterhalen of je code doet wat hij moet doen.
Ik ga er eens voor zitten dan. Kan ik gewoon de laatste jQuery laten staan of is het beter om even terug te schakelen?
Merkiewoensdag 16 januari 2013 @ 14:00
quote:
0s.gif Op woensdag 16 januari 2013 13:59 schreef pascal08 het volgende:

[..]

Ik ga er eens voor zitten dan. Kan ik gewoon de laatste jQuery laten staan of is het beter om even terug te schakelen?
Je kan prima de laatste jQuery gebruiken, alleen je moet niet "dynamisch" naar de meest recente jQuery linken. Als jQuery besluit om over een half jaar alles compleet anders te doen werkt je site niet meer. Altijd linken naar een statische versie van jQuery.

Niet doen:
1<script src="jquery-latest.js"></script>

Wel doen:
1<script src="jquery-1.9.0.js"></script>

Als je teruggaat naar 1.8.3 zal alles waarschijnlijk wel werken, maar de vraag is of je code wilt gebruiken die in nieuwere versies niet meer werkt.
pascal08woensdag 16 januari 2013 @ 14:07
quote:
0s.gif Op woensdag 16 januari 2013 14:00 schreef Merkie het volgende:

[..]

Je kan prima de laatste jQuery gebruiken, alleen je moet niet "dynamisch" naar de meest recente jQuery linken. Als jQuery besluit om over een half jaar alles compleet anders te doen werkt je site niet meer. Altijd linken naar een statische versie van jQuery.

Niet doen:
[ code verwijderd ]

Wel doen:
[ code verwijderd ]

Als je teruggaat naar 1.8.3 zal alles waarschijnlijk wel werken, maar de vraag is of je code wilt gebruiken die in nieuwere versies niet meer werkt.
Merkie, jij bent echt een held. _O_

Ik verwees dus wel naar de laatste versie. 8)7 Door weer te linken naar 1.8.3 werkt alles weer. Ik weet nu in ieder geval dat het probleem daar zit. Nu ga ik de statische versie van 1.9.0 includen en kijken wat ik moet aanpassen. Top ^O^
zerokilwoensdag 16 januari 2013 @ 20:06
Iemand die nog een site weet waar ik mooie template model kan downloaden? (gratis)
#ANONIEMwoensdag 16 januari 2013 @ 20:12
quote:
0s.gif Op woensdag 16 januari 2013 20:06 schreef zerokil het volgende:
Iemand die nog een site weet waar ik mooie template model kan downloaden? (gratis)
Temptate model voor wat ? Html5boilerplate.com bijvoorbeeld?
zerokilwoensdag 16 januari 2013 @ 20:52
quote:
1s.gif Op woensdag 16 januari 2013 20:12 schreef Scorpie het volgende:

[..]

Temptate model voor wat ? Html5boilerplate.com bijvoorbeeld?
Ben eigenlijk op zoek naar meerdere modellen. Zodat ik wat keus heb en inspiratie kan op doen.
Catch22-woensdag 16 januari 2013 @ 20:54
zoek dan gewoon een portfoliosite. dit topic gaat over de techniek
zerokilwoensdag 16 januari 2013 @ 20:59
quote:
0s.gif Op woensdag 16 januari 2013 20:54 schreef Catch22- het volgende:
zoek dan gewoon een portfoliosite. dit topic gaat over de techniek
Kon niet echt een topic over mijn onderwerp vinden.
Catch22-woensdag 16 januari 2013 @ 21:33
dan start je er 1. er is wel een designtopic
zerokilzondag 20 januari 2013 @ 17:50
Ik heb dus een template gevonden.

Nu heb ik een probleem.
Ik wil dat er in de rode lijn een wit vlak komt waar ik tekst in kan schrijven..
Hoe doe ik dat? Heb al lang gezocht maar niks gevonden.
(let niet op de zwarte vlakken, heb ik er even in gezet om alles duidelijker te maken)
SPOILER
DKVCaz4.png
Ik kan de css/html code er wel even bijzetten. (op aanvraag).

Alvast bedankt!
Maringozondag 20 januari 2013 @ 17:57
quote:
0s.gif Op zondag 20 januari 2013 17:50 schreef zerokil het volgende:
Ik heb dus een template gevonden.

Nu heb ik een probleem.
Ik wil dat er in de rode lijn een wit vlak komt waar ik tekst in kan schrijven..
Hoe doe ik dat? Heb al lang gezocht maar niks gevonden.
(let niet op de zwarte vlakken, heb ik er even in gezet om alles duidelijker te maken)
SPOILER
Ik kan de css/html code er wel even bijzetten. (op aanvraag).

Alvast bedankt!
Je bedoelt de input tag?
KomtTijd...zondag 20 januari 2013 @ 17:57
quote:
0s.gif Op zondag 20 januari 2013 17:50 schreef zerokil het volgende:

Hoe doe ik dat?

Met een computer, zou ik aanraden.
zerokilzondag 20 januari 2013 @ 17:59
quote:
2s.gif Op zondag 20 januari 2013 17:57 schreef Maringo het volgende:

[..]

Je bedoelt de input tag?
Nee, gewoon een wit veld.
Zoals dit: http://www.webstijl.nl/
(Portfolio vak)
Merkiezondag 20 januari 2013 @ 18:47
Je bent niet duidelijk.

Tekst typen doe je in een textarea if input-element.
Tijnmaandag 21 januari 2013 @ 01:00
quote:
0s.gif Op zondag 20 januari 2013 17:59 schreef zerokil het volgende:

[..]

Nee, gewoon een wit veld.
Zoals dit: http://www.webstijl.nl/
(Portfolio vak)
Wat bedoel je? Wat is "portfolio vak"? Ik zie minstens 3x portfolio staan op die site, alledrie met totaal andere opmaak. Waar heb je het over?
boem-dikkiemaandag 21 januari 2013 @ 12:26
quote:
0s.gif Op zondag 20 januari 2013 17:59 schreef zerokil het volgende:

[..]

Nee, gewoon een wit veld.
Zoals dit: http://www.webstijl.nl/
(Portfolio vak)
Wat een, ondanks de stijl die je veel vaker ziet, chaotische website.
donroycomaandag 21 januari 2013 @ 12:34
quote:
14s.gif Op maandag 21 januari 2013 12:26 schreef boem-dikkie het volgende:

[..]

Wat een, ondanks de stijl die je veel vaker ziet, chaotische website.
Nee man. Dat is lekker jong en dynamisch! ;(
boem-dikkiemaandag 21 januari 2013 @ 12:35
quote:
0s.gif Op maandag 21 januari 2013 12:34 schreef donroyco het volgende:

[..]

Nee man. Dat is lekker jong en dynamisch! ;(
Dat is wel het idee van die stijl maar dan behoorlijk slecht uitgevoerd. :')
Merkiemaandag 21 januari 2013 @ 12:40
quote:
14s.gif Op maandag 21 januari 2013 12:26 schreef boem-dikkie het volgende:

[..]

Wat een, ondanks de stijl die je veel vaker ziet, chaotische website.
Er staat veel te veel informatie op 1 pagina. Apart dat een webdesign-bureau dat zich niet realiseert.
zerokilmaandag 21 januari 2013 @ 18:29
Het is al gelukt..
Afwazigwoensdag 23 januari 2013 @ 15:31
Ik krijg het volgende maar niet voor elkaar. Er is mij gevraagd of ik een skycraper kan plaatsen op deze site aan de linkerkant.

Nu is dat prima gelukt alleen nu doet het volgende probleem zich voor; op de lagere resoluties komt de skyscraper over de content heen. Ik heb al verschillende dingen geprobeerd maar krijg het maar niet voor elkaar.

De huidige CSS code ziet er zo uit:

1
2
3
4
5
6
7
p.skyscraper {    
    left: -35px;
    overflow: hidden;
    padding: 8px;
    position: absolute;
    top: 148px;
}

Mijn vraag is dus, hoe krijg ik het voor elkaar dat de skyscraper net zoals hier op het FOK forum werkt en dus niet over de content heen valt ongeacht de resolutie.
KomtTijd...woensdag 23 januari 2013 @ 15:38
quote:
0s.gif Op woensdag 23 januari 2013 15:31 schreef Afwazig het volgende:
Ik krijg het volgende maar niet voor elkaar. Er is mij gevraagd of ik een skycraper kan plaatsen op deze site aan de linkerkant.

Nu is dat prima gelukt alleen nu doet het volgende probleem zich voor; op de lagere resoluties komt de skyscraper over de content heen. Ik heb al verschillende dingen geprobeerd maar krijg het maar niet voor elkaar.

De huidige CSS code ziet er zo uit:
[ code verwijderd ]

Mijn vraag is dus, hoe krijg ik het voor elkaar dat de skyscraper net zoals hier op het FOK forum werkt en dus niet over de content heen valt ongeacht de resolutie.
Hier kunnen we precies niets mee, behalve misschien zeggen dat het op zijn minst "apart" is dat je een <p> tag gebruikt voor een skyscraper... Kom met een voorbeeld.
Afwazigwoensdag 23 januari 2013 @ 15:39
quote:
14s.gif Op woensdag 23 januari 2013 15:38 schreef KomtTijd... het volgende:

[..]

Hier kunnen we precies niets mee, behalve misschien zeggen dat het op zijn minst "apart" is dat je een <p> tag gebruikt voor een skyscraper... Kom met een voorbeeld.
Wat bedoel je precies met kom met een voorbeeld?
QM84woensdag 23 januari 2013 @ 16:08
Wat is je html-structuur?
Op welke manier staat je skyscraper tov de content gepositioneerd?

Als je gebruik maakt van een wrapper voor je content, dan kan je deze position: relative meegeven. Je skyscraper zet je vervolgens hier direct als child in, met de absolute en left: -'debreedtevanjeskyscraper+marginsetc'

Ik gok dat die position:relative ergens ontbreekt.
Afwazigwoensdag 23 januari 2013 @ 17:11
quote:
3s.gif Op woensdag 23 januari 2013 16:08 schreef QM84 het volgende:
Wat is je html-structuur?
Op welke manier staat je skyscraper tov de content gepositioneerd?

Als je gebruik maakt van een wrapper voor je content, dan kan je deze position: relative meegeven. Je skyscraper zet je vervolgens hier direct als child in, met de absolute en left: -'debreedtevanjeskyscraper+marginsetc'

Ik gok dat die position:relative ergens ontbreekt.
Het is een Wordpress site en gebruikt een wrapper inderdaad. Helaas heb ik niet heel veel kaas gegeten van de rest en is je verhaal een beetje abracadabra ;(. Wat ik nu heb is dat ik de advententiecode bovenaan de header.php heb en deze aanroep / positioneer door middel van de CSS.
KomtTijd...woensdag 23 januari 2013 @ 17:30
Ik denk dat het het makkelijkst is als je even een linkje naar een testpagina maakt waarop die skyscraper te zien is.
Afwazigwoensdag 23 januari 2013 @ 17:32
quote:
14s.gif Op woensdag 23 januari 2013 17:30 schreef KomtTijd... het volgende:
Ik denk dat het het makkelijkst is als je even een linkje naar een testpagina maakt waarop die skyscraper te zien is.
Ik heb gelinkt naar de site waar het is te zien in mijn 1e post :P. Ik ben nu aan beetje aan het beunhazen en heb het nu zover dat hij niet meer over de content heenvalt bij lage resoluties maar er onder valt. Dat is een verbetering maar hij moet hem natuurlijk gewoon altijd laten zien.

bedankt voor de hulp in ieder geval mannen.
KomtTijd...woensdag 23 januari 2013 @ 17:45
oh, check. Ik vind het eigenlijk best netjes opgelost zo. Op FOK! bijvoorbeeld valt de skyscraper buiten het browserwindow als je een kleine resolutie hebt, dan vind ik jouw oplossing persoonlijk mooier. Of zou je willen dat er ruimte gereserveerd wordt voor de skyscraper zodat je een scrollbalk krijgt?
Afwazigwoensdag 23 januari 2013 @ 17:54
quote:
14s.gif Op woensdag 23 januari 2013 17:45 schreef KomtTijd... het volgende:
oh, check. Ik vind het eigenlijk best netjes opgelost zo. Op FOK! bijvoorbeeld valt de skyscraper buiten het browserwindow als je een kleine resolutie hebt, dan vind ik jouw oplossing persoonlijk mooier. Of zou je willen dat er ruimte gereserveerd wordt voor de skyscraper zodat je een scrollbalk krijgt?
Dat laatste was wel de bedoeling ja. Het is zoals het nu is wel een verbetering, dat dan weer wel :P.
n8ndonderdag 24 januari 2013 @ 01:09
waar moet ik op zoeken als ik met een input element de mogelijkheid wil bieden van pagina te wisselen? Dat je een getal in een form invult en de link van de pagina gewijzigd wordt naar wat ingevoerd is.
n8ndonderdag 24 januari 2013 @ 01:12
quote:
0s.gif Op woensdag 23 januari 2013 17:32 schreef Afwazig het volgende:

[..]

Ik heb gelinkt naar de site waar het is te zien in mijn 1e post :P. Ik ben nu aan beetje aan het beunhazen en heb het nu zover dat hij niet meer over de content heenvalt bij lage resoluties maar er onder valt. Dat is een verbetering maar hij moet hem natuurlijk gewoon altijd laten zien.

bedankt voor de hulp in ieder geval mannen.
gebruik media queries en voeg een break point toe in je css
http://www.w3.org/TR/css3-mediaqueries/#width
http://webdesignerwall.co(...)in-responsive-design

links via google
Tijndonderdag 24 januari 2013 @ 01:19
quote:
7s.gif Op donderdag 24 januari 2013 01:09 schreef n8n het volgende:
waar moet ik op zoeken als ik met een input element de mogelijkheid wil bieden van pagina te wisselen? Dat je een getal in een form invult en de link van de pagina gewijzigd wordt naar wat ingevoerd is.
Hoe bedoel je waar je op moet zoeken?

Kun je niet gewoon luisteren naar een keydown event op je input-element en vervolgens de value van het veld in de link plakken?
n8ndonderdag 24 januari 2013 @ 01:54
quote:
5s.gif Op donderdag 24 januari 2013 01:19 schreef Tijn het volgende:

[..]

Hoe bedoel je waar je op moet zoeken?

Kun je niet gewoon luisteren naar een keydown event op je input-element en vervolgens de value van het veld in de link plakken?
wat de 'ingrediënten' zijn voor deze functionaliteit. begrijp dat javascript vereist is en daar weet ik vrijwel niks van af dus ik zocht een duwtje in de goede richting. Vraag is eigenlijk hoe ik dat doe of waar ik naar moet zoeken om er achter te komen maar wellicht kom ik hier ergens mee, tnx

edit: hoop er vanaf hier uit te komen http://www.java2s.com/Tut(...)ueinformcontrols.htm
edit 2: gevonden! http://stackoverflow.com/(...)-value-creates-a-url

[ Bericht 8% gewijzigd door n8n op 24-01-2013 01:59:58 ]
KomtTijd...donderdag 24 januari 2013 @ 09:08
Eh, zoeken naar een standaard GET form?

<form method="get">
<input type="text" name="page">
<input type="submit">
</form>

Geen dank.
picodealiondonderdag 24 januari 2013 @ 09:24
Ik snap het nog steeds niet. n8n, staat er een link op de pagina die je wil aanpassen? Of wil je de URL in de adresbalk aanpassen bij invoeren van het formulier (waardoor je naar die pagina gaat)?

Is wat er ingevoerd moet worden 1 op 1 door te zetten naar de url? (Voer je 'henk' in dan ga je naar henk.html) of moeten de invoerwaardes eerst vertaald worden naar urls die mogelijk/beschikbaar zijn?

-edit- in de war met een ander topic.
Tijndonderdag 24 januari 2013 @ 09:42
quote:
14s.gif Op donderdag 24 januari 2013 01:54 schreef n8n het volgende:

[..]

wat de 'ingrediënten' zijn voor deze functionaliteit. begrijp dat javascript vereist is en daar weet ik vrijwel niks van af dus ik zocht een duwtje in de goede richting. Vraag is eigenlijk hoe ik dat doe of waar ik naar moet zoeken om er achter te komen maar wellicht kom ik hier ergens mee, tnx

edit: hoop er vanaf hier uit te komen http://www.java2s.com/Tut(...)ueinformcontrols.htm
edit 2: gevonden! http://stackoverflow.com/(...)-value-creates-a-url
Misschien moet je eens kijken naar een cursusje jQuery ofzo. Daarmee is het best simpel, hoor :)

Als je dit hebt:

1<input type="text" id="url_input" /> <a href="http://website.nl/" id="url">link</a>

Dan heb je niet meer nodig dan zoiets:

1
2
3
4
5
6
7
8
9
10
$(document).ready(function() {
   // bewaar de aanvankelijke waarde van de link
   var url = $('#url').attr('href');
   
   // kijk naar wanneer er in het invoerveld wordt getypt
   $('#url_input').on('keyup', function() {
      // wijzig de href van de url door de invoer eraan vast te plakken
      $('#url').attr('href', url + $('#url_input').val());
   });
});


[ Bericht 4% gewijzigd door Tijn op 24-01-2013 10:18:15 ]
n8ndonderdag 24 januari 2013 @ 10:31
quote:
1s.gif Op donderdag 24 januari 2013 09:24 schreef picodealion het volgende:
Ik snap het nog steeds niet. n8n, staat er een link op de pagina die je wil aanpassen? Of wil je de URL in de adresbalk aanpassen bij invoeren van het formulier (waardoor je naar die pagina gaat)?

Is wat er ingevoerd moet worden 1 op 1 door te zetten naar de url? (Voer je 'henk' in dan ga je naar henk.html) of moeten de invoerwaardes eerst vertaald worden naar urls die mogelijk/beschikbaar zijn?

-edit- in de war met een ander topic.
pagina's staan weergegeven als 1 / 1000 (voorbeeld), ik heb nu van het eerste getal een form gemaakt waar je in een text input een ander paginanummer kan ingeven om zo snel pagina's te skippen zonder de navigatie enorm te laten zijn.
quote:
2s.gif Op donderdag 24 januari 2013 09:42 schreef Tijn het volgende:

[..]

Misschien moet je eens kijken naar een cursusje jQuery ofzo. Daarmee is het best simpel, hoor :)

Als je dit hebt:
[ code verwijderd ]

Dan heb je niet meer nodig dan zoiets:
[ code verwijderd ]

daar heb je helemaal gelijk in maar tot ik klaar ben met m'n studie of een minor doe over het onderwerp is het even behelpen. Moet nu ook nog zorgen dat de input geen andere characters dan getallen accepteert en op dezelfde pagina blijft als je niks invoert etc. maar dat heeft voor mij nu geen prioriteit.
n8ndonderdag 24 januari 2013 @ 10:32
quote:
14s.gif Op donderdag 24 januari 2013 09:08 schreef KomtTijd... het volgende:
Eh, zoeken naar een standaard GET form?

<form method="get">
<input type="text" name="page">
<input type="submit">
</form>

Geen dank.
waar komt dan het gedeelte dat bepaald dat je van pagina wisselt?
KomtTijd...donderdag 24 januari 2013 @ 10:39
quote:
7s.gif Op donderdag 24 januari 2013 10:32 schreef n8n het volgende:

[..]

waar komt dan het gedeelte dat bepaald dat je van pagina wisselt?
zodra je een formulier verzend wissel je vanzelf van pagina.
Als je get gebruikt komt de invoer van je formulier in de url terecht. Probeer maar eens.
n8ndonderdag 24 januari 2013 @ 10:41
quote:
14s.gif Op donderdag 24 januari 2013 10:39 schreef KomtTijd... het volgende:

[..]

zodra je een formulier verzend wissel je vanzelf van pagina.
Als je get gebruikt komt de invoer van je formulier in de url terecht. Probeer maar eens.
maar dat wordt er bij de huidige url achter geplakt toch? want nu is de basis "www.url.com/page/" en alles daar achter mag alleen het getal zijn, als er al een getal staat moet het vervangen en niet aangevuld worden. Of moet ik dan een base url gebruiken oid?
Tijndonderdag 24 januari 2013 @ 10:47
quote:
7s.gif Op donderdag 24 januari 2013 10:31 schreef n8n het volgende:

[..]

Moet nu ook nog zorgen dat de input geen andere characters dan getallen accepteert en op dezelfde pagina blijft als je niks invoert etc. maar dat heeft voor mij nu geen prioriteit.
Je zou zoiets kunnen zetten op regel 7 van m'n vorige voorbeeld:

1
2
3
4
5
// sta alleen getallen toe
var digitsOnly = $('#url_input').val().replace(/\D/g, '');
if($('#url_input').val() !== digitsOnly) {
  $('#url_input').val(digitsOnly);
}

Het kan korter, maar je wil niet dat de waarde van het veld bij elke keyup wordt gewijzigd, omdat je cursor dan ook steeds weer naar het einde springt.

Maar ik begrijp nog steeds niet wat je nou probeert te maken. Wil je dat de href van een link wijzigt na invoer in het veld of wil je dat je naar een andere pagina springt?
n8ndonderdag 24 januari 2013 @ 10:57
quote:
2s.gif Op donderdag 24 januari 2013 10:47 schreef Tijn het volgende:

[..]

Je zou zoiets kunnen zetten op regel 7 van m'n vorige voorbeeld:
[ code verwijderd ]

Het kan korter, maar je wil niet dat de waarde van het veld bij elke keyup wordt gewijzigd, omdat je cursor dan ook steeds weer naar het einde springt.

Maar ik begrijp nog steeds niet wat je nou probeert te maken. Wil je dat de href van een link wijzigt na invoer in het veld of wil je dat je naar een andere pagina springt?
Screen%20Shot%202013-01-24%20at%2010.56.14%20AM.png

dit bedoel ik, gebruikt op http://www.onemorething.nl/community/topic/omt-21/
ga nog een keer naar die getallen kijken, alvast bedankt moet nu naar mn academie
Tijndonderdag 24 januari 2013 @ 11:00
Het heeft dus niks met een link te maken :P
n8ndonderdag 24 januari 2013 @ 11:06
quote:
6s.gif Op donderdag 24 januari 2013 11:00 schreef Tijn het volgende:
Het heeft dus niks met een link te maken :P
ow hihi :@ het werkt nu iig heb het ook zo gemaakt dat het niet te zien is dat er een input zit dus wss gebruikt echt niemand het :')
Berend.donderdag 24 januari 2013 @ 14:04
Heb een probleempje, ben nog niet zo goed met positioneren... Ik wil de navigatie naar de rechterkant van de website zonder float: right.

Thanks

screen; http://i.imgur.com/SAD98wa.png

CSS ;http://pastebin.com/j0seKf4X
#ANONIEMdonderdag 24 januari 2013 @ 14:13
Waarom zonder float; right:?
Berend.donderdag 24 januari 2013 @ 14:18
quote:
7s.gif Op donderdag 24 januari 2013 14:13 schreef Scorpie het volgende:
Waarom zonder float; right:?
Moet het wel met float right dan? Kan het niet beter?
KomtTijd...donderdag 24 januari 2013 @ 14:37
Niets moet, alles mag.

Het kan op duizend-en-één manieren, maar over het algemeen is de meest voor de hand liggende manier de beste.
Berend.donderdag 24 januari 2013 @ 15:17
Ok, dat werkt gewoon inderdaad.

Enige is nog dat de plaatjes vervelend doen als je uitzoomt.


Eo5qasy.png
KomtTijd...donderdag 24 januari 2013 @ 15:19
Geen position gebruiken.
Berend.donderdag 24 januari 2013 @ 15:19
quote:
14s.gif Op donderdag 24 januari 2013 15:19 schreef KomtTijd... het volgende:
Geen position gebruiken.
Hoe dan?
KomtTijd...donderdag 24 januari 2013 @ 15:19
float: left?
KomtTijd...donderdag 24 januari 2013 @ 15:20
sowieso wat zijn het voor elementen? img's zouden sowieso al naast elkaar moeten gaan staan gezien die inline-block zijn.
Berend.donderdag 24 januari 2013 @ 15:27
Met float left gaat die ene iets teveel omhoog.

7sGGWa6.png
VorteXxXdonderdag 24 januari 2013 @ 15:40
Java vraagje

Is er bij de JTekstfield een optie zodat er automatisch linebreaks worden gemaakt?
als ik nu in de tekstarea typ dan typ ik tot in het oneindige op de eerste regel zeg maar
Tijndonderdag 24 januari 2013 @ 15:51
Java wordt niet behandeld in dit topic.
KomtTijd...donderdag 24 januari 2013 @ 16:15
quote:
0s.gif Op donderdag 24 januari 2013 15:27 schreef Berend. het volgende:
Met float left gaat die ene iets teveel omhoog.

[ afbeelding ]
Je hebt er nu maar één gefloat.
Geef ze allebei float:left, of allebei niet.

toch bizar dat je met alleen zo'n screenshot de code zo voor je ziet
Berend.vrijdag 25 januari 2013 @ 07:49
quote:
14s.gif Op donderdag 24 januari 2013 16:15 schreef KomtTijd... het volgende:

[..]

Je hebt er nu maar één gefloat.
Geef ze allebei float:left, of allebei niet.

toch bizar dat je met alleen zo'n screenshot de code zo voor je ziet
1Skui

Sowieso, hoe zorg ik ervoor dat die iets naar beneden gaat? Met </br>?
picodealionvrijdag 25 januari 2013 @ 09:17
<br /> is een element dat een nieuwe regel aangeeft, die heb je bijna nooit nodig. Als je iets aan het uiterlijk van je pagina wil veranderen gebruik je stylesheets, niet een element dat er toevallig ongeveer zo uitziet.

Gebruik margin om de ruimte om een element te vergroten.
KomtTijd...vrijdag 25 januari 2013 @ 09:18
laat je code nou eens zien, dit wordt niets.

waarschijnlijk moet je ergens de float van je menu clearen
gerrit098vrijdag 25 januari 2013 @ 12:12
Beste Forum leden,

Ik ben het bezig met een nieuwe website voor ons restaurant.

Graag wil een foto van de tapa v.d. dag op de site.

het moet alleen SUPER makkelijk te vervangen zijn. (mijn collega`s zijn allemaal digibeten) na 1 dag moet de foto er automatisch afgaan.

Alleen een foto is goed genoeg.

heeft iemand een idee of dit mogelijk is of een makkelijke manier.

Via FTP ben ik bang dat ze de hele website offline halen (per ongeluk).

als het mogelijk het liefst via een smartphone.

De website is geschreven in HTML/CSS

www.cantinadolores.nl voor een impressie....
Tijnvrijdag 25 januari 2013 @ 12:20
Zit er geen CMS achter je website waarmee dat kan dan?
Maringovrijdag 25 januari 2013 @ 13:17
Je kan er een CMS achter hangen met een aparte user voor hun.

Maar kan je niet nog een ftp user aanmaken die alleen naar een aparte map kan gaan waar 1 plaatje instaat? En dat ze die dus moeten veranderen.
KomtTijd...vrijdag 25 januari 2013 @ 13:20
quote:
2s.gif Op vrijdag 25 januari 2013 13:17 schreef Maringo het volgende:

Maar kan je niet nog een ftp user aanmaken die alleen naar een aparte map kan gaan waar 1 plaatje instaat? En dat ze die dus moeten veranderen.
Slecht excuus om geen CMS te gebruiken. :P
#ANONIEMvrijdag 25 januari 2013 @ 13:21
quote:
2s.gif Op vrijdag 25 januari 2013 13:17 schreef Maringo het volgende:
Je kan er een CMS achter hangen met een aparte user voor hun.

Maar kan je niet nog een ftp user aanmaken die alleen naar een aparte map kan gaan waar 1 plaatje instaat? En dat ze die dus moeten veranderen.
Dat. Of je laat ze naar een dropbox ding uploaden en je linkt naar de statische file. (ja, ik heb dat echt al een keer eerder gedaan zien worden :D )
gerrit098vrijdag 25 januari 2013 @ 13:23
quote:
7s.gif Op vrijdag 25 januari 2013 13:21 schreef Scorpie het volgende:

[..]

Dat. Of je laat ze naar een dropbox ding uploaden en je linkt naar de statische file. (ja, ik heb dat echt al een keer eerder gedaan zien worden :D )
CMS is nieuwe voor mij en ga ik nog ff bekijken maar het idee van dropboxx vind ik eigenlijk wel heel goed
KomtTijd...vrijdag 25 januari 2013 @ 13:26
quote:
7s.gif Op vrijdag 25 januari 2013 13:21 schreef Scorpie het volgende:

[..]

Dat. Of je laat ze naar een dropbox ding uploaden en je linkt naar de statische file. (ja, ik heb dat echt al een keer eerder gedaan zien worden :D )
Ik zit er srsly wel aan te denken een koppeling tussen Dropbox en mijn hostingprovider te maken zodat iedere n00b bestanden kan uploaden. Moet alleen nog even verzinnen wat ik doe als het niet lukt de hostingprovider te overtuigen Dropbox op een shared server te installeren :+
KomtTijd...vrijdag 25 januari 2013 @ 13:27
quote:
0s.gif Op vrijdag 25 januari 2013 13:23 schreef gerrit098 het volgende:

[..]

CMS is nieuwe voor mij en ga ik nog ff bekijken maar het idee van dropboxx vind ik eigenlijk wel heel goed
Tip: CMS Made Simple gebruiken, kun je met relatief weinig aanpassingen je huidige HTML als template gebruiken.
Maringovrijdag 25 januari 2013 @ 13:28
quote:
14s.gif Op vrijdag 25 januari 2013 13:20 schreef KomtTijd... het volgende:

[..]

Slecht excuus om geen CMS te gebruiken. :P
Ik heb een keer mee gemaakt met een website die we overnamen. Geen CMS en 4 extra FTP users met elk een eigen map. De mappen waren per nieuwscategorie en je moest dus met een bepaalde user inloggen voor bepaalde categorie. In elke map stonden dus een aantal .txt bestanden die elk een nieuwsitem bevatte.
KomtTijd...vrijdag 25 januari 2013 @ 13:29
quote:
9s.gif Op vrijdag 25 januari 2013 13:28 schreef Maringo het volgende:

[..]

Ik heb een keer mee gemaakt met een website die we overnamen. Geen CMS en 4 extra FTP users met elk een eigen map. De mappen waren per nieuwscategorie en je moest dus met een bepaalde user inloggen voor bepaalde categorie. In elke map stonden dus een aantal .txt bestanden die elk een nieuwsitem bevatte.
Hey. Zo werkte mijn eerste website ook hoor.
Maringovrijdag 25 januari 2013 @ 13:29
quote:
8s.gif Op vrijdag 25 januari 2013 13:29 schreef KomtTijd... het volgende:

[..]

Hey. Zo werkte mijn eerste website ook hoor.
Maar toch niet anno 2011 voor een redelijk groot bedrijf..
picodealionvrijdag 25 januari 2013 @ 13:57
quote:
14s.gif Op vrijdag 25 januari 2013 13:26 schreef KomtTijd... het volgende:

[..]

Ik zit er srsly wel aan te denken een koppeling tussen Dropbox en mijn hostingprovider te maken zodat iedere n00b bestanden kan uploaden. Moet alleen nog even verzinnen wat ik doe als het niet lukt de hostingprovider te overtuigen Dropbox op een shared server te installeren :+
Wellicht is er via IFTTT.com een oplossing voor te bedenken?
Tijnvrijdag 25 januari 2013 @ 15:24
quote:
9s.gif Op vrijdag 25 januari 2013 13:29 schreef Maringo het volgende:

[..]

Maar toch niet anno 2011 voor een redelijk groot bedrijf..
2011?
Tijnvrijdag 25 januari 2013 @ 15:24
quote:
14s.gif Op vrijdag 25 januari 2013 13:26 schreef KomtTijd... het volgende:

[..]

Moet alleen nog even verzinnen wat ik doe als het niet lukt de hostingprovider te overtuigen Dropbox op een shared server te installeren :+
Neem een VPS, kun je installeren wat je wil.
KomtTijd...vrijdag 25 januari 2013 @ 15:59
ik zat te denken om eerst maar eens op mijn thuisserver een FTP-locatie te mounten in mijn dropbox folder. :+ Ooit, als ik tijd en zin heb.
MrNileszaterdag 26 januari 2013 @ 16:14
quote:
0s.gif Op vrijdag 25 januari 2013 12:12 schreef gerrit098 het volgende:
Beste Forum leden,

Ik ben het bezig met een nieuwe website voor ons restaurant.

Graag wil een foto van de tapa v.d. dag op de site.

het moet alleen SUPER makkelijk te vervangen zijn. (mijn collega`s zijn allemaal digibeten) na 1 dag moet de foto er automatisch afgaan.

Alleen een foto is goed genoeg.

heeft iemand een idee of dit mogelijk is of een makkelijke manier.

Via FTP ben ik bang dat ze de hele website offline halen (per ongeluk).

als het mogelijk het liefst via een smartphone.

De website is geschreven in HTML/CSS

www.cantinadolores.nl voor een impressie....
misschien met een regeltje php?
Foto geef je de naam van de dag dat het erop moet staan.
dus de foto van vandaag is 26_1_2013.jpg
moet volgens mij wel mogelijk zijn
Merkiezaterdag 26 januari 2013 @ 16:23
quote:
0s.gif Op zaterdag 26 januari 2013 16:14 schreef MrNiles het volgende:

[..]

misschien met een regeltje php?
Foto geef je de naam van de dag dat het erop moet staan.
dus de foto van vandaag is 26_1_2013.jpg
moet volgens mij wel mogelijk zijn
Dat kan ook met Javascript / jQuery.
Tijnzaterdag 26 januari 2013 @ 17:12
quote:
0s.gif Op zaterdag 26 januari 2013 16:14 schreef MrNiles het volgende:

[..]

misschien met een regeltje php?
Foto geef je de naam van de dag dat het erop moet staan.
dus de foto van vandaag is 26_1_2013.jpg
moet volgens mij wel mogelijk zijn
Het lijkt me in zo'n geval beter om er een apart mapje voor te maken en de meest recente foto weer te geven. Aangezien het elke dag moet, gaat het anders zeker een keer mis.
Merkiezaterdag 26 januari 2013 @ 17:48
Anders gewoon een foto voor de dag van de week plaatsen.
Alfjezondag 27 januari 2013 @ 19:01
Ik ben een remake aan het maken van een site die ik een aantal jaren terug gemaakt heb. Super lelijke code gebakken toen en wil er nu wat uitbreidingen bijmaken.

Anyway ik heb daarop een tabel met colgroups en secties thead tbody en tfoot. Op mijn oude site heb ik de table attribuut rules="groups" meegegeven en dan komen de borders precies zoals ik ze hebben wil. Alleen is dit attribuut deprecated en in html5 zelfs verwijderd, bovendien houd je dan niet netjes inhoud en opmaak gescheiden, dus ik wil ditzelfde bereiken door middel van css.

Echter als ik een colgroup of bijvoorbeeld thead een border geef zie ik die niet terug. Voor ik ga priegelen en dit effect ga proberen te bereiken door individuele cellen wel of geen border mee te geven wilde ik hier even vragen of iemand een briljante oplossing weet.

Plaatje van de opmaak die ik wil:
toto.byethost22.com/img/table.jpg
In de html geef ik in de tabel eerst de colgroups, twee met span 3 voor de wedstrijd en uitslag, een met span 1 voor de toto waarde en dan per gebruiker een met span 4 voor 4 voorspellingen.
Dan een thead met twee rijen, de tbody met de wedstrijden en de tfoot, ook twee rijen met de behaalde punten.
Catch22-zondag 27 januari 2013 @ 19:08
Plaatje doet t niet. Kan je geen codevoorbeeld op jsbin zetten?
mstxzondag 27 januari 2013 @ 19:15
quote:
0s.gif Op zondag 27 januari 2013 19:08 schreef Catch22- het volgende:
Plaatje doet t niet.
LWtjrKN.jpg
Alfjezondag 27 januari 2013 @ 19:30
quote:
0s.gif Op zondag 27 januari 2013 19:15 schreef mstx het volgende:

[..]

[ afbeelding ]
dank
picodealionzondag 27 januari 2013 @ 20:43
CSS voor tabellen is helaas nog steeds ernstig beperkt. Ik zou zo gauw geen manier weten om dit aan te pakken.
TwyLightzondag 27 januari 2013 @ 20:47
Hoezo is css voor tabellen beperkt :?
KomtTijd...zondag 27 januari 2013 @ 21:15
Je moet niet je thead een border geven maar je th.

kolommen kun je stijlen mbv nth-child() of gewoon classnames meegeven aan sommige td's
boem-dikkiezondag 27 januari 2013 @ 21:38
quote:
9s.gif Op zondag 27 januari 2013 20:43 schreef picodealion het volgende:
CSS voor tabellen is helaas nog steeds ernstig beperkt. Ik zou zo gauw geen manier weten om dit aan te pakken.
Wat? :')
KomtTijd...zondag 27 januari 2013 @ 21:53
quote:
9s.gif Op zondag 27 januari 2013 20:43 schreef picodealion het volgende:
CSS voor tabellen is helaas nog steeds ernstig beperkt. Ik zou zo gauw geen manier weten om dit aan te pakken.
Wie ben jij en wat heb je met Picodealion gedaan!?

om me maar even bij bovenstaanden aan te sluiten
Merkiezondag 27 januari 2013 @ 21:57
quote:
0s.gif Op zondag 27 januari 2013 20:47 schreef TwyLight het volgende:
Hoezo is css voor tabellen beperkt :?
Dat vraag ik me ook af eigenlijk.
picodealionzondag 27 januari 2013 @ 22:13
Hmm, had een beetje een asdf momentje geloof ik. Wat ik bedoelde te zeggen is dat hey stijlen van kolommen erg beperkt is. Heb laatst o.a. zitten pielen met kolommen apart te stijlen maar dat werkt echt nog niet lekker. Een aantal basis-stijlen werkt wel, maar zelfs backgroud pakte 'ie niet meen ik.

Misschien moet ik morgen maar even opnieuw proberen de post te lezen :').
Catch22-zondag 27 januari 2013 @ 22:17
Als je het semantisch goed opzet is t prima te stylen...
FredVleespetmaandag 28 januari 2013 @ 00:38
Ik heb proberen te googlen maar het probleem is dat ik niet weet waarop ik moet googlen :')
Ik wil een pagina maken met 2 buttons. Laten we zeggen:

- PS3
- Xbox

Dan kom je op een andere pagina met een contactformulier met de bovenstaande 2 onderdelen met checkboxes (ps3,xbox). Hoe kan ik ervoor zorgen dat als ik PS3 aanklik op de vorige pagina, dat de juiste checkbox als is ingevuld op de formulier pagina?
Iemand die mij de goede richting in kan duwen?
KomtTijd...maandag 28 januari 2013 @ 00:40
Geef een parameter aan de URL mee. Achter het hekje als je het met javascript wilt oplossen of achter het vraagteken als je het serverside wilt oplossen.
FredVleespetmaandag 28 januari 2013 @ 12:15
Thnx ^O^
karton2woensdag 30 januari 2013 @ 14:49
Ik heb 3 menulinks die ik helemaal gestyled heb. Alles werkt en ziet eruit zoals ik wil alleen de text-align:center; doet hij niet. De tekst blijft standaard links uitgelijnd staan.

quote:
.portfolio {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:center;
text-decoration:none;
color:#000;
}

.portfolio:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13x;
text-align:center;
text-decoration:none;
color:#fc8d2f;
}
quote:
<p>
<a href="index.php?option=com_content&view=article&id=6&Itemid=121" class="portfolio">websites</a>

<a href="index.php?option=com_content&view=article&id=7&Itemid=122" class="portfolio">logo's & huisstijl</a>

<a href="index.php?option=com_content&view=article&id=8&Itemid=123" class="portfolio">3D</a>
</p>
De code komt uit een joomla artikel en hij zet volgens mij daarom de code telkens tussen <p> </p>. Als ik die weghaal dat zet hij ze automatisch weer terug.
In de CSS heb ik p { } niet beschreven, dus de code kan niet met dat overhoop liggen lijkt me.
KomtTijd...woensdag 30 januari 2013 @ 14:59
highlight je <a> element eens.

Staat de tekst netjes in het midden van dat element? Ik gok van wel. :+
Black-Holewoensdag 30 januari 2013 @ 15:25
quote:
5s.gif Op woensdag 30 januari 2013 14:49 schreef karton2 het volgende:
Ik heb 3 menulinks die ik helemaal gestyled heb. Alles werkt en ziet eruit zoals ik wil alleen de text-align:center; doet hij niet. De tekst blijft standaard links uitgelijnd staan.
Ik neem aan dat je de tekstlinks gecentreerd wil hebben op de pagina? Zo ja, een a-element is geen inline element waardoor text-align niet direct werkt. Voeg display: block; toe aan je styling en het werkt wel.
karton2woensdag 30 januari 2013 @ 16:38
quote:
0s.gif Op woensdag 30 januari 2013 15:25 schreef Black-Hole het volgende:

[..]

Ik neem aan dat je de tekstlinks gecentreerd wil hebben op de pagina? Zo ja, een a-element is geen inline element waardoor text-align niet direct werkt. Voeg display: block; toe aan je styling en het werkt wel.
Die code zet de tekstlinks inderdaad centraal op de pagina.
Alleen nu staan de worden boven elkaar ipv achter elkaar.

Wat ik wil is: Websites Logo's & Huisstijl 3D (met voldoende ruimte tussen de woorden)

Wat ik nu heb is:
Websites
Logo's & Huisstijl
3D

Ik heb met word-spacing zitten experimenteren maar hij 'spaced' alleen maar 'logo's & huisstijl'.
KomtTijd...woensdag 30 januari 2013 @ 16:40
gebruik paddings, en eventueel display:inline-block.
Black-Holewoensdag 30 januari 2013 @ 16:40
quote:
5s.gif Op woensdag 30 januari 2013 16:38 schreef karton2 het volgende:

[..]

Die code zet de tekstlinks inderdaad centraal op de pagina.
Alleen nu staan de worden boven elkaar ipv achter elkaar.

Wat ik wil is: Websites Logo's & Huisstijl 3D (met voldoende ruimte tussen de woorden)

Wat ik nu heb is:
Websites
Logo's & Huisstijl
3D

Ik heb met word-spacing zitten experimenteren maar hij 'spaced' alleen maar 'logo's & huisstijl'.
Oh zo, dan maak je er toch een ul van met display inline? En verwijder ook die <p> tags, die heb je totaal niet nodig.

Zijn zo veel mogelijkheden overigens, zonder die <p> tags kan je ze allemaal achter elkaar zetten en staan ze ook achter elkaar. Je kan ook nog elke <a> kunnen floaten.

[ Bericht 6% gewijzigd door Black-Hole op 30-01-2013 16:51:24 ]
Pino112donderdag 31 januari 2013 @ 01:28
Een tabel in een tabel in een tabel, is dat not-done voor een website of kan het wel als ie niet te zwaar wordt daardoor?
picodealiondonderdag 31 januari 2013 @ 08:51
Wat voor data heb je in godsnaam dat je een tabel in een tabel moet tonen?

Of gebruik je de tabel voor de layout? Dan is eentje al not done.
#ANONIEMdonderdag 31 januari 2013 @ 09:16
quote:
14s.gif Op donderdag 31 januari 2013 01:28 schreef Pino112 het volgende:
Een tabel in een tabel in een tabel, is dat not-done voor een website of kan het wel als ie niet te zwaar wordt daardoor?
800px-Sup_dawg.jpg

Zoiets?
KomtTijd...donderdag 31 januari 2013 @ 09:30
Als je een goeie reden ergens voor hebt is het nooit not-done. Dus: verblijd ons met je overwegingen!
TwyLightdonderdag 31 januari 2013 @ 09:35
Ik voorspel eigenlijk dat websites bouwen met tabellen weer helemaal hip wordt in 2013. Lekker retro enzo
Pino112donderdag 31 januari 2013 @ 09:35
quote:
3s.gif Op donderdag 31 januari 2013 08:51 schreef picodealion het volgende:
Wat voor data heb je in godsnaam dat je een tabel in een tabel moet tonen?

Of gebruik je de tabel voor de layout? Dan is eentje al not done.
Layout ja.

Ik kwam hem tegen en vond hem er wel mooi zien, dus even de bron bekeken.
http://www.cucaracha.nl/
TwyLightdonderdag 31 januari 2013 @ 09:36
M.a.w. heb je dus het ontwerp en code van een andere website geript voor je eigen website?

10 internets voor jou
KomtTijd...donderdag 31 januari 2013 @ 09:40
quote:
14s.gif Op donderdag 31 januari 2013 09:35 schreef Pino112 het volgende:

[..]

Layout ja.

Ik kwam hem tegen en vond hem er wel mooi zien, dus even de bron bekeken.
http://www.cucaracha.nl/
Eigenlijk best knap dat je in zo'n simpele layout nog 3 tabellen kunt verstoppen! Ik zou überhaupt niet verder komen dan 3 stijl-elementen denk ik.
Darkomendonderdag 31 januari 2013 @ 09:45
Daar gaat wel wat meer mis dan enkel de tabellen O-o
Pino112donderdag 31 januari 2013 @ 09:46
quote:
10s.gif Op donderdag 31 januari 2013 09:36 schreef TwyLight het volgende:
M.a.w. heb je dus het ontwerp en code van een andere website geript voor je eigen website?

10 internets voor jou
Nee gast, ik heb niks geript. Kan je niet lezen? Dat is mijn eigen site niet.
KomtTijd...donderdag 31 januari 2013 @ 10:00
Bewaar de vrede, mensen. Het is gewoon even een lachmomentje om willekeurig prutswerk à la taxi pol
picodealiondonderdag 31 januari 2013 @ 10:03
quote:
0s.gif Op donderdag 31 januari 2013 09:45 schreef Darkomen het volgende:
Daar gaat wel wat meer mis dan enkel de tabellen O-o
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<body>
  <cmt>
  <title>Restaurant Zwolle - Mexicaans eten in Zwolle? La Cucaracha - Mexican Cantina</title>
  <link rel="stylesheet" href="stylesheet.css" type="text/css" target="_blank">
  <style type="text/css">
    <!--
    body {
        margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #ca6e2a;
    }
    -->
  </style>

  <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

Tja...
#ANONIEMdonderdag 31 januari 2013 @ 10:04
quote:
10s.gif Op donderdag 31 januari 2013 10:03 schreef picodealion het volgende:

[..]
[ code verwijderd ]

Tja...
Hehe :D

Ik moet vooral lachen om die target="_blank" bij de css include.

[ Bericht 6% gewijzigd door #ANONIEM op 31-01-2013 10:05:06 ]
RM-rfdonderdag 31 januari 2013 @ 10:08
quote:
14s.gif Op donderdag 31 januari 2013 01:28 schreef Pino112 het volgende:
Een tabel in een tabel in een tabel, is dat not-done voor een website of kan het wel als ie niet te zwaar wordt daardoor?
simpel antwoord... ja , dat is not-done.
en per definitie wordt een site 'zwaar' van zulk een html code omdat het renderen van tabellen een van de zwaarste opgaves is voor een html-engine (omdat een tabel voor zn layout, breedte, hoogtes e.d. erg veel afhankelijkheden heeft en opgedeeld is in rijen en columns (minimaal) die allemaal specifiek gerenderd moeten worden of geheugenruimte innemen).

het is altijd goed bewust ervoor te kiezen tabellen te reserveren voor tabulaire data, oftewel gegevens die een duidelijke diepere crossrelatie hebben
Tijndonderdag 31 januari 2013 @ 10:53
quote:
7s.gif Op donderdag 31 januari 2013 10:04 schreef Scorpie het volgende:

[..]

Ik moet vooral lachen om die target="_blank" bij de css include.
Je wil natuurlijk geen bezoekers verliezen als iemand je CSS-file opent B-)
Pino112donderdag 31 januari 2013 @ 17:25
quote:
10s.gif Op donderdag 31 januari 2013 10:03 schreef picodealion het volgende:

[..]
[ code verwijderd ]

Tja...
Of
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test menustructuur Luna Bodymindtrainingen</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal2.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.stijl1 {
    font-family: Arial;
    font-size: 75%;
    font-weight: bold;
}
.stijl3 {
    font-size: 70%
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.stijl8 {font-size: 70%; font-family: Arial; }
-->
</style>
</head>

midden in een tabel. Sowieso slaat die "Test menustructuur Luna Bodymindtrainingen" nergens op.
stoeltafelvrijdag 1 februari 2013 @ 13:26
allmotive.eu/offerte-aanvragen

Ik wil de layout van de keuzevakken aanpassen, is dit mogelijk?
Nu oogt het erg druk en chaotisch.

Via een vriend heb ik het volgende aangepast

Heb in frontforms.css dit aangepast

1
2
.cfdiv_checkboxgroup label, .cfdiv_radio label,
.cfdiv_checkboxgroup input, .cfdiv_radio input { float: left; }

naar

1
2
.cfdiv_checkboxgroup label, .cfdiv_radio label,
.cfdiv_checkboxgroup input, .cfdiv_radio input { float: center; }

Echter verandert er niks op de site. Heb het aangepast op de FTP (cPanel File Manager V3). Moet ik nog iets doen voordat de verandering zichtbaar is?
mstxvrijdag 1 februari 2013 @ 13:31
quote:
0s.gif Op vrijdag 1 februari 2013 13:26 schreef stoeltafel het volgende:
allmotive.eu/offerte-aanvragen

Ik wil de layout van de keuzevakken aanpassen, is dit mogelijk?
Nu oogt het erg druk en chaotisch.

Via een vriend heb ik het volgende aangepast

Heb in frontforms.css dit aangepast
[ code verwijderd ]

naar
[ code verwijderd ]

Echter verandert er niks op de site. Heb het aangepast op de FTP (cPanel File Manager V3). Moet ik nog iets doen voordat de verandering zichtbaar is?
float:center bestaat niet
stoeltafelvrijdag 1 februari 2013 @ 13:32
Dat is dus de reden :) Vriend van me zei het. Weet jij dan een oplossing hoe ik de mogelijkheden netjes in een rij krijg?
KomtTijd...vrijdag 1 februari 2013 @ 13:37
1) plaats de checkboxes in de bijbehorende labels (de for="" kun je dan weghalen)
2) maak de labels display:block zodat ze onder elkaar gaan staan

quick and dirty:
1) gooi een <br> achter de labels
stoeltafelvrijdag 1 februari 2013 @ 13:41
Dat laatste heb ik al geprobeerd maar dat kan dus niet in Chronforms. Heb het eerst geprobeerd onder Joomla maar dat lukt niet. Het ziet er nu zo uit

Freedom Pick-up=Freedom Pick-up
Freedom Pick-up E-power=Freedom Pick-up E-power
Freedom Van=Freedom Van
Freedom Van E-power=Freedom Van E-power
Coolcar=Coolcar
Coolcar E-Power=Coolcar E-Power

In dit vak in Chronoforms is ook niks anders in te vullen, lekker vaag.
stoeltafelvrijdag 1 februari 2013 @ 13:42
quote:
14s.gif Op vrijdag 1 februari 2013 13:37 schreef KomtTijd... het volgende:
1) plaats de checkboxes in de bijbehorende labels (de for="" kun je dan weghalen)
2) maak de labels display:block zodat ze onder elkaar gaan staan

quick and dirty:
1) gooi een <br> achter de labels
Wil je dat eerste ff uitleggen, begin net met css/joomla.
KomtTijd...vrijdag 1 februari 2013 @ 13:47
Je zult voor beide opties ergens de template voor het maken van die checkboxes aan moeten passen.
Gezien het joomla is betekent dat waarschijnlijk graven en wijzigen in bronbestanden... niet echt verstandig.

Oh de CSS-only oplossing:

de checkboxes clear:left meegeven ipv clear:none (regel 72 frontforms.css)
stoeltafelvrijdag 1 februari 2013 @ 13:52
Lijkt mij ook niet verstandig, zeker met mijn beperkte kennis.

Heb je verandering door gevoerd maar zie niks anders? Ff cache legen.
KomtTijd...vrijdag 1 februari 2013 @ 13:56
in je online-versie is nog niets veranderd.
stoeltafelvrijdag 1 februari 2013 @ 14:00
1
2
3
/* input types */
.ccms_form_element input[type="checkbox"], 
/*.ccms_form_element input[type="radio"] { border-color: transparent; margin: 8px 9px 0 0; clear: left; }*/

Dit is toch verandert? Heb de wijzing opgeslagen, dat geeft die aan bij het sluiten.

Ff verder zoeken, alvast super bedankt voor je hulp.
stoeltafelvrijdag 1 februari 2013 @ 15:21
quote:
14s.gif Op vrijdag 1 februari 2013 13:56 schreef KomtTijd... het volgende:
in je online-versie is nog niets veranderd.
Nu wel toch? Dat is helaas ook niet de oplossing. Stom dat ik niet gewoon <b> kan toevoegen.

Ben niet de enige met het probleem, check http://www.chronoengine.com/forums/viewtopic.php?f=26&t=81556 alleen er staat niet echt een oplossing in
KomtTijd...vrijdag 1 februari 2013 @ 15:34
quote:
0s.gif Op vrijdag 1 februari 2013 15:21 schreef stoeltafel het volgende:
Nu wel toch?
nope.
Schermafdruk van 2013-02-01 15:31:00.png
Schermafdruk van 2013-02-01 15:34:48.png
stoeltafelvrijdag 1 februari 2013 @ 15:45
quote:
14s.gif Op vrijdag 1 februari 2013 13:47 schreef KomtTijd... het volgende:
Je zult voor beide opties ergens de template voor het maken van die checkboxes aan moeten passen.
Gezien het joomla is betekent dat waarschijnlijk graven en wijzigen in bronbestanden... niet echt verstandig.

Oh de CSS-only oplossing:

de checkboxes clear:left meegeven ipv clear:none (regel 72 frontforms.css)
Gelukt ! Dit was de oplossing, echt super bedankt :):)
stoeltafelvrijdag 1 februari 2013 @ 19:13
quote:
14s.gif Op vrijdag 1 februari 2013 15:34 schreef KomtTijd... het volgende:

[..]

nope.
[ link | afbeelding ]
[ link | afbeelding ]

Hoe heb je dit zo mooi geopend? Lijkt me erg handig voor mijn werk.
Merkievrijdag 1 februari 2013 @ 19:32
Firebug?
pascal08maandag 4 februari 2013 @ 16:55
Ik zoek een goede template voor een site die ik aan het maken ben. Ik ben zelf helemaal niet handig met designen en ik heb te weinig kaas gegeten van CSS en jQuery om een mooie template te maken die geschikt is voor alle grote browsers.

Nu kwam ik de site: www.wrapbootstrap.com tegen, waar hele mooi templates te vinden zijn. Heeft iemand ervaring met deze templates of suggesties voor een betere oplossing?

Ik wil het liefst wel een Bootstrap-based template, aangezien ik Bootstrap redelijk begrijp.

[ Bericht 9% gewijzigd door pascal08 op 04-02-2013 17:07:05 ]
BrainOverfloWwoensdag 6 februari 2013 @ 21:17
Even een kort CSS vraagje. Ik heb het volgende test bestandje gemaakt.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        #input, #output{
            height: 100px;
            position: relative;
            float: left;
        }

        #input{
            width: 265px;
            background-color: #3B90FF;
        }

        #output{
            min-width: 265px;
            max-width: 400px;
            background-color: #EFFF3B;
        }
    </style>
</head>
<body>
    <div id="input">Input</div>
    <div id="output">Output</div>
</body>
</html>

De bedoeling is #output, zolang het past, 400px breed is. Zodra het scherm kleiner word krimpt hij mee in tot 265px, als het scherm nog kleiner word komt #output onder #input te staan.
Het probleem is dat #output standaard zijn min-width pakt in plaats van zijn max-width, ook als hij alle ruimte heeft.
Ik heb het idee dat dat toch niet zo moeilijk moet zijn dus welke beginnersfout zie ik over het hoofd :@
Tijnwoensdag 6 februari 2013 @ 21:28
Even toevoegen:

1width: 100%;

Dan heeft 'ie een uitgangsbreedte (zo breed mogelijk). Daarna past 'ie daar dan de min-width en max-width op toe.
Catch22-woensdag 6 februari 2013 @ 21:30
De fout is dat die div niets bevat en daardoor niet die ruimte pakt
BrainOverfloWwoensdag 6 februari 2013 @ 22:14
quote:
2s.gif Op woensdag 6 februari 2013 21:28 schreef Tijn het volgende:
Even toevoegen:
[ code verwijderd ]

Dan heeft 'ie een uitgangsbreedte (zo breed mogelijk). Daarna past 'ie daar dan de min-width en max-width op toe.
Die maakt niet echt verschil.

quote:
0s.gif Op woensdag 6 februari 2013 21:30 schreef Catch22- het volgende:
De fout is dat die div niets bevat en daardoor niet die ruimte pakt
Heb er even een stuk tekst in geplakt. Hij schuift nu wel in maar pas als hij onder #input staat. Ik wil juist dan hij eerst in gaat schuiven en als dat niet meer past pas naar onderen doorschuiven.
KomtTijd...donderdag 7 februari 2013 @ 00:17
Maak 'm dan width: 50% (of 49 of wat uitkomt)
sanneyentldonderdag 7 februari 2013 @ 17:07
Uit meerdere test voor een website, blijkt dat de header de boosdoener is waardoor de laadtijd van de website vrij traag is. Ik heb hier de header in photoshop en vroeg me af welke tips en handelingen jullie hebben voor mij om de header nu zo te optimaliseren dat de laadtijd versnelt
KomtTijd...donderdag 7 februari 2013 @ 17:08
Nou als je even rechtermuis -> opties doet en het vinkje voor "extra traag" uitvinkt, dan gaat het al een stuk sneller.

echt wtf?
Catch22-donderdag 7 februari 2013 @ 17:11
save for web?
sanneyentldonderdag 7 februari 2013 @ 17:14
Hoezo wtf? In de omschrijving mag je hier ook met vragen komen als je er minder van begrijpt dan eventueel de meesten hier. Blijkbaar is het een makkelijk iets, waarom dan niet gewoon even een simpel antwoord? Ben ik ook weer geholpen
KomtTijd...donderdag 7 februari 2013 @ 17:36
Dat je er nauwelijks iets van begrijpt is niet erg, maar als je een serieus antwoord wilt zul je toch met iets beters moeten komen dan "hij doet het niet".
Tijndonderdag 7 februari 2013 @ 18:48
quote:
0s.gif Op donderdag 7 februari 2013 17:07 schreef sanneyentl het volgende:
Uit meerdere test voor een website, blijkt dat de header de boosdoener is waardoor de laadtijd van de website vrij traag is. Ik heb hier de header in photoshop en vroeg me af welke tips en handelingen jullie hebben voor mij om de header nu zo te optimaliseren dat de laadtijd versnelt
Hier is moeilijk iets over te zeggen zonder een link naar de header (of nog beter: de site waar-ie op staat).
#ANONIEMdonderdag 7 februari 2013 @ 18:57
quote:
0s.gif Op donderdag 7 februari 2013 17:07 schreef sanneyentl het volgende:
Uit meerdere test voor een website, blijkt dat de header de boosdoener is waardoor de laadtijd van de website vrij traag is. Ik heb hier de header in photoshop en vroeg me af welke tips en handelingen jullie hebben voor mij om de header nu zo te optimaliseren dat de laadtijd versnelt
Vervang de olie.
Catch22-donderdag 7 februari 2013 @ 19:04
Save.for.web
Catch22-donderdag 7 februari 2013 @ 19:04
Zo heeel moeilijk is dat niet