abonnement Unibet Coolblue
pi_108193309
[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.

[ Bericht 3% gewijzigd door KomtTijd... op 20-02-2012 17:52:26 ]
  maandag 20 februari 2012 @ 17:26:37 #2
56176 Catch22-
Ben je Blind?!
pi_108193439
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?

Wij waarderen het heel erg als je zelf een beetje hebt rongezocht als je een vraag stelt. Ikzelf vind het leuk om je te helpen als je er niet uitkomt, maar toon wel zelf inzet. Als je het niet snapt, zoek dan even op internet wat we mogelijk bedoel, voordat je post "wat is een blockelement?". We kunnen je namelijk de goede richting opwijzen, maar kunnen niet alles voor je gaan uitdenken. Dus toon zelf initiatief. Kom je er niet uit of heb je een duwtje de juiste richting nodig, dan mag je dat natuurlijk gewoon posten.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108196297
quote:
11s.gif Op maandag 20 februari 2012 17:22 schreef Catch22- het volgende:
Heb je een base href gedefinieerd?
Wat ik gedaan heb is dit in de <head> gezet: <base href="http://localhost/joomla/images">

Vervolgens wordt er gezegd dat je in de body aangeeft wat de naam van de image is, heb ik gedaan maar geen resultaat.

Dus mijn code ziet er nu zo uit:
1
2
3
4
<head><base href="http://localhost/joomla/images"></head>
<body>
<a href="javascript:bookmarksite('Google', 'http://www.google.nl')"><img src="favo.jpg" alt="bookmark"  />
</body>

Als ik de theorie goed begrijp geef je met de base href aan waar de browser moet zoeken en met img src geef je specifiek aan welk bestand de browser moet verwerken, in mijn geval dus favo.jpg.

Het 'try it yourself' voorbeeld van W3schools laat mbt <img src="stickman.gif" width="24" height="39" /> een afbeelding zien nadat ze in de <head> die base href hebben neergezet. Als ik dat voorbeeld gebruik in mijn testomgeving gebeurd er wederom niks.
Het pad naar de images map klopt gewoon niet, -alles- werkt behalve de afbeelding zelf.
Als ik in base href D:/Werk/wamp/www/joomla/templates/testtemplate/images/ neerzet weigert ie ook dienst.
pi_108196555
Als www je webroot is, dan zie je toch zelf ook dat je pad niet klopt lijkt me?
  maandag 20 februari 2012 @ 19:20:36 #5
84244 Scorpie
Abject en infaam!
pi_108197758
quote:
14s.gif Op maandag 20 februari 2012 18:49 schreef KomtTijd... het volgende:
Als www je webroot is, dan zie je toch zelf ook dat je pad niet klopt lijkt me?
Www is de webroot van Wamp.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108198004
Daarom.
/www/joomla/templates/testtemplate/images/
/www/joomla/images

Zoek de verschillen
pi_108249829
Oke, html/css vraagje. Ik wil boxen met ronde hoeken en schaduw om een aantal divjes op mijn pagina maken. Nu weet ik dat dit kan middels een tabel, of (zoals ik het nu heb) een background die zich herhaalt en een losse boven en onderkant.
Echter merk ik in beide gevallen dat de inhoud (tekst/afbeelding/object) natuurlijk gelijk met de background ophoudt, waardoor met de redelijke schuine hoeken er best een dikke rand overblijft, dikker dan ik zou willen. Is er een manier om ofwel de achtergrond voortijdig te laten stoppen, of een losse box te maken die ik naar wens kan resizen waar ik de inhoud gewoon 'voor' plaats?
pi_108251758
Ik zou zeggen Fuck IE7, gewoon CSS3 gebruiken.
pi_108251816
CSS3 in combinatie met CSS3pie voor IE. Werkt prima.
  woensdag 22 februari 2012 @ 09:15:30 #10
12221 Tijn
Powered by MS Paint
pi_108252108
Ronde hoeken en schaduwen doe ik tegenwoordig alleen nog maar met CSS3. Sinds IE9 dat ook gewoon ondersteunt, is er imho geen reden meer om bizarre constructies aan te gaan om oude versies ook te ondersteunen. Mensen updaten maar lekker naar de nieuwste versie van hun browser, of ze gebruiken de site zonder ronde hoeken en schaduwen. Het is immers ook niet alsof het niet werkt zonder die dingen.
  woensdag 22 februari 2012 @ 09:19:43 #11
56176 Catch22-
Ben je Blind?!
pi_108252209
quote:
14s.gif Op woensdag 22 februari 2012 08:59 schreef picodealion het volgende:
CSS3 in combinatie met CSS3pie voor IE. Werkt prima.
Dit dus. Maar PIE werkt niet altijd, is vrij zwaar en kan soms iets onvoorspelbaar zijn.

Ik leg het tegenwoordig bij de klant neer. Of CSS3 en geen IE8 en lager, of met afbeeldingen, maar dan kost het meer tijd.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108252435
quote:
11s.gif Op woensdag 22 februari 2012 09:19 schreef Catch22- het volgende:

[..]

Dit dus. Maar PIE werkt niet altijd, is vrij zwaar en kan soms iets onvoorspelbaar zijn.

Da's het probleem van dinosauriėrs die hun browsers niet updaten hoor.
  woensdag 22 februari 2012 @ 09:31:44 #13
56176 Catch22-
Ben je Blind?!
pi_108252474
Mja, zo werkt het niet helemaal in een professionele omgeving.

En niet iedereen kan zijn browser updaten. Als je een siteje voor studenten maakt kan je gewoon schijt hebben aan IE8 en lager, maar als je wat serieuzere webapps voor grote bedrijven maakt moet je er gewoon rekening mee houden.\

Gisteren nog 2 uur bezig geweest om een dropdownmenu werkend te maken in IE7 (ging wat mis met layers)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 22 februari 2012 @ 09:33:36 #14
12221 Tijn
Powered by MS Paint
pi_108252516
Ik maak trouwens de laatste tijd ook steeds vaker webapplicaties die niet publiek beschikbaar zijn, maar bv alleen benaderbaar via een touchscreen in een museum.

Dat is echt een luxe, dat kun je je gewoon niet voorstellen. Niet alleen kun je zelf de browser bepalen en wordt de applicatie ook echt alleen via die browser benaderd, je weet zelfs de schermafmetingen O+ _O_
pi_108252535
quote:
11s.gif Op woensdag 22 februari 2012 09:31 schreef Catch22- het volgende:
Mja, zo werkt het niet helemaal in een professionele omgeving.

En niet iedereen kan zijn browser updaten. Als je een siteje voor studenten maakt kan je gewoon schijt hebben aan IE8 en lager, maar als je wat serieuzere webapps voor grote bedrijven maakt moet je er gewoon rekening mee houden.\

Gisteren nog 2 uur bezig geweest om een dropdownmenu werkend te maken in IE7 (ging wat mis met layers)
Gewoon zeggen dat je alle browsers van max 3 jaar oud ondersteunt. Dan kun je IE8 over een maand laten vallen *O*
  woensdag 22 februari 2012 @ 09:34:50 #16
56176 Catch22-
Ben je Blind?!
pi_108252539
Ja zo werkt het dus niet.

En serieus, als je extra tijd kwijt bent om alles in IE8 te laten werken ben je aan het prutsen. Buiten de CSS3 features werkt over het algemeen alles gewoon goed in IE8.

Zelfs IE7 geeft bij mij maar zeer zelden echt problemen. Zolang je CSS3 met graceful degradation toepast gaat alles prima.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108257076
quote:
11s.gif Op woensdag 22 februari 2012 09:34 schreef Catch22- het volgende:
Ja zo werkt het dus niet.

En serieus, als je extra tijd kwijt bent om alles in IE8 te laten werken ben je aan het prutsen. Buiten de CSS3 features werkt over het algemeen alles gewoon goed in IE8.

Zelfs IE7 geeft bij mij maar zeer zelden echt problemen. Zolang je CSS3 met graceful degradation toepast gaat alles prima.
Wacht maar tot je baas verwacht dat de site precies doet en eruit ziet zoals hij dat wil. In IE9 op IE7 compatibility mode. En omdat hij zijn scherm altijd zo heeft, ook max 900px breed.

Het kan niet altijd zo luxe als we graag zouden willen.
  woensdag 22 februari 2012 @ 12:40:04 #18
56176 Catch22-
Ben je Blind?!
pi_108258572
Mijn baas is realistisch. En alles wat ik maak werkt in IE7 net als in IE9/Chrome. Tenzij ik CSS3 effecten gebruik, dit wordt echter altijd met de klant besproken. Maar alles blijft werken en ziet er nagenoeg hetzelfde uit.

Positionering e.d. sowieso, evt (custom) fonts renderen natuurlijk niet hetzelfde in alle browsers, maar daar doe je niets aan.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108259799
Alleen maar als je er afbeeldingen van maakt. Maar dat is nou ook niet bevorderlijk voor de vindbaarheid.
pi_108259831
Nog een vraag.



Boven is wat ik heb in html/css, onder is wat het moet worden. Er loopt dus een lijn door mijn tekst, die moet stoppen bij de tekst en doorgaan er naast.

Hoe moet ik dit oplossen? Twee zwevende divjes?
  woensdag 22 februari 2012 @ 13:18:10 #21
56176 Catch22-
Ben je Blind?!
pi_108259894
Ja. Of een fieldset en de tekst in de legend, beetje hackerig maar het kan
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108259931
Ligt er aan hoe je code eruit ziet.
Ik neem aan dat het <h*> elementen zijn. Als je dan de tekst in een <span> zet met achtergrond zodat de blauwe streep bedekt wordt ben je een heel eind.
pi_108259964
quote:
11s.gif Op woensdag 22 februari 2012 13:18 schreef Catch22- het volgende:
Ja. Of een fieldset en de tekst in de legend, beetje hackerig maar het kan
Dit is abra cadabra. ;(
Maar als het werkt sta ik ervoor open. Google open.
quote:
14s.gif Op woensdag 22 februari 2012 13:19 schreef KomtTijd... het volgende:
Ligt er aan hoe je code eruit ziet.
Ik neem aan dat het <h*> elementen zijn. Als je dan de tekst in een <span> zet met achtergrond zodat de blauwe streep bedekt wordt ben je een heel eind.
De achtergrond heeft een tekstuur, dus om een solid kleur over de span heen te zetten is ook niet zo'n strak plan denk ik. Althans, dat bedoel je toch? :o
  woensdag 22 februari 2012 @ 13:20:53 #24
56176 Catch22-
Ben je Blind?!
pi_108259998
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108260053
Dus het beste is om dat te doen met een border? Het is nu een afbeelding, volgens mij. Even proberen om te zien of het lukt, dankje
pi_108260085
Fieldset lijkt me semantisch geen optie als het een <h*> element behoort te zijn.

Wat ook wel een optie is is gewoon met :before en :after een afbeelding met een streepje invoegen. Of een element met een border-top ofzo.
  woensdag 22 februari 2012 @ 13:24:34 #27
56176 Catch22-
Ben je Blind?!
pi_108260138
:before en :after zijn pseudoelementen waar je het best bij weg kan blijven...

Je zou die kop wel kunnen wrappen en dat lijntje als achtergrond in kunnen spelen. De kop zelf geef je dan de achtergrond van de pagina.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108260189
quote:
11s.gif Op woensdag 22 februari 2012 13:24 schreef Catch22- het volgende:
:before en :after zijn pseudoelementen waar je het best bij weg kan blijven...

Hoezo?
pi_108260215
quote:
14s.gif Op woensdag 22 februari 2012 13:23 schreef KomtTijd... het volgende:
Fieldset lijkt me semantisch geen optie als het een <h*> element behoort te zijn.

Wat ook wel een optie is is gewoon met :before en :after een afbeelding met een streepje invoegen. Of een element met een border-top ofzo.
Dat ga ik eens proberen, dat legend werkt niet echt; hij pakt de code simpelweg niet

SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
  woensdag 22 februari 2012 @ 13:28:17 #30
56176 Catch22-
Ben je Blind?!
pi_108260305
quote:
5s.gif Op woensdag 22 februari 2012 13:25 schreef KomtTijd... het volgende:

[..]

Hoezo?
IE Support?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108260400
zou dat vanaf iig IE8.0 moeten doen.
pi_108260686
http://jsfiddle.net/uSfn2/
http://jsfiddle.net/uSfn2/2/ nog mooier.

[ Bericht 19% gewijzigd door KomtTijd... op 22-02-2012 13:53:02 ]
  PR/Manusje van alles woensdag 22 februari 2012 @ 13:53:23 #33
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_108261413
kek!
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! ©yvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
  woensdag 22 februari 2012 @ 13:58:20 #34
56176 Catch22-
Ben je Blind?!
pi_108261643
Als je IE7 support wil droppen is dat inderdaad het netste
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108261692
quote:
11s.gif Op woensdag 22 februari 2012 13:58 schreef Catch22- het volgende:
Als je IE7 support wil droppen is dat inderdaad het netste
Ik denk dat mijn leraar ook denkt; Fuck IE7. In mijn projectvoorstel had ik het ook alleen over moderne browsers. En dat ik het in HTML5 zou doen, maar daar hebben we het nu even niet over.
pi_108261999
quote:
11s.gif Op woensdag 22 februari 2012 13:58 schreef Catch22- het volgende:
Als je IE7 support wil droppen is dat inderdaad het netste
Zo niet dan is denk ik het netste om een JS hack toe te passen die de :before en :after als <span> invoegt.
-edit-
http://jsfiddle.net/uSfn2/3/
inclusief klein regeltje psuedo waardoor hij nu niet werkt in normale browsers.

[ Bericht 6% gewijzigd door KomtTijd... op 22-02-2012 14:16:12 ]
  woensdag 22 februari 2012 @ 14:11:09 #37
56176 Catch22-
Ben je Blind?!
pi_108262135
quote:
14s.gif Op woensdag 22 februari 2012 14:07 schreef KomtTijd... het volgende:

[..]

Zo niet dan is denk ik het netste om een JS hack toe te passen die de :before en :after als <span> invoegt.
;)

Maar zoiets kan je doen idd. Of een container met een backgroundimage, maar dat is kut met variabele breedtes
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108262222
Oke, hmm, ik heb nog nooit van CSS3 gehoord (en kwam al googlend naar info over ronde hoeken e.d. ook niet tegen wat ik wilde). Waar vind ik meer info over hoe CSS3 dit kan, en is er ook een manier om het zonder gedaan te krijgen?
pi_108262468
GOogle op "Css border-radius" en "css shadow", dan moet je toch echt zat kunnen vinden.

Fatsoenlijke andere manieren zijn er nooit geweest. "vroeger" deed men dit met (veel) extra betekenisloze elementen met achtergrondafbeeldingen enzo.
pi_108262560
quote:
14s.gif Op woensdag 22 februari 2012 14:19 schreef KomtTijd... het volgende:
GOogle op "Css border-radius" en "css shadow", dan moet je toch echt zat kunnen vinden.

Fatsoenlijke andere manieren zijn er nooit geweest. "vroeger" deed men dit met (veel) extra betekenisloze elementen met achtergrondafbeeldingen enzo.
Ja, de achtergrondafbeelindgen heb ik in principe al gemaakt, alleen daar zit ik dus met het probleem dat de rand te dik wordt.. klopt mijn conclusie dat dit niet makkelijk middels margin oid op te lossen is? Is er geen code die kan bepalen hoe ver een background doorloopt?

Oh, en kan ik css3 elementen gewoon in mijn huidige css-bestand toevoegen of vraagt het om een of andere upgrade/vertaling?
pi_108262604
quote:
Waarom heb je hier 3000 en 1000px gekozen? Zodat er genoeg ruimte is voor de tekst?
Ik probeer nu dit:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
h3{
    font-family: 'Ubuntu', sans-serif;
    font-weight:200;
    text-align:center;
    color:#de6956;
    font-size:20px;
    margin-bottom:15px;
    width:300px;
}
h3:before, h3:after {
    content:'';
    display:inline-block;
    width: 150px;
    border-top:1px solid blue;
    margin: 3px;
}
Maar dit werkt niet.
pi_108262727
quote:
0s.gif Op woensdag 22 februari 2012 14:22 schreef Maartel het volgende:

[..]

Ja, de achtergrondafbeelindgen heb ik in principe al gemaakt, alleen daar zit ik dus met het probleem dat de rand te dik wordt.. klopt mijn conclusie dat dit niet makkelijk middels margin oid op te lossen is? Is er geen code die kan bepalen hoe ver een background doorloopt?

Oh, en kan ik css3 elementen gewoon in mijn huidige css-bestand toevoegen of vraagt het om een of andere upgrade/vertaling?
Het enige wat het vereist is dat de gebruiker die je website bezoekt een browser gebruikt die de CSS3 properties ondersteunt die je gebruikt. Dat zijn eigenlijk alle browsers behalve IE8 en lager.
De rest van je verhaal snap ik niet helemaal... Persoonlijk zou ik helemaal niet meer aan afbeeldingen beginnen, dat is gewoon achterhaald.
pi_108262842
quote:
0s.gif Op woensdag 22 februari 2012 14:24 schreef RenRen- het volgende:

[..]

Waarom heb je hier 3000 en 1000px gekozen? Zodat er genoeg ruimte is voor de tekst?
Ik probeer nu dit:
[ code verwijderd ]

Maar dit werkt niet.
trucje wat ik doe is het <h1> element en de blauwe streep megabreed maken en centreren, zodat die blauwe lijn altijd de volledige breedte heeft. Het stukje wat links en rechts uitsteekt verberg je met overflow:hidden.
pi_108262849
quote:
14s.gif Op woensdag 22 februari 2012 14:28 schreef KomtTijd... het volgende:

[..]

Het enige wat het vereist is dat de gebruiker die je website bezoekt een browser gebruikt die de CSS3 properties ondersteunt die je gebruikt. Dat zijn eigenlijk alle browsers behalve IE8 en lager.
De rest van je verhaal snap ik niet helemaal... Persoonlijk zou ik helemaal niet meer aan afbeeldingen beginnen, dat is gewoon achterhaald.
Poging tot uitleggen: wanneer ik een losse boven en onderrand gebruik zijn die altijd minstens even hoog als de 'hoek', terwijl ik wil dat de tekst al meteen in de hoek kan beginnen (dus op een plek waar de background nog niet begint). Verder heb ik zelf eigenlijk wel een voorkeur voor een design wat in elke browser werkt, maar ik weet niet of dit op te lossen is..
pi_108262896
quote:
14s.gif Op woensdag 22 februari 2012 14:31 schreef KomtTijd... het volgende:

[..]

trucje wat ik doe is het <h1> element en de blauwe streep megabreed maken en centreren, zodat die blauwe lijn altijd de volledige breedte heeft. Het stukje wat links en rechts uitsteekt verberg je met overflow:hidden.
Als ik ze megabreed maak, komt de rechter onder de titel te staan ;(
pi_108262903
OH WACHT dan moet de titel ookhuge. Moment.
  woensdag 22 februari 2012 @ 14:35:19 #47
56176 Catch22-
Ben je Blind?!
pi_108262977
quote:
0s.gif Op woensdag 22 februari 2012 14:31 schreef Maartel het volgende:

[..]

Poging tot uitleggen: wanneer ik een losse boven en onderrand gebruik zijn die altijd minstens even hoog als de 'hoek', terwijl ik wil dat de tekst al meteen in de hoek kan beginnen (dus op een plek waar de background nog niet begint). Verder heb ik zelf eigenlijk wel een voorkeur voor een design wat in elke browser werkt, maar ik weet niet of dit op te lossen is..
Ziet dat er niet druk uit? je hebt toch altijd wel padding?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108263077
quote:
14s.gif Op woensdag 22 februari 2012 14:31 schreef KomtTijd... het volgende:

[..]

trucje wat ik doe is het <h1> element en de blauwe streep megabreed maken en centreren, zodat die blauwe lijn altijd de volledige breedte heeft. Het stukje wat links en rechts uitsteekt verberg je met overflow:hidden.
Hij doet het nu zo dat de lijn en de teksten op locatie zijn, maar de lijn loopt niet links en rechts van de header.

(Het ziet er precies hetzelfde uit in de browser :Y
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
pi_108263089
quote:
11s.gif Op woensdag 22 februari 2012 14:35 schreef Catch22- het volgende:

[..]

Ziet dat er niet druk uit? je hebt toch altijd wel padding?
Nou (let niet op de rest van de pagina want het is meer een oefen en knutselruimte) hier heb ik aan de rechterkant bijvoorbeeld een zwarte box rondom de audio player waarvan ik toch echt de rand ongeveer half zo dik zou willen hebben, en dat lijkt op deze manier niet echt te lukken vanwege de grootte van de losse elementen..
En aan de onderkant loopt de background sowieso 1 of 2 pixels langer door dan ik zou willen.
  woensdag 22 februari 2012 @ 14:44:53 #50
56176 Catch22-
Ben je Blind?!
pi_108263335
och heden...

ga dat gauw ombouwen naar CSS3 en gebruik je afbeeldingen voor de ronde hoekjes, deze zijn echt heel kartelig.

Ik zou zelf css3 icm csspie gebruiken
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 22 februari 2012 @ 14:46:01 #51
87680 Mirel
Mirel wil een bongophone.
pi_108263379
http://filmdepartment.nl/v2 ik probeer een beetje voor ogen te krijgen hoe deze wp template in elkaar zit, maar ik kom er niet uit. Ik vind het ook maar schijtirritant dat ik losse css bestanden heb en bepaalde achtergrondkleuren apart in een php bestand zitten.. }:| }:|

Ik wil achter die 3 dingen bovenaan een achtergrond te doen, een strook die over de hele breedte gaat. Gewoon zoals het zwarte bij http://filmdepartment.nl/

Ik weet nou nog steeds niet of er een wrapper over het geheel zit of niet. Ik zie ook niet hoe alles naar het midden gekregen is. Bij sommige elementen, waaronder die drie dingen bovenaan, kan ik een achtergrond kleur geven, en ik zie dan dat ze het in midden beginnen. Hoeeeeeeeee is dat gedaan? :|

Waarom bestaat er niet iets genaamd border-left: 100% solid #kleurtje; :')
When all else fails, you always have delusion.
pi_108263641
Firebug is je vriend! Kun je ook gelijk mee zien uit welke CSS-bestanden de properties komen.

oh en ik hou van CMS Made Simple. Watnou gezeur met PHP, kleuren zet je gewoon als smarty-variable in je stylesheet O+
  woensdag 22 februari 2012 @ 14:54:42 #53
87680 Mirel
Mirel wil een bongophone.
pi_108263708
Firebug kan hier niet bij helpen. :') Die verwijst naar stukjes code die er niet bestaan (want zijn dan php strings en moet je dan in een php bestand opzoeken)
When all else fails, you always have delusion.
  woensdag 22 februari 2012 @ 14:58:30 #54
56176 Catch22-
Ben je Blind?!
pi_108263856
Pff, LESS is de win!
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108263949
Mwah, doe mij maar precompiled :P
  woensdag 22 februari 2012 @ 15:03:14 #56
84244 Scorpie
Abject en infaam!
pi_108264024
quote:
0s.gif Op woensdag 22 februari 2012 14:54 schreef Mirel het volgende:
Firebug kan hier niet bij helpen. :') Die verwijst naar stukjes code die er niet bestaan (want zijn dan php strings en moet je dan in een php bestand opzoeken)
Dat zegt niks over het nut van Firebug in jouw situatie :)
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108264027
quote:
0s.gif Op woensdag 22 februari 2012 14:54 schreef Mirel het volgende:
Firebug kan hier niet bij helpen. :') Die verwijst naar stukjes code die er niet bestaan (want zijn dan php strings en moet je dan in een php bestand opzoeken)
Nog een reden waarom CMS Made Simple zo relaxt is. Alles bestaat uit templates O+.
pi_108264097
Aaargh, met dat css3 pakt ie onder ook steeds een aantal regels te veel.. Zal dan wel ergens elders in de css iets niet deugen :{
pi_108264188
Misschien ligt het aan mij, maar ik snap echt niet wat je nou bedoelt of wilt bereiken. Misschien moet je het eens uittekenen.
pi_108264294
quote:
14s.gif Op woensdag 22 februari 2012 15:08 schreef KomtTijd... het volgende:
Misschien ligt het aan mij, maar ik snap echt niet wat je nou bedoelt of wilt bereiken. Misschien moet je het eens uittekenen.
Nou momenteel heb ik even vlug een css3 box toegevoegd op die http://popqessed.tumblr.com test pagina (rondom die album cover rechts) en hoewel ik geen enkele margin voor onder of boven heb ingesteld pakt ie onder automatisch een stuk ruimte terwijl de afbeelding al is afgelopen..

Het lijkt hetzelfde probleem te zijn wat ik met de zwarte (afbeeldingen) box eronder had, waar onder de rand ook dikker werd dan nodig omdat de achtergrond te lang doorliep :{

Ik heb net even de hele css leegegooid behalve de code voor die box en dan blijft het probleem nog...
pi_108264679
Het enige wat ik daar zie is chaos. Maak eens een testcase met alleen de noodzakelijke elementen erin.
pi_108264779
wowww, er zitten echt veel gekke afbeeldingen en div's in. :o
pi_108264815
quote:
14s.gif Op woensdag 22 februari 2012 15:20 schreef KomtTijd... het volgende:
Het enige wat ik daar zie is chaos. Maak eens een testcase met alleen de noodzakelijke elementen erin.
http://popless.tumblr.com/
Ik krijg hier ook weer een rand van zo'n 3 pixels onder de afbeelding zonder dat er verdere html of css is.
pi_108264963
Kun je niet even photoshoppen wat je nou wél wilt? Want misschien is het verhaal dan duidelijker.

Ik zie trouwens, in de code van de afbeelding, een margin-bottom van 5px zitten. Maar door een slider raak ik het steeds weer kwijt in firebug ;(
pi_108265062
quote:
0s.gif Op woensdag 22 februari 2012 15:28 schreef RenRen- het volgende:
Kun je niet even photoshoppen wat je nou wél wilt? Want misschien is het verhaal dan duidelijker.

Ik zie trouwens, in de code van de afbeelding, een margin-bottom van 5px zitten. Maar door een slider raak ik het steeds weer kwijt in firebug
Huh? Ik zit hier met de html en css voor me maar er staat nergens een margin?

Ik zal even in photoshop duiken, al is wat ik wil eigenlijk gewoon een ronde/beschaduwde rand zoals in t eerste voorbeeld te zien was, alleen wel een waarbij ik de margins zo klein kan maken als ik wil.
pi_108265109
quote:
0s.gif Op woensdag 22 februari 2012 15:31 schreef Maartel het volgende:

[..]

Huh? Ik zit hier met de html en css voor me maar er staat nergens een margin?

Ik zal even in photoshop duiken, al is wat ik wil eigenlijk gewoon een ronde/beschaduwde rand zoals in t eerste voorbeeld te zien was, alleen wel een waarbij ik de margins zo klein kan maken als ik wil.
Er is geen margin. Er is alleen een shadow. Dat is toch wat je wilt?
pi_108265160
quote:
14s.gif Op woensdag 22 februari 2012 15:32 schreef KomtTijd... het volgende:

[..]

Er is geen margin. Er is alleen een shadow. Dat is toch wat je wilt?
Dat is wat ik wil, maar ik zie wel een groene rand van 5px aan de onderkant.
pi_108265170
Je bedoelde toch die Nicola-afbeelding? Dat die een margin-bottom had die er niet moest zijn?

SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
pi_108265177
quote:
0s.gif Op woensdag 22 februari 2012 15:33 schreef Maartel het volgende:

[..]

Dat is wat ik wil, maar ik zie wel een groene rand van 5px aan de onderkant.
Ik niet?

pi_108265274
quote:
0s.gif Op woensdag 22 februari 2012 15:33 schreef RenRen- het volgende:
Je bedoelde toch die Nicola-afbeelding? Dat die een margin-bottom had die er niet moest zijn?

SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Oh ik had het inmiddels over de gestripte pagina erna.
Bij Nicola had ik idd een margin toegevoegd, om te kijken of ik 'm daarmee kon aanpassen, maar wanneer ik die weghaal zit er alsnog een rand van 5 pixels..
pi_108265299
quote:
0s.gif Op woensdag 22 februari 2012 15:36 schreef Maartel het volgende:

[..]

Oh ik had het inmiddels over de gestripte pagina erna.
Bij Nicola had ik idd een margin toegevoegd, om te kijken of ik 'm daarmee kon aanpassen, maar wanneer ik die weghaal zit er alsnog een rand van 5 pixels..
Die pagina komt er bij mij dus niet, ctrl+F5, f5, ctrl+r. :')
pi_108265341
In Chrome doet hij het wel, ik zie geen extra ruimte
pi_108265358
quote:
0s.gif Op woensdag 22 februari 2012 15:37 schreef RenRen- het volgende:

[..]

Die pagina komt er bij mij dus niet, ctrl+F5, f5, ctrl+r. :')
De 5px margin bij Nicola is nu iig weggehaald.. maar dus nog steeds zichtbaar.. en ik vermoed dat dat ook is wat maakt dat de rand bij de player eronder zo dik blijft.. maar zeker na het strippen snap ik niet waar de margin of padding vandaan komt? :'(
pi_108265415
Gebruik anders even een normale host of werk gewoon offline, die tumblr voegt allemaal rotzooi toe.
pi_108265439
Kan inderdaad door tumblr komen, of door je code gewoon.... Ergens zal iets zitten wat een andere code overrule-t. Denk ik.
pi_108265450
quote:
14s.gif Op woensdag 22 februari 2012 15:40 schreef KomtTijd... het volgende:
Gebruik anders even een normale host of werk gewoon offline, die tumblr voegt allemaal rotzooi toe.
Tja, maar de site moet uiteindelijk wel op Tumblr draaien, een deel van de rotzooi heb ik dus wel nodig..

Edit: nu ik goed kijk en logisch nadenk: tussen al die andere hoezen zit ook steeds zo'n 5px in, dus hij zal ws die ruimte nu op een of andere manier in de div knallen.. alleen vaag dat ik dit in het css file niet terug kan vinden.
pi_108265716
Welke browser gebruik je? Heb je de cache geleegd van die browser? Waar zeggen de development tools dat die ruimte vandaan komt?
pi_108265867
quote:
14s.gif Op woensdag 22 februari 2012 15:48 schreef KomtTijd... het volgende:
Welke browser gebruik je? Heb je de cache geleegd van die browser? Waar zeggen de development tools dat die ruimte vandaan komt?
Firefox 10.0.2 , cache zojuist geleegd, wat betreft de development tools... geen idee hoe ik dat uitzoek.. ik zie dat er wel een rood frame verschijnt ongeveer rondom die ruimte, maar er verschijnt geen specificatie wat het dan is?
  woensdag 22 februari 2012 @ 15:53:00 #79
87680 Mirel
Mirel wil een bongophone.
pi_108265905
YESSSSSSS 10 nieuwe posts.

oh ;(
When all else fails, you always have delusion.
pi_108265911
Installeer even firebug.
Daarna F12, blauwe pijltje en klikken op het gedeelte wat niet klopt.
pi_108266159
quote:
0s.gif Op woensdag 22 februari 2012 15:53 schreef Mirel het volgende:
YESSSSSSS 10 nieuwe posts.

oh ;(

Dit wat je zoekt?
  PR/Manusje van alles woensdag 22 februari 2012 @ 16:04:10 #82
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_108266345
Dit is een deel van de phpcode van een image slider. Normaal slide hij van links naar rechts. Nu slide hij helemaal niet meer. Is mijn bedoeling. En nu moet hij fade out / fade in doen als hij van slide 1 naar 2 enz gaat.

Jullie enig idee welke ik precies aan zou kunnen passen als het in dit stukje staat? :P

1
2
3
<?php
a
.fn.slides.option={preload:!1,preloadImage:"/img/loading.gif",container:"slides_container",generateNextPrev:!1,next:"next",prev:"prev",pagination:!0,generatePagination:!0,prependPagination:!1,paginationClass:"pagination",currentClass:"current",fadeSpeed:10,fadeEasing:"",slideSpeed:1,slideEasing:"",start:1,effect:"slide",crossfade:!1,randomize:!1,play:1,pause:0,hoverPause:!1,autoHeight:!1,autoHeightSpeed:350,bigTarget:!1,animationStart:function(){},animationComplete:function(){},slidesLoaded:function(){}},a.fn.randomize=function(b){function c(){return Math.round(Math.random())-.5}return a(this).each(function(){var d=a(this),e=d.children(),f=e.length;if(f>1){e.hide();var g=[];for(i=0;i<f;i++)g[g.length]=i;g=g.sort(c),a.each(g,function(a,c){var f=e.eq(c),g=f.clone(!0);g.show().appendTo(d),b!==undefined&&b(f,g),f.remove()})}})}})(jQuery)
?>
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! ©yvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
pi_108266378
Hmm, Firebug lijkt ook niks te vinden. Althans.. het pijltje selecteert gewoon de afbeelding, en zowel in html als css staat echt niets wat naar een margin of witregel lijkt te wijzen.. Bah frustrerend, het moet toch ergens vandaan komen?

Overigens, met betrekking tot wat ik oorspronkelijk wilde:



Als ik een box uit losse elementen opbouw is het zeg maar onmogelijk om de inhoud van de box over de zwarte lijnen heen te laten vallen, met als gevolg dat het kader soms dikker is dan ik zou willen.
pi_108266494
quote:
0s.gif Op woensdag 22 februari 2012 16:04 schreef Surveillance-Fiets het volgende:
Dit is een deel van de phpcode van een image slider. Normaal slide hij van links naar rechts. Nu slide hij helemaal niet meer. Is mijn bedoeling. En nu moet hij fade out / fade in doen als hij van slide 1 naar 2 enz gaat.

Jullie enig idee welke ik precies aan zou kunnen passen als het in dit stukje staat? :P
[ code verwijderd ]

Das geen PHP maar Javascript, jQuery om precies te zijn. Watvoor slider is het? Is er documentatie van?
  PR/Manusje van alles woensdag 22 februari 2012 @ 16:09:25 #85
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_108266584
quote:
14s.gif Op woensdag 22 februari 2012 16:07 schreef KomtTijd... het volgende:

[..]

Das geen PHP maar Javascript, jQuery om precies te zijn. Watvoor slider is het? Is er documentatie van?
ojaduhh

was in de war door het fokicoontje om code te posten. _O- _O-

eem kiekn wak allemaal heb.
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! ©yvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
pi_108266601
quote:
0s.gif Op woensdag 22 februari 2012 16:04 schreef Maartel het volgende:
Hmm, Firebug lijkt ook niks te vinden. Althans.. het pijltje selecteert gewoon de afbeelding, en zowel in html als css staat echt niets wat naar een margin of witregel lijkt te wijzen.. Bah frustrerend, het moet toch ergens vandaan komen?

Ik snap nog steeds niet hoe jij aan witruimte komt wat die is er bij mij echt niet.
quote:
Overigens, met betrekking tot wat ik oorspronkelijk wilde:

[ afbeelding ]

Als ik een box uit losse elementen opbouw is het zeg maar onmogelijk om de inhoud van de box over de zwarte lijnen heen te laten vallen, met als gevolg dat het kader soms dikker is dan ik zou willen.
Eh, nee. Je kunt gewoon negatieve margins e.d. gebruiken. Of position:relative. Maar ik snap nog steeds niet wat nou je probleem is.
pi_108266724
quote:
14s.gif [b]Op [url=http://forum.fok.nl/topic/1780321
Eh, nee. Je kunt gewoon negatieve margins e.d. gebruiken. Of position:relative. Maar ik snap nog steeds niet wat nou je probleem is.
Nou, mijn probleem lag bij die audioplayer in die zwarte box. De achtergrond loopt enkele pixels te ver door, en wanneer ik negatieve margins gebruik wordt de 'onderkant' van de box wel omhooggetrokken, maar dan loopt de achtergrond er nog steeds dwars door heen omdat die tot het einde van de player door blijft lopen, dus in die zin valt de box niet naar eigen smaak te resizen, lijkt het?

Ik weet nu niet echt meer welk deel van mijn probleem lost in translation geraakt :{

Moet ik misschien de box niet als een div om een afbeelding/object heenzetten maar gewoon los plaatsen en vervolgens de afbeelding ervoor zetten?

[ Bericht 9% gewijzigd door Maartel op 22-02-2012 16:22:45 ]
pi_108267222
waarom moet er uberhaupt een div om je afbeelding heen?
pi_108267235
quote:
14s.gif Op woensdag 22 februari 2012 16:26 schreef KomtTijd... het volgende:
waarom moet er uberhaupt een div om je afbeelding heen?
Zodat het achtergrond image zich blijft herhalen?

Edit: Oh, ik kan in t geval van een object of img natuurlijk ook gelijk 'class=...' aan t object zelf toevoegen :@
pi_108268639
Ook maar even laten weten als er iets wel lukt: die overbodige ruimte was op te lossen door een 'line-height:0px' aan de css toe te voegen.
pi_108269640
Nog een vraag.

Ik heb een paar linkjes, en rechts van de link staat een pijl.
Hierom probeerde ik eerst mijn a's 200px breed te maken, de pijl een achtergrondafbeelding te maken en de achtergrondafbeelding rechts te positioneren.
Het werkt alleen niet. De pijlen zitten achter het einde van de a's, en niet 200px verderop.

Tips?
1
2
3
4
5
6
7
8
9
10
11
12
.footer a{
    color:#d2d3d3;
    font-size:15px;
    line-height:27px;
    font-family:Myriad Pro, Verdana;
    font-weight:100;

    width:200px;
    background-repeat:no-repeat;
    background-image:url(img/pijl.png);
    background-position:right;
}
  woensdag 22 februari 2012 @ 19:38:32 #92
56176 Catch22-
Ben je Blind?!
pi_108274497
je a moet display block hebben. inline elementen kan je geen breedte geven. ik zou trouwens 180px met 20px padding rechts doen icm display block, dan valt een lange tekst niet over je plaatje (tenzij die breder dan 20px is).
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108276247
quote:
11s.gif Op woensdag 22 februari 2012 19:38 schreef Catch22- het volgende:
je a moet display block hebben. inline elementen kan je geen breedte geven. ik zou trouwens 180px met 20px padding rechts doen icm display block, dan valt een lange tekst niet over je plaatje (tenzij die breder dan 20px is).
Yusss, werkt! O+
Oh, dat is geen probleem denk ik :o De teksten zijn niet lang, de langste is 15 karakters, en de breedte wordt ongeveer 250 :D Ik ga het wel onthouden, just in case, dankjewel!
pi_108283464
Ben ik weer.
Het gaat altijd mis als ik met menu's begin. Ik had een search gemaakt, die deed het goed, stond op zijn plek, etc.

Vervolgens probeer ik mijn menu erin te zetten. Omdat 3 menu-items links zitten en 2 rechts, dacht ik dat ik de twee rechter een eigen class mee zou geven met een float right. Ook aan mijn search heb ik die gegeven. Vervolgens wordt de search omlaag gedrukt.

Ik denk ook dat ik het helemaal verkeerd aanpak, maar ik weet niet hoe ik het anders aan moet pakken.

Enig idee?



1
2
3
4
5
6
7
8
9
10
11
12
13
14
Menu in HTML: 
<ul class="menu_linkerdeel">
                <li><a href="#">Home</a></li>
                <li><a href="#">Recepten</a></li>
                <li><a href="#">Recepten inzenden</a></li>
                <li class="menu_rechterdeel"><a href="#">Tips & Tricks</a></li>
                <li class="menu_rechterdeel"><a href="#">Contact</a></li>
            </ul>

            <div class="lighter">
                <form>
                    <span><input type="text" class="search rounded" placeholder="Search..."></span>
                </form>
            </div>
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
Menu in CSS
#menu{
    width:980px;
    height:3px;
    margin:0 auto;
}

#menu ul li{
    display:inline-block;
}

.menu_linkerdeel{
    float:left;
}
.menu_rechterdeel{
    float:right;
}

/*************** Zoekformulier ****************/

.search {
    padding:3px 25px 3px 10px;
    margin-top:5px;
    margin-left:880px;
    background:url(img/zoek_vergrootglas.png) no-repeat 8px 6px;
    background-position:right;
    width:100px;
    background-color:#e28271;
    border-top:1px solid #8e665e;
    border-bottom:1px solid #f0beb5;
    border-left:1px solid #cd877a;
    border-right:1px solid #cd877a;
    float:right;
}
.rounded{
        border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
}

input[type=text]{
    color:#540e02;
}
  woensdag 22 februari 2012 @ 22:30:37 #95
134533 donroyco
dus niet Donroyco
pi_108283663
quote:
0s.gif Op woensdag 22 februari 2012 22:27 schreef RenRen- het volgende:
Ben ik weer.
Het gaat altijd mis als ik met menu's begin. Ik had een search gemaakt, die deed het goed, stond op zijn plek, etc.

Vervolgens probeer ik mijn menu erin te zetten. Omdat 3 menu-items links zitten en 2 rechts, dacht ik dat ik de twee rechter een eigen class mee zou geven met een float right. Ook aan mijn search heb ik die gegeven. Vervolgens wordt de search omlaag gedrukt.

Ik denk ook dat ik het helemaal verkeerd aanpak, maar ik weet niet hoe ik het anders aan moet pakken.

Enig idee?

[ afbeelding ]
[ code verwijderd ]

[ code verwijderd ]

Je probeert een list-item rechts te laten floaten, terwijl het al binnen een element staat dat naar links float, en dat kan niet.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_108284006
quote:
0s.gif Op woensdag 22 februari 2012 22:30 schreef donroyco het volgende:

[..]

Je probeert een list-item rechts te laten floaten, terwijl het al binnen een element staat dat naar links float, en dat kan niet.
Klinkt logisch. Maar hoe moet ik het dan oplossen? de li's die links moeten floaten de class links geven?
Want ook de volgorde van de menu-items wordt hierdoor aangepast.

Edit; geprobeerd, volgorde van de menu-items is nogsteeds raar en de search wordt nog omlaag gedrukt

[ Bericht 7% gewijzigd door RenRen- op 22-02-2012 22:42:51 ]
  woensdag 22 februari 2012 @ 22:49:18 #97
134533 donroyco
dus niet Donroyco
pi_108284557
quote:
0s.gif Op woensdag 22 februari 2012 22:37 schreef RenRen- het volgende:

[..]

Klinkt logisch. Maar hoe moet ik het dan oplossen? de li's die links moeten floaten de class links geven?
Want ook de volgorde van de menu-items wordt hierdoor aangepast.

Edit; geprobeerd, volgorde van de menu-items is nogsteeds raar en de search wordt nog omlaag gedrukt
Omdat je rechts float met de search, moet je die bovenaan zetten, nog voor het menu. Daarnaast zou ik het één-na-laatste menu-item een margin-left meegeven zodat die rechts ernaast valt.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_108284937
quote:
0s.gif Op woensdag 22 februari 2012 22:49 schreef donroyco het volgende:

[..]

Omdat je rechts float met de search, moet je die bovenaan zetten, nog voor het menu. Daarnaast zou ik het één-na-laatste menu-item een margin-left meegeven zodat die rechts ernaast valt.
Door de search erboven te zetten knalt het hele menu een stuk omlaag. Irritant dit. ;( Ook geprobeerd om de ul een breedte mee te geven, werkt ook niet.
Bedankt wel dat je probeert te helpen :Y
  woensdag 22 februari 2012 @ 23:01:02 #99
134533 donroyco
dus niet Donroyco
pi_108285179
quote:
0s.gif Op woensdag 22 februari 2012 22:56 schreef RenRen- het volgende:

[..]

Door de search erboven te zetten knalt het hele menu een stuk omlaag. Irritant dit. ;( Ook geprobeerd om de ul een breedte mee te geven, werkt ook niet.
Bedankt wel dat je probeert te helpen :Y
Waarom geef je je menu trouwens een hoogte mee van 3px?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  woensdag 22 februari 2012 @ 23:05:24 #100
56176 Catch22-
Ben je Blind?!
pi_108285395
om zulke dingen te voorkomen positioneer ik met containers. zet je menu in een div en die zoektool in een div. breedtes geven en floaten en je bent er af
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108285486
quote:
0s.gif Op woensdag 22 februari 2012 23:01 schreef donroyco het volgende:

[..]

Waarom geef je je menu trouwens een hoogte mee van 3px?
Dat was ooit 33.... Dacht ik... Even aanpassen, misschien is hetdaarmee verholpen
pi_108285517
quote:
11s.gif Op woensdag 22 februari 2012 23:05 schreef Catch22- het volgende:
om zulke dingen te voorkomen positioneer ik met containers. zet je menu in een div en die zoektool in een div. breedtes geven en floaten en je bent er af
Moet ik dan niet 3/4 divjes gaan maken? Omdat de helft aan de ene kant staat?
Wordt wel een divjespaleis dan. En containerpaleis. _O-
  woensdag 22 februari 2012 @ 23:08:24 #103
134533 donroyco
dus niet Donroyco
pi_108285541
quote:
0s.gif Op woensdag 22 februari 2012 23:07 schreef RenRen- het volgende:

[..]

Moet ik dan niet 3/4 divjes gaan maken? Omdat de helft aan de ene kant staat?
Wordt wel een divjespaleis dan. En containerpaleis. _O-
Vaak is het niet anders.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_108285710
quote:
0s.gif Op woensdag 22 februari 2012 23:08 schreef donroyco het volgende:

[..]

Vaak is het niet anders.
Niet heel slordig? En vervuilend? Ik ga het gewoon proberen, maar dan wel morgen :D Bedankt voor jullie hulp. Nogmaals.
  woensdag 22 februari 2012 @ 23:21:56 #105
56176 Catch22-
Ben je Blind?!
pi_108286167
sja. je kan klooien en crossbrowser issue verwachten of je maakt containers. 1 voor t menu links, 1 voor t logo (kan je gelijk een link op zetten naar je homepage, een vereiste imo.

dat rechterdeel en t zoekdeel kan evt in 1 deel als je die span rechts laat floaten
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 22 februari 2012 @ 23:25:41 #106
56176 Catch22-
Ben je Blind?!
pi_108286325
trouwens je moet oppassen met float right, dat werkt wel eens wat raar.

want wat je zou verwachten is dat tips en tricks voor contact komt. in deze volgorde met beide float right is dat NIET zo.

als je het menu niet kan opdelen zou ik de li van het eerste items rechts een marginleft geven. maar omdat t in veel browsers anders rendert kan de positie van het rechterdeel varieren. daarom zou ik t in 2 aparte divs doen
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108286331
quote:
11s.gif Op woensdag 22 februari 2012 23:21 schreef Catch22- het volgende:
sja. je kan klooien en crossbrowser issue verwachten of je maakt containers. 1 voor t menu links, 1 voor t logo (kan je gelijk een link op zetten naar je homepage, een vereiste imo.

dat rechterdeel en t zoekdeel kan evt in 1 deel als je die span rechts laat floaten
Ik ken webdesign, ik weet hoe het zit met usability en logo's :+
Ik heb nu al wat geprobeerd, werkt ook nog niet. Dus ik moet echt even gaan slapen, kijk al sinds 11 uur vanmorgen naar deze codes, dus kan wel een break gebruiken.
Oh oh ohoh oh ohoho openbaring. En volgens mij wat donroyco al zei, margin-left van mijn search weggehaald, nu staat het in ieder geval allemaal in de balk. Pfew. Slapen. Bedankt voor den openbaring O+
pi_108286409
quote:
11s.gif Op woensdag 22 februari 2012 23:25 schreef Catch22- het volgende:
trouwens je moet oppassen met float right, dat werkt wel eens wat raar.

want wat je zou verwachten is dat tips en tricks voor contact komt. in deze volgorde met beide float right is dat NIET zo.

als je het menu niet kan opdelen zou ik de li van het eerste items rechts een marginleft geven. maar omdat t in veel browsers anders rendert kan de positie van het rechterdeel varieren. daarom zou ik t in 2 aparte divs doen
Ik zou toch wel die search kunnen floaten? Anders is het weer crossbrowser gezeik met andere interpretatie van margins per browser.
  woensdag 22 februari 2012 @ 23:32:08 #109
56176 Catch22-
Ben je Blind?!
pi_108286609
ik denk dat je er wel uitkomt. zit nu pp mijn telefoon te tikken dus kan ff niets proberen. margininterpretatieverschillen zijn er niet meer als je ze goed toepast.

je moet trouwens in zulke gevallen gewoon met firebug oid de elementen highlighten, dan zie je gauw genoeg of iets te breed is en of dat door margins of opgegeven breedtes komt
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108287066
Zitten er nog belangrijke voordelen aan het gebruik van css3 voor ronde boxjes in vergelijking met het gebruik van achtergrondafbeeldingen? Want, hoe klein ook, vind ik het feit dat niet alle browsers het ondersteunen toch een klein nadeel.. Plus dat het maken van een schaduw die onderaan donkerder is dan boven niet echt mogelijk lijkt.
  woensdag 22 februari 2012 @ 23:46:15 #111
56176 Catch22-
Ben je Blind?!
pi_108287166
box shadow?

het is sneller en mooier (scheelt downloaden van plaatjea waardoor je site sneller inlaadt en de content niet verspringt) het is dynamischer en sneller te maken.

maar nogmaals: gebruik css3pie en dan werken die featurea ook in ie8 &7
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108287865
quote:
11s.gif Op woensdag 22 februari 2012 23:46 schreef Catch22- het volgende:
box shadow?

het is sneller en mooier (scheelt downloaden van plaatjea waardoor je site sneller inlaadt en de content niet verspringt) het is dynamischer en sneller te maken.

maar nogmaals: gebruik css3pie en dan werken die featurea ook in ie8 &7
Ah oke.. qua sneller leek me dat met een gerepeat 1px hoog bestandje wel meevallen, en rondere hoeken kreeg ik in photoshop ook al wel voor elkaar, ik vind het alleen jammer dat box shadow niet zo gek veel mogelijkheden lijkt te hebben dan.
pi_108289139
als je plaatje maar 1px is, is het helemaal een snelheidsdrama. Maak hem liever gewoon 50px ofzo.
pi_108289258
quote:
14s.gif Op donderdag 23 februari 2012 00:54 schreef KomtTijd... het volgende:
als je plaatje maar 1px is, is het helemaal een snelheidsdrama. Maak hem liever gewoon 50px ofzo.
Huh? Kost het laden van een kleine afbeelding die herhaalt wordt meer tijd dan het laden van een grotere afbeelding? Da's niet wat ik ooit geleerd meen te hebben :o
pi_108289278
iedere iteratie kost tijd.
pi_108289306
quote:
14s.gif Op donderdag 23 februari 2012 01:00 schreef KomtTijd... het volgende:
iedere iteratie kost tijd.
Ah.. stamt wat ik dacht te weten dan meer uit het inbel tijdperk waarbij elke mb telde?
pi_108289365
ik denk het? Of het tijdperk dat je GIF afbeeldingen gebruikte waarvan de bestandsgrootte ook toenam door het plaatje groter te maken.
pi_108289430
quote:
5s.gif Op donderdag 23 februari 2012 01:05 schreef KomtTijd... het volgende:
ik denk het? Of het tijdperk dat je GIF afbeeldingen gebruikte waarvan de bestandsgrootte ook toenam door het plaatje groter te maken.
Tja.. ik ben zo gewend aan background images van luttele pixels etc dat ik altijd heb aangenomen dat hoe kleiner hoe beter is. Maar weer wat geleerd dan :)
  donderdag 23 februari 2012 @ 08:22:37 #119
56176 Catch22-
Ben je Blind?!
pi_108291130
box shadow is pure win. je kan er echt veel mee hoor.

css3 rendert sneller omdat je browser het zelf met evt hw ondersteuning. ik maak zelf trouwens meestal ook 1px repeating bgs hoor. als het kan natuurlijk
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108292593
Hoe kan het dat als ik mijn ul in de css een margin van -40 geef, hij het niet doet, maar als ik hem in de html style, hij het wel doet?
  donderdag 23 februari 2012 @ 10:11:01 #121
134533 donroyco
dus niet Donroyco
pi_108292931
quote:
0s.gif Op donderdag 23 februari 2012 09:55 schreef RenRen- het volgende:
Hoe kan het dat als ik mijn ul in de css een margin van -40 geef, hij het niet doet, maar als ik hem in de html style, hij het wel doet?
HTML-style overruled de CSS-file.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  donderdag 23 februari 2012 @ 10:29:21 #122
84244 Scorpie
Abject en infaam!
pi_108293397
quote:
7s.gif Op donderdag 23 februari 2012 10:11 schreef donroyco het volgende:

[..]

HTML-style overruled de CSS-file.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  donderdag 23 februari 2012 @ 10:49:49 #123
87680 Mirel
Mirel wil een bongophone.
pi_108294052
quote:
0s.gif Op woensdag 22 februari 2012 15:03 schreef Scorpie het volgende:

[..]

Dat zegt niks over het nut van Firebug in jouw situatie :)
Ik bedoel dat de CSS code in een PHP statement binnen een PHP bestand zit, en voor iemand die niet veel ervaring heeft met php is dat best irritant:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#header_wrapper, 
#inner_header_wrapper, 
#inner_title, 
.post_nav_box .lightbox,
.post_nav_box a.link_post,
.post_nav_box a.videobox,
.teasertext a
{
<?php // Header back ground colors
$HomeSliderBG=get_option('HomeSliderBG');
$HomeSliderBG$HomeSliderBG $HomeSliderBG:'#4D926F';
echo 
'background-color:'?><?php echo $HomeSliderBG;
?>!important;
}
Dit is overigens de 2e vermelding van deze kleur. Het is ook in een CSS bestand te vinden, maar deze overruled die van het CSS bestand. :{

[ Bericht 2% gewijzigd door Mirel op 23-02-2012 11:08:03 ]
When all else fails, you always have delusion.
pi_108294658
So much for code en layout gescheiden houden.
pi_108295014
quote:
7s.gif Op donderdag 23 februari 2012 10:11 schreef donroyco het volgende:

[..]

HTML-style overruled de CSS-file.
Ook als het alleen in de CSS-file staat, wordt het genegeerd, vandaar mijn vraag.
  donderdag 23 februari 2012 @ 11:16:07 #126
56176 Catch22-
Ben je Blind?!
pi_108295052
wordt het wel toegepast dan? zulke dingen moet je met firebug checken, zie je gelijk of het per ongeluk overruled wordt.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108295088
quote:
0s.gif Op donderdag 23 februari 2012 11:14 schreef RenRen- het volgende:

[..]

Ook als het alleen in de CSS-file staat, wordt het genegeerd, vandaar mijn vraag.
Typfout in je classname ofzo misschien?
pi_108295160
quote:
11s.gif Op donderdag 23 februari 2012 11:16 schreef Catch22- het volgende:
wordt het wel toegepast dan? zulke dingen moet je met firebug checken, zie je gelijk of het per ongeluk overruled wordt.
Er zat een margin in mijn ontwerp die ik er nooit had ingeplaatst, en die ook niet in mijn code terug te vinden was. Dus probeerde ik maar een negatieve margin mee te geven aan mijn element, en dat werkte niet, dus dan maar inline, en dat ging wel. Die margin werd wel gepakt, leek, maar niet toegepast. Echt raar.
pi_108295171
quote:
14s.gif Op donderdag 23 februari 2012 11:17 schreef KomtTijd... het volgende:

[..]

Typfout in je classname ofzo misschien?
Misschien is dat het geweest, even nog een keer tikken
  donderdag 23 februari 2012 @ 11:26:41 #130
56176 Catch22-
Ben je Blind?!
pi_108295434
quote:
0s.gif Op donderdag 23 februari 2012 11:18 schreef RenRen- het volgende:

[..]

Er zat een margin in mijn ontwerp die ik er nooit had ingeplaatst, en die ook niet in mijn code terug te vinden was. Dus probeerde ik maar een negatieve margin mee te geven aan mijn element, en dat werkte niet, dus dan maar inline, en dat ging wel. Die margin werd wel gepakt, leek, maar niet toegepast. Echt raar.
:? dat moet je niet doen. Als je 40 pix margin-left wil "herstellen" moet je hem margin-left:0px; geven.

Maar ik zou even checken hoe dat kan, lijkt me apart als er "uit het niets" margins komen. Met Firebug moet je dat zo kunnen herleiden.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108295554
quote:
11s.gif Op donderdag 23 februari 2012 11:26 schreef Catch22- het volgende:

[..]

:? dat moet je niet doen. Als je 40 pix margin-left wil "herstellen" moet je hem margin-left:0px; geven.

Maar ik zou even checken hoe dat kan, lijkt me apart als er "uit het niets" margins komen. Met Firebug moet je dat zo kunnen herleiden.
Ja dat werkte niet, want die was al nul. Althans, dat zei firebug, en mijn ogen zeiden, nuh-uh, er zit 40px margin. En die zit dus nergens in mijn code. :') Ik heb het uitgebreid onderzocht
  donderdag 23 februari 2012 @ 11:30:42 #132
56176 Catch22-
Ben je Blind?!
pi_108295594
ik geloof het niet zo moet ik zeggen. kan je het niet online zetten ergens?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108295671
quote:
11s.gif Op donderdag 23 februari 2012 11:30 schreef Catch22- het volgende:
ik geloof het niet zo moet ik zeggen. kan je het niet online zetten ergens?
Hij laat hem wel zien als ik opmaak selecteer, dan wordt het stukje paars, maar als ik dan het element inspecteer staat er dat hij nul px margin heeft.
Moment, ik ben benieuwd of je het kan vinden :D
pi_108298487
quote:
0s.gif Op donderdag 23 februari 2012 10:49 schreef Mirel het volgende:

[..]

Ik bedoel dat de CSS code in een PHP statement binnen een PHP bestand zit, en voor iemand die niet veel ervaring heeft met php is dat best irritant:
[ code verwijderd ]

Dit is overigens de 2e vermelding van deze kleur. Het is ook in een CSS bestand te vinden, maar deze overruled die van het CSS bestand. :{
Je kan trouwens prima dat hele stukje PHP eruit knippen en gewoon zelf een kleur invullen. Dan zal er alleen waarschijnlijk ergens een kleurselectieveld niet meer werken.
  donderdag 23 februari 2012 @ 14:39:06 #135
87680 Mirel
Mirel wil een bongophone.
pi_108302670
Goed om te weten, thanks :)
When all else fails, you always have delusion.
pi_108305517
Hallon. Wie weet er een goede image slider voor mobiele sites (dus met touch events) die enigszins kant en klaar te gebruiken is?

Ik heb al zelf wat gemaakt met jQuery Touch, maar het wordt echt een rotzooitje en ik kom er niet uit. Volgens mij zijn er zat sites waar dit wel gewoon goed wordt gedaan, maar ik heb al op allerlei dingen gegoogled en ik kom er niet uit. Iemand tips?

Eigenlijk zoiets als deze dus, maar dan gratis: http://dimsemenov.com/plugins/royal-slider/
  donderdag 23 februari 2012 @ 16:00:40 #137
84244 Scorpie
Abject en infaam!
pi_108305622
quote:
14s.gif Op donderdag 23 februari 2012 15:58 schreef picodealion het volgende:
Hallon. Wie weet er een goede image slider voor mobiele sites (dus met touch events) die enigszins kant en klaar te gebruiken is?

Ik heb al zelf wat gemaakt met jQuery Touch, maar het wordt echt een rotzooitje en ik kom er niet uit. Volgens mij zijn er zat sites waar dit wel gewoon goed wordt gedaan, maar ik heb al op allerlei dingen gegoogled en ik kom er niet uit. Iemand tips?

Eigenlijk zoiets als deze dus, maar dan gratis: http://dimsemenov.com/plugins/royal-slider/
http://www.tripwiremagazine.com/2012/01/jquery-slider.html

Kies maar uit :D
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108305662
Ah, daar zitten inderdaad wel touch sliders bij. Top!
pi_108403277
Zo, m'n site is af. Minimalisme to the max is het geworden. :P

http://www.dahndesigns.net

Alle tips en opmerkingen zijn welkom! :)
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_108408683
Tekst die over de hele breedte van het design gaat (bijv. bij de 'about'-pagina) vind ik nooit zo lekker leesbaar. Helemaal niet als het om font-size 12px gaat.
Bleuh.
  zondag 26 februari 2012 @ 11:37:04 #141
230788 n8n
Pragmatisch
pi_108409079
Bij broodtekst is een lengte van 60-75 karakters aan te raden om het leesbaar te houden.
Specialization is for insects”.—Robert Heinlein
  zondag 26 februari 2012 @ 13:27:42 #142
137776 boem-dikkie
Jedi Mind Baby!
pi_108412833
Zet er een foto van jezelf naast die representatief is, en vooral van goede kwaliteit.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  zondag 26 februari 2012 @ 13:38:49 #143
220026 Treces
Hier had uw tekst kunnen staan
pi_108413276
quote:
0s.gif Op zondag 26 februari 2012 00:48 schreef Neraice het volgende:
Zo, m'n site is af. Minimalisme to the max is het geworden. :P

http://www.dahndesigns.net

Alle tips en opmerkingen zijn welkom! :)
Ik kende hem al ;)

http://themeforest.net/it(...)/308989?ref=wpsmashy
pi_108414722
Heeft Neraice nou dat theme gemaakt?
Bleuh.
  zondag 26 februari 2012 @ 14:12:47 #145
134533 donroyco
dus niet Donroyco
pi_108414901
quote:
0s.gif Op zondag 26 februari 2012 14:09 schreef PimD het volgende:
Heeft Neraice nou dat theme gemaakt?
Nee.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_108416647
Oh oh oh :') :D
Bleuh.
pi_108423574
Nee die heb ik nagemaakt :P

Ben wel een beetje Orman Clark fan. :@

EDIT: About me pagina is gefixt, inderdaad beter zo.

Ik hoop trouwens niet dat het overkwam alsof ik dat theme heb gemaakt, want dat is absoluut niet het geval (zou wel leuk zijn :P). Volgende stap is om meer freebies te maken en een eigen draai aan het theme te geven. :)

[ Bericht 47% gewijzigd door Neraice op 26-02-2012 17:28:57 ]
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_108423889
Bij deze ook meteen een vraag aan jullie: Heeft iemand nog een verzoek voor een bepaalde PSD? Want hoewel ik ze puur voor mezelf maak om van te leren en omdat het leuk is is het natuurlijk super als ik er iemand anders blij mee kan maken.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_108464792
Ik loop tegen nog een probleem aan.
Ik heb 4 div'jes in een container zitten, in die divjes heb ik knoppen. Gewoon een a met een class die is opgemaakt.

De divjes en de container hebben allemaal height 100% (heb ook auto geprobeerd). Alleen de onderkant van mijn knop wordt afgesneden. De enige manier waarop ik dat zichtbaar krijg is door de hoogte naar 300px of hoger te gooien, maar eigenlijk wil ik dit niet. Hoe kan ik dat oplossen?

Ook wil ik de a een margin meegeven, maar die kan ik zo groot maken als ik wil, die blijft over de tekst heengaan. Hij heeft geen float of andere dingen wat dit zou kunnen triggeren volgens mij. Halp?

Ook moeten die a'tjes aan de onderkant van de div plakken. Ik heb al bottom:0; geprobeerd, maar ik denk dat dat om dezelfde reden niet werkt als waarom de margins niet werken...

Container:
1
2
3
4
5
6
7
8
#content_groot_container{
    width:750px;
    margin-left:40px;
    float:left;
    padding-top:35px;
    height:100%;
    
}

De vier divjes:
1
2
3
4
5
6
7
8
.recepten_omschrijving{
    padding-left:11px;
    padding-right:11px;
    float:left;
    width:168px;
    text-align:center;
    height:100%
}

De a's:
1
2
3
4
5
6
7
8
9
.leesmeer{
    padding:8px 30px;
    margin-top:10px;
    margin-bottom:10px;
    width:130px;
    text-decoration:none;
    color:#555;
    border:1px solid #fff;
}


[ Bericht 3% gewijzigd door RenRen- op 27-02-2012 18:03:12 ]
pi_108468930
quote:
0s.gif Op zondag 26 februari 2012 17:30 schreef Neraice het volgende:
Bij deze ook meteen een vraag aan jullie: Heeft iemand nog een verzoek voor een bepaalde PSD? Want hoewel ik ze puur voor mezelf maak om van te leren en omdat het leuk is is het natuurlijk super als ik er iemand anders blij mee kan maken.
Ik zoek nog wel 'n designer 8-).
pi_108470730
Wat is een beetje normale prijs voor een design en omzetting naar WordPress?
  PR/Manusje van alles maandag 27 februari 2012 @ 17:55:43 #152
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_108470780
2 x 0,5...

ben je goed? heb je ervaring? hoeveel uur ben je kwijt denk je?
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! ©yvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
  maandag 27 februari 2012 @ 18:17:45 #153
84244 Scorpie
Abject en infaam!
pi_108471552
Designers _O_
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108473123
quote:
14s.gif Op maandag 27 februari 2012 17:55 schreef Surveillance-Fiets het volgende:
2 x 0,5...

ben je goed? heb je ervaring? hoeveel uur ben je kwijt denk je?
Tja, wat is goed... ik zie aardig wat neergelegd worden voor designs die ik zelf nooit online zou durven zetten, omdat ik weet dat ze veel beter kunnen. Slicen/basen beheers ik goed en implementeren in WordPress is geen probleem. Het aantal uur hangt natuurlijk af van de website, maar als ik een ruwe schatting moet doen denk ik in totaal 10 tot 12 uur nodig te hebben. Kwaliteit gaat in ieder geval voor kwantiteit en als ik eenmaal iets op papier heb gaat het snel.
  maandag 27 februari 2012 @ 19:12:41 #155
230788 n8n
Pragmatisch
pi_108473660
alleen een beetje uitgebreid css-bestand schrijven ben je al zeker 3 werkdagen mee bezig wil je het goed doen
Specialization is for insects”.—Robert Heinlein
pi_108474036
Hm, ik had het dan wel over "in totaal", maar dat is inderdaad alleen de tijd die ik nodig denk te hebben voor een goed design. Basen durf ik niet te zeggen, denk een dag of drie ja.
pi_108474282
Wat is 'basen' :D
Bleuh.
pi_108475239
quote:
0s.gif Op maandag 27 februari 2012 19:00 schreef Tauchmeister het volgende:

[..]

Tja, wat is goed... ik zie aardig wat neergelegd worden voor designs die ik zelf nooit online zou durven zetten, omdat ik weet dat ze veel beter kunnen. Slicen/basen beheers ik goed en implementeren in WordPress is geen probleem. Het aantal uur hangt natuurlijk af van de website, maar als ik een ruwe schatting moet doen denk ik in totaal 10 tot 12 uur nodig te hebben. Kwaliteit gaat in ieder geval voor kwantiteit en als ik eenmaal iets op papier heb gaat het snel.
Ik weet niet of je een papiertje hebt, maar als student zeiden ze al dat ik 20 per uur kon rekenen als designer.
pi_108475606
quote:
0s.gif Op maandag 27 februari 2012 19:48 schreef RenRen- het volgende:

[..]

Ik weet niet of je een papiertje hebt, maar als student zeiden ze al dat ik 20 per uur kon rekenen als designer.
Geen papiertje nee, wil dit gewoon naast mijn studie doen.
  maandag 27 februari 2012 @ 20:08:54 #160
137776 boem-dikkie
Jedi Mind Baby!
pi_108476180
Ik vraag 30 ex per uur.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_108478836
quote:
14s.gif Op maandag 27 februari 2012 17:04 schreef picodealion het volgende:

[..]

Ik zoek nog wel 'n designer 8-).
Wat heb je nodig? :P
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  maandag 27 februari 2012 @ 22:38:09 #162
230788 n8n
Pragmatisch
pi_108485250
ik krijg 50 per uur, zijn dan wel vaak ‘kleine dingetjes’ die stiekem 10 minuten duren :')
Specialization is for insects”.—Robert Heinlein
  maandag 27 februari 2012 @ 22:41:43 #163
137776 boem-dikkie
Jedi Mind Baby!
pi_108485418
quote:
0s.gif Op maandag 27 februari 2012 22:38 schreef n8n het volgende:
ik krijg 50 per uur, zijn dan wel vaak ‘kleine dingetjes’ die stiekem 10 minuten duren :')
Ik reken sowieso meer uur dan dat ik echt aan het programmeren ben. Mailen, regelen, uitzoeken en dergelijke kost ook tijd, ook als ik niet achter mijn laptop zit ben ik daar vaak nog mee bezig.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_108485790
Ik reken altijd een vaste prijs voor een product, zodat ik mezelf de vrijheid geef er zoveel tijd in te stoppen als ik wil.

De ene keer ben ik na 5 uur tevreden, de andere keer na 25. Daar kan ik van tevoren geen schatting over maken.
  dinsdag 28 februari 2012 @ 21:25:59 #165
84244 Scorpie
Abject en infaam!
pi_108518743
Kent iemand een jQuery / JS tegenhanger van deze slider?

http://www.flabell.com/fl(...)lider-283/comments/1

Vooral het continuous sliden zonder ruimte van images op een 'zachte' manier is belangrijk.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  dinsdag 28 februari 2012 @ 21:46:43 #166
56176 Catch22-
Ben je Blind?!
pi_108519875
kan je toch zelf wel schrijven? half uurtje werk.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  dinsdag 28 februari 2012 @ 21:48:55 #167
56176 Catch22-
Ben je Blind?!
pi_108519992
en over die tarieven: het maakt nogal uit of je de structuur als designer moet bedenken. zou ik zelf nooit door een designer laten doen omdat die meestal vorm boven functie stellen. en 25 uur met een ontwerp bezig zijn is vrij lang imo
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108520491
Designers die vorm boven functie stellen, nee toch? :D
Bleuh.
pi_108520776
Is er btw een designer topic op Fok?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  dinsdag 28 februari 2012 @ 22:05:18 #170
84244 Scorpie
Abject en infaam!
pi_108520819
quote:
11s.gif Op dinsdag 28 februari 2012 21:46 schreef Catch22- het volgende:
kan je toch zelf wel schrijven? half uurtje werk.
Het gaat er meer om dat ik iets zoek dat breed ontwikkeld is, meer functionaliteit bied dan ik in een half uurtje wil schrijven :P

Maar goed, ben sowieso bezig met canvas en meer van zulke dingen, dus misschien meer die kant op gaan.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108522543
quote:
11s.gif Op dinsdag 28 februari 2012 21:48 schreef Catch22- het volgende:
en over die tarieven: het maakt nogal uit of je de structuur als designer moet bedenken. zou ik zelf nooit door een designer laten doen omdat die meestal vorm boven functie stellen. en 25 uur met een ontwerp bezig zijn is vrij lang imo
Tja als je als designer ook rekening houdt met de structuur is 25 uur zo gek nog niet :P

Ik zou minder snel een programmeur de structuur laten bepalen, waar je dan omheen moet designen.

Je kan natuurlijk een UX designer de structuur laten ontwerpen, maar ik vind dat een beetje website vormgever verstand moet hebben van UX :)

quote:
0s.gif Op dinsdag 28 februari 2012 22:04 schreef Neraice het volgende:
Is er btw een designer topic op Fok?
Niet dat ik weet, zou ik zeker waarderen!
Wat is daar geschikter voor, DIG of CRE?
pi_108522610
quote:
0s.gif Op dinsdag 28 februari 2012 22:04 schreef Neraice het volgende:
Is er btw een designer topic op Fok?
was er wel in CRE, maar dat was nogal dood.
pi_108523036
Wie maakt een nieuwe? Zit zeker wel potentie in denk ik.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  dinsdag 28 februari 2012 @ 22:47:24 #174
84244 Scorpie
Abject en infaam!
pi_108523114
Programmeurs kunnen ook heel goed UX ontwerpen hoor, zijn ook vaak genoeg usability-minded :)
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108523321
quote:
0s.gif Op dinsdag 28 februari 2012 22:47 schreef Scorpie het volgende:
Programmeurs kunnen ook heel goed UX ontwerpen hoor, zijn ook vaak genoeg usability-minded :)
Dat is zeker waar :Y Maar vaker dan designers? Althans designers die zich enigzins specialiseren op websites.
pi_108523551
quote:
0s.gif Op dinsdag 28 februari 2012 22:47 schreef Scorpie het volgende:
Programmeurs kunnen ook heel goed UX ontwerpen hoor, zijn ook vaak genoeg usability-minded :)
Mwah, mijn ervaring is dat veel programmeurs juist heel erg functiegericht ontwerpen en daarbij nog wel eens gebruiksvriendelijkheid vergeten.
pi_108523890
quote:
2s.gif Op dinsdag 28 februari 2012 22:55 schreef picodealion het volgende:

[..]

Mwah, mijn ervaring is dat veel programmeurs juist heel erg functiegericht ontwerpen en daarbij nog wel eens gebruiksvriendelijkheid vergeten.
Of ze hebben een ander idee van gebruikersvriendelijkheid.
pi_108524150
quote:
2s.gif Op dinsdag 28 februari 2012 22:55 schreef picodealion het volgende:

[..]

Mwah, mijn ervaring is dat veel programmeurs juist heel erg functiegericht ontwerpen en daarbij nog wel eens gebruiksvriendelijkheid vergeten.
Dat ken ik ook ja. Programma's met 68 miljoen functies, maar niemand gebruikt het omdat niemand snapt hoe het werkt...
pi_108524179
quote:
7s.gif Op dinsdag 28 februari 2012 22:37 schreef lkb9000 het volgende:

[..]

Tja als je als designer ook rekening houdt met de structuur is 25 uur zo gek nog niet :P

Ik zou minder snel een programmeur de structuur laten bepalen, waar je dan omheen moet designen.

Je kan natuurlijk een UX designer de structuur laten ontwerpen, maar ik vind dat een beetje website vormgever verstand moet hebben van UX :)

[..]

Niet dat ik weet, zou ik zeker waarderen!
Wat is daar geschikter voor, DIG of CRE?
Is er een in CRE, over webdesign.
quote:
0s.gif Op dinsdag 28 februari 2012 22:47 schreef Scorpie het volgende:
Programmeurs kunnen ook heel goed UX ontwerpen hoor, zijn ook vaak genoeg usability-minded :)
Usabilty en userexperience zijn 2 hele andere dingen. Usability kan belangrijk zijn in een ontwerp maar daar trek je niet altijd klanten mee binnen, dat doet user experience, en user experience gaat vaak ten koste van Usability. Het is net wat je liever hebt.
pi_108524302
quote:
0s.gif Op dinsdag 28 februari 2012 23:06 schreef RenRen- het volgende:

[..]

Is er een in CRE, over webdesign.

Waar dan? :o

Ik zou een algemeen grafische vormgeving topic wel waarderen :Y Zal ook wat levendiger zijn aangezien het wat breder is dan alleen webdesign :)
pi_108524588
Idd, meer als Dribbble (designs + webdesign).
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_108524871
Wie maakt de OP, ik kan dat niet.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  dinsdag 28 februari 2012 @ 23:17:42 #183
84244 Scorpie
Abject en infaam!
pi_108524925
quote:
2s.gif Op dinsdag 28 februari 2012 22:55 schreef picodealion het volgende:

[..]

Mwah, mijn ervaring is dat veel programmeurs juist heel erg functiegericht ontwerpen en daarbij nog wel eens gebruiksvriendelijkheid vergeten.
Tsja, tis maar net wat je gewend bent. Ik ben ontwikkelaar met een zeer uitgebreide achtergrond op usability en interaction design, interface ontwikkeling en user experience. Denk ook wel dat de meeste (web) developers dat nodig hebben om succesvol te zijn.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  dinsdag 28 februari 2012 @ 23:18:21 #184
84244 Scorpie
Abject en infaam!
pi_108524960
quote:
0s.gif Op dinsdag 28 februari 2012 23:06 schreef RenRen- het volgende:

[..]

Is er een in CRE, over webdesign.

[..]

Usabilty en userexperience zijn 2 hele andere dingen. Usability kan belangrijk zijn in een ontwerp maar daar trek je niet altijd klanten mee binnen, dat doet user experience, en user experience gaat vaak ten koste van Usability. Het is net wat je liever hebt.
Wat is precies jouw definitie van usability?
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  dinsdag 28 februari 2012 @ 23:18:47 #185
84244 Scorpie
Abject en infaam!
pi_108524997
quote:
2s.gif Op dinsdag 28 februari 2012 22:55 schreef picodealion het volgende:

[..]

Mwah, mijn ervaring is dat veel programmeurs juist heel erg functiegericht ontwerpen en daarbij nog wel eens gebruiksvriendelijkheid vergeten.
Dan zijn dat (in mijn opinie) slechte programmeurs, met een beperkte toolset.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108525079
quote:
0s.gif Op dinsdag 28 februari 2012 23:18 schreef Scorpie het volgende:

[..]

Dan zijn dat (in mijn opinie) slechte programmeurs, met een beperkte toolset.
Niet mee eens. Een goede programmeur hoeft niet aan dat soort dingen te denken, dat doet de ontwerper. Het helpt om een beetje kennis/ervaring in allerlei gebieden te hebben, maar het maakt een programmeur niet per definitie slecht.
pi_108525241
Precies, je moet gewoon het goeie werk bij je vaardigheden zoeken. Sommige klusjes vragen om een manusje-van-alles, anderen om een specialist.
  dinsdag 28 februari 2012 @ 23:26:17 #188
84244 Scorpie
Abject en infaam!
pi_108525488
quote:
14s.gif Op dinsdag 28 februari 2012 23:20 schreef picodealion het volgende:

[..]

Niet mee eens. Een goede programmeur hoeft niet aan dat soort dingen te denken, dat doet de ontwerper. Het helpt om een beetje kennis/ervaring in allerlei gebieden te hebben, maar het maakt een programmeur niet per definitie slecht.
Een webprogrammeur moet JUIST aan zulke dingen denken. Leuk dat hij precies weet hoe hij technisch een button moet laten functioneren, maar niet alleen moet hij de materie kennen (waarom zit die button daar? Wat moet het doen? Wat verwacht iemand die op die button klikt? Wat is de uitkomst? Wat kan er mis gaan? Wat moet de klant doen als de button niet doet wat het hoort te doen?), hij moet ook nog eens snappen in welk werkveld hij bezig is.

Juist dat onderscheid, die betrokkenheid bij het product dat je maakt, de oplossing die je de klant bied, plus de bevlogenheid en enthousiasme waarmee je zoiets maakt, zorgt ervoor dat je als programmeur zijnde een uitstekend product neer kan zetten voor je klant, beter zelfs dan een ontwerper ooit zal kunnen doen.

Ik heb ontwerpers gezien die een prachtig design neerzetten maar functioneel echt zwaar ondermaats waren, waarna de programmeur in kwestie, met de inhoudelijke kennis van de gebruiker in zijn achterhoofd, korte metten maakte met het ontwerp in kwestie.

En ik heb programmeurs gezien die totaal ongeintresseerd in de functionaliteit de mooiste technische snufjes inbouwden waar vervolgens geen reet mee werd gedaan omdat de klant niet snapte wat het moest doen, het niet deed wat het moest doen of het gewoon totaal onlogisch was ontworpen, zonder daarbij de ontwerper de schuld in de schoenen te schuiven overigens ;)

Wat is er dan beter? Een ontwerper die voorkauwt en een programmeru met oogkleppen op, of een 1-2tje tussen die twee, waarbij beiden hun inbreng kunnen gebruiken om het juiste product neer te zetten voor de klant (waar het om draait) ?
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108525665
quote:
0s.gif Op dinsdag 28 februari 2012 23:07 schreef lkb9000 het volgende:

[..]

Waar dan? :o

Ik zou een algemeen grafische vormgeving topic wel waarderen :Y Zal ook wat levendiger zijn aangezien het wat breder is dan alleen webdesign :)
hij is gekickt :)
quote:
0s.gif Op dinsdag 28 februari 2012 23:18 schreef Scorpie het volgende:

[..]

Wat is precies jouw definitie van usability?
'Mijn' definitie van usability is er niet lijkt me. Gebruiksvriendelijkheid, knoppen makkelijk kunnen vinden, zoek op een goede plek, alles logisch.

"De mate waarin een interactief systeem de gebruiker in staat stelt effectief, efficiėnt en comfortabel in een gegeven omgeving zijn taak te voltooien. Kort gezegd de gebruiksvriendelijkheid van websites."
Hier kan ik me wel in vinden. Maar door daar user experience in te mixen moet je vaak zo erg inleveren in de usability
pi_108525687
quote:
0s.gif Op dinsdag 28 februari 2012 23:07 schreef lkb9000 het volgende:

[..]

Waar dan? :o

Ik zou een algemeen grafische vormgeving topic wel waarderen :Y Zal ook wat levendiger zijn aangezien het wat breder is dan alleen webdesign :)
Post hier je grafisch- en webdesign
pi_108525811
quote:
0s.gif Op dinsdag 28 februari 2012 23:29 schreef RenRen- het volgende:

[..]

hij is gekickt :)

[..]

'Mijn' definitie van usability is er niet lijkt me. Gebruiksvriendelijkheid, knoppen makkelijk kunnen vinden, zoek op een goede plek, alles logisch.
Wat voor de een logisch is, hoeft dat voor een ander niet te zijn.
  dinsdag 28 februari 2012 @ 23:31:26 #192
84244 Scorpie
Abject en infaam!
pi_108525816
quote:
0s.gif Op dinsdag 28 februari 2012 23:29 schreef RenRen- het volgende:

[..]

hij is gekickt :)

[..]

'Mijn' definitie van usability is er niet lijkt me. Gebruiksvriendelijkheid, knoppen makkelijk kunnen vinden, zoek op een goede plek, alles logisch.

"De mate waarin een interactief systeem de gebruiker in staat stelt effectief, efficiėnt en comfortabel in een gegeven omgeving zijn taak te voltooien. Kort gezegd de gebruiksvriendelijkheid van websites."
Hier kan ik me wel in vinden. Maar door daar user experience in te mixen moet je vaak zo erg inleveren in de usability
Ik snap niet hoe je erbij komt dat user experience en usability elkaar zouden moeten bijten, en je opmerking over dat usability niet bedoelt is klanten te trekken maakt me nog verder in de war :)
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  dinsdag 28 februari 2012 @ 23:32:36 #193
84244 Scorpie
Abject en infaam!
pi_108525898
quote:
0s.gif Op dinsdag 28 februari 2012 23:31 schreef Light het volgende:

[..]

Wat voor de een logisch is, hoeft dat voor een ander niet te zijn.
Ik refereer dan altijd maar naar Jakob Nielsen en de rood/groen situatie.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108525999
quote:
0s.gif Op dinsdag 28 februari 2012 23:31 schreef Light het volgende:

[..]

Wat voor de een logisch is, hoeft dat voor een ander niet te zijn.
Er is best een vast stramien in wat men verwacht van een website. Logo bovenin, menu bovenin, eventueel een submenu, en dan de content, footer, die shit. Doe er eens onderzoek naar zou ik zeggen, dan zie je wat de guru's zeggen.
quote:
0s.gif Op dinsdag 28 februari 2012 23:31 schreef Scorpie het volgende:

[..]

Ik snap niet hoe je erbij komt dat user experience en usability elkaar zouden moeten bijten, en je opmerking over dat usability niet bedoelt is klanten te trekken maakt me nog verder in de war :)
Het bijt elkaar wel als je precies de usabilityregels volgt, als je daarvan afwijkt ga je weer in de user experience kijken namelijk.
En waarom usability vaak klanten niet trekt is omdat dat vaak van die enorme basis-layouts zijn. Ik zou graag voorbeelden zoeken, maar het is laat en ik ruim as we speak een enorme zooi op in de keuken _O-
  dinsdag 28 februari 2012 @ 23:36:34 #195
84244 Scorpie
Abject en infaam!
pi_108526080
quote:
0s.gif Op dinsdag 28 februari 2012 23:34 schreef RenRen- het volgende:

[..]

Er is best een vast stramien in wat men verwacht van een website. Logo bovenin, menu bovenin, eventueel een submenu, en dan de content, footer, die shit. Doe er eens onderzoek naar zou ik zeggen, dan zie je wat de guru's zeggen.

[..]

Het bijt elkaar wel als je precies de usabilityregels volgt, als je daarvan afwijkt ga je weer in de user experience kijken namelijk.
En waarom usability vaak klanten niet trekt is omdat dat vaak van die enorme basis-layouts zijn. Ik zou graag voorbeelden zoeken, maar het is laat en ik ruim as we speak een enorme zooi op in de keuken _O-
Hm, ik deel je mening en ervaringen eerlijk gezegd niet. Maar goed, dat kan natuurlijk :) was gewoon benieuwd hoe je er zo bij kwam :)
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108526119
quote:
0s.gif Op dinsdag 28 februari 2012 23:36 schreef Scorpie het volgende:

[..]

Hm, ik deel je mening en ervaringen eerlijk gezegd niet. Maar goed, dat kan natuurlijk.
Dit is wat ik heb geleerd vanuit mijn opleiding en ervaring, ik kan me er altijd wel in vinden :Y Maar idd, iedereen doet dit allemaal anders, het is ook een vrij beroep :D
  dinsdag 28 februari 2012 @ 23:38:11 #197
84244 Scorpie
Abject en infaam!
pi_108526156
quote:
0s.gif Op dinsdag 28 februari 2012 23:37 schreef RenRen- het volgende:

[..]

Dit is wat ik heb geleerd vanuit mijn opleiding en ervaring, ik kan me er altijd wel in vinden :Y Maar idd, iedereen doet dit allemaal anders, het is ook een vrij beroep :D
Helaas wel ja. En nee dat is niet richting jou bedoeld, eerder een observatie over ons vakgebied :)
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108526261
quote:
0s.gif Op dinsdag 28 februari 2012 23:34 schreef RenRen- het volgende:

[..]

Er is best een vast stramien in wat men verwacht van een website. Logo bovenin, menu bovenin, eventueel een submenu, en dan de content, footer, die shit. Doe er eens onderzoek naar zou ik zeggen, dan zie je wat de guru's zeggen.
Menu's staan bovenin of links (of rechts, als je een taal hebt die van rechts naar links wordt gelezen). Ook afhankelijk van de site.
pi_108526586
quote:
0s.gif Op dinsdag 28 februari 2012 23:32 schreef Scorpie het volgende:

[..]

Ik refereer dan altijd maar naar Jakob Nielsen en de rood/groen situatie.
Ik ken die tekst (helaas) niet.. :{
  dinsdag 28 februari 2012 @ 23:48:35 #200
84244 Scorpie
Abject en infaam!
pi_108526693
quote:
0s.gif Op dinsdag 28 februari 2012 23:46 schreef Light het volgende:

[..]

Ik ken die tekst (helaas) niet.. :{
Was een bekende casus bij ons van een bedrijf dat zijn hele website in de company colors had laten doen (groen), en mooie rode waarschuwingen bij validatiefoutjes. Totdat bleek dat hun bezoekers voor 96% uit mannen bestond, en 8% van alle mannen kleurenblind zijn, en ze dus gewoon de helft van de website niet zagen :')
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108526791
Niemand hier heeft zeker Dribbble invites?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_108529455
Ik heb al bijna een jaar geen nieuwe dribbble invite meer gekregen ;(
Heb volgens mij nog wel een forrst invite over.
pi_108533687
quote:
0s.gif Op dinsdag 28 februari 2012 23:48 schreef Scorpie het volgende:

[..]

Was een bekende casus bij ons van een bedrijf dat zijn hele website in de company colors had laten doen (groen), en mooie rode waarschuwingen bij validatiefoutjes. Totdat bleek dat hun bezoekers voor 96% uit mannen bestond, en 8% van alle mannen kleurenblind zijn, en ze dus gewoon de helft van de website niet zagen :')
Ah, da's wel een leuk voorbeeld van hoe het niet moet :)
  woensdag 29 februari 2012 @ 08:35:38 #204
56176 Catch22-
Ben je Blind?!
pi_108534186
quote:
0s.gif Op dinsdag 28 februari 2012 23:40 schreef Light het volgende:

[..]

Menu's staan bovenin of links (of rechts, als je een taal hebt die van rechts naar links wordt gelezen). Ook afhankelijk van de site.
dan heb je de vaste elementen een plek gegeven en dan? ;)

als ik met interaction design bezig ben gaat t om de inhoud (ik doe hoofdzakelijk applicaties). dus hoe structureer ik overzichten, zoek- of invulformulieren, gegevens, hoe richt ik een dashboard in etc
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 29 februari 2012 @ 08:39:47 #205
84244 Scorpie
Abject en infaam!
pi_108534252
quote:
11s.gif Op woensdag 29 februari 2012 08:35 schreef Catch22- het volgende:

[..]

dan heb je de vaste elementen een plek gegeven en dan? ;)

als ik met interaction design bezig ben gaat t om de inhoud (ik doe hoofdzakelijk applicaties). dus hoe structureer ik overzichten, zoek- of invulformulieren, gegevens, hoe richt ik een dashboard in etc
Maar ook daar zijn conventies voor die je dient te volgen. Het is niet zo dat je dat op gevoel een beetje fixed toch? Tenminste, ik niet :P
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  woensdag 29 februari 2012 @ 09:19:55 #206
56176 Catch22-
Ben je Blind?!
pi_108535005
Nee dat klopt, maar je moet wel je data analyseren, het gebruik bekijken etc etc en het resultaat daarvan neem je mee in het interaction design.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 29 februari 2012 @ 10:39:00 #207
84244 Scorpie
Abject en infaam!
pi_108536887
Pffffffff, jQuery is stiekem soms best wel frustrerend. Smooth scrolling is geen smooth scrolling, dat effect heb je bijna alleen maar met Flash :(
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  woensdag 29 februari 2012 @ 10:41:08 #208
134533 donroyco
dus niet Donroyco
pi_108536949
quote:
1s.gif Op dinsdag 28 februari 2012 23:50 schreef Neraice het volgende:
Niemand hier heeft zeker Dribbble invites?
Nee, helaas. Wel 456785646 Forrst invites ;(
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  woensdag 29 februari 2012 @ 10:48:50 #209
56176 Catch22-
Ben je Blind?!
pi_108537182
quote:
0s.gif Op woensdag 29 februari 2012 10:39 schreef Scorpie het volgende:
Pffffffff, jQuery is stiekem soms best wel frustrerend. Smooth scrolling is geen smooth scrolling, dat effect heb je bijna alleen maar met Flash :(
Je kan een eind komen, alleen IE (8 en lager) gaat dwarsliggen.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 29 februari 2012 @ 11:11:12 #210
84244 Scorpie
Abject en infaam!
pi_108537806
quote:
11s.gif Op woensdag 29 februari 2012 10:48 schreef Catch22- het volgende:

[..]

Je kan een eind komen, alleen IE (8 en lager) gaat dwarsliggen.
Niet echt. Check dit voorbeeld qua scrolling:

http://www.smoothdivscroll.com/v1-2.htm

Tegenover deze:

http://www.flabell.com/flash/Continuous-Image-Slider-283

Let op de blokkerigheid van de animatie van de 1e link, terwijl dit bij de 2e link niet gebeurt.
Elke image scroller in jQuery of ander JS framework heeft er last van....wel ven in Chrome/FF doen, IE werkt het weer perfect :')
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  woensdag 29 februari 2012 @ 11:14:59 #211
12221 Tijn
Powered by MS Paint
pi_108537921
quote:
0s.gif Op woensdag 29 februari 2012 10:39 schreef Scorpie het volgende:
Pffffffff, jQuery is stiekem soms best wel frustrerend. Smooth scrolling is geen smooth scrolling, dat effect heb je bijna alleen maar met Flash :(
Ik gebruik voor dat soort dingen CSS transform + transition, met jQuery als fallback. Dan hebben de meeste users een soepele scroll, zonder Flash.
  woensdag 29 februari 2012 @ 11:18:47 #212
56176 Catch22-
Ben je Blind?!
pi_108538043
quote:
0s.gif Op woensdag 29 februari 2012 11:11 schreef Scorpie het volgende:

[..]

Niet echt. Check dit voorbeeld qua scrolling:

http://www.smoothdivscroll.com/v1-2.htm

Tegenover deze:

http://www.flabell.com/flash/Continuous-Image-Slider-283

Let op de blokkerigheid van de animatie van de 1e link, terwijl dit bij de 2e link niet gebeurt.
Elke image scroller in jQuery of ander JS framework heeft er last van....wel ven in Chrome/FF doen, IE werkt het weer perfect :')
Die eerste loopt in IE9, Chrome en FF goed hier. In IE8 doet hij niets.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 29 februari 2012 @ 11:32:35 #213
84244 Scorpie
Abject en infaam!
pi_108538468
quote:
14s.gif Op woensdag 29 februari 2012 11:14 schreef Tijn het volgende:

[..]

Ik gebruik voor dat soort dingen CSS transform + transition, met jQuery als fallback. Dan hebben de meeste users een soepele scroll, zonder Flash.
Thanks, heb er nog niet zo heel veel ervaring mee maar ga er eens induiken :)
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
  woensdag 29 februari 2012 @ 11:33:14 #214
84244 Scorpie
Abject en infaam!
pi_108538484
quote:
11s.gif Op woensdag 29 februari 2012 11:18 schreef Catch22- het volgende:

[..]

Die eerste loopt in IE9, Chrome en FF goed hier. In IE8 doet hij niets.
Hier loopt hij in IE9 goed, Chrome en FF blokkerig (af en toe vertraagt de animatie, om daarna weer verder te lopen). Je hebt wel autoscroll geklikt?
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_108544681
Ws heel erg basis html, maar ik heb 2 afbeeldingen die elkaar overlappen alleen staat de verkeerde 'bovenop'. Nu heb ik al 'style="z-index:-1"' aan degene die onder op moet toegevoegd maar dat lost het niet op.. wat doe ik verkeerd?
pi_108544841
Probeer eens z-index:1; bij de andere?

Z-index werkt volgens mij alleen als de position ook gedefinieerd is.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  woensdag 29 februari 2012 @ 14:48:53 #217
56176 Catch22-
Ben je Blind?!
pi_108544847
je hebt ze geen position:absolute gegeven
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108544880
quote:
0s.gif Op woensdag 29 februari 2012 14:48 schreef Neraice het volgende:
Probeer eens z-index:1; bij de andere?

Z-index werkt volgens mij alleen als de position ook gedefinieerd is.
Oh ik besef nu ook ineens dat ik het wss niet direct in html kan zetten maar alleen in css.. klopt dat?
(Dat voelt in dit geval namelijk wel omslachtig)
  woensdag 29 februari 2012 @ 14:50:30 #219
56176 Catch22-
Ben je Blind?!
pi_108544904
Je kan het gewoon in het style attribuut zetten, wel in combinatie met position:relative of absolute
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108544911
Je kan sowieso beter al je styles in een CSS file doen.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_108544945
quote:
11s.gif Op woensdag 29 februari 2012 14:48 schreef Catch22- het volgende:
je hebt ze geen position:absolute gegeven
Ah.. dat werkt idd, alleen is het netjes centreren in de sidebar dan wel gelijk foetsie :P
Ff zien hoe ik dat dan weer oplos.
pi_108544975
quote:
0s.gif Op woensdag 29 februari 2012 14:50 schreef Neraice het volgende:
Je kan sowieso beter al je styles in een CSS file doen.
Dan krijg ik wel een gigantisch hoeveelheid CSS codes als ik bekijk hoeveel elementen wel niet even een 'style="margin-left:-3px" e.d. hebben.. Zeker bij het typen van een nieuw blogje niet ideaal als ik daarvoor elke keer mijn css bestand weer opnieuw moet uploaden.
  woensdag 29 februari 2012 @ 15:07:59 #223
230788 n8n
Pragmatisch
pi_108545533
quote:
0s.gif Op woensdag 29 februari 2012 14:52 schreef Maartel het volgende:

[..]

Dan krijg ik wel een gigantisch hoeveelheid CSS codes als ik bekijk hoeveel elementen wel niet even een 'style="margin-left:-3px" e.d. hebben.. Zeker bij het typen van een nieuw blogje niet ideaal als ik daarvoor elke keer mijn css bestand weer opnieuw moet uploaden.
daar heb je een class voor
Specialization is for insects”.—Robert Heinlein
  woensdag 29 februari 2012 @ 15:08:29 #224
50298 QM84
Het Orakel
pi_108545543
Daarvoor zijn er styleguides uitgevonden.. Standaarden binnen je design..
Met classes en ID's kan je dat prima afvangen, dat je dezelfde elementen op dezelfde manier styled.

quote:
0s.gif Op woensdag 29 februari 2012 14:51 schreef Maartel het volgende:

[..]

Ah.. dat werkt idd, alleen is het netjes centreren in de sidebar dan wel gelijk foetsie :P
Ff zien hoe ik dat dan weer oplos.
left: 50% en margin-left: - de helft van de breedte.
dat dus.
  woensdag 29 februari 2012 @ 15:10:03 #225
230788 n8n
Pragmatisch
pi_108545599
CSS 3 is best nice in de zin dat je min of meer geen classes meer nodig hebt. Gebruik vrijwel alleen nog maar IDs maar dat is met name om een anchor te verkrijgen.
Specialization is for insects”.—Robert Heinlein
  woensdag 29 februari 2012 @ 15:10:44 #226
56176 Catch22-
Ben je Blind?!
pi_108545625
quote:
17s.gif Op woensdag 29 februari 2012 15:10 schreef n8n het volgende:
CSS 3 is best nice in de zin dat je min of meer geen classes meer nodig hebt
uhm, want?

omdat je specifiekere tags hebt style je doe, bedoel je dat?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 29 februari 2012 @ 15:11:38 #227
230788 n8n
Pragmatisch
pi_108545641
quote:
11s.gif Op woensdag 29 februari 2012 15:10 schreef Catch22- het volgende:

[..]

uhm, want?

omdat je specifiekere tags hebt style je doe, bedoel je dat?
Dat en meer manieren om een element te selecteren, bijv. “header > h1” etc.

http://www.css3.info/selectors-test/
Specialization is for insects”.—Robert Heinlein
  woensdag 29 februari 2012 @ 15:15:24 #228
56176 Catch22-
Ben je Blind?!
pi_108545753
Ja zo, dat klopt. Weet niet of ik dat zelf wel zo snel zal gebruiken, gezien de support en de leesbaarheid is ook wat minder, maar dat laatste zal gewenning zijn.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_108545785
quote:
7s.gif Op woensdag 29 februari 2012 15:11 schreef n8n het volgende:

[..]

Dat en meer manieren om een element te selecteren, bijv. “header > h1” etc.

http://www.css3.info/selectors-test/
...Dat kan al jaren?

header h1 is ieder <h1> element dat genest is in een <header> element, header > h1 is een <h1> element dat als directe parent een <header> element heeft.

Alleen <header> als element is nieuw.

Hoe meer selectors je achter elkaar hangt, hoe trager je CSS trouwens wordt. Dus classes zijn wel degelijk altijd nuttig.
  woensdag 29 februari 2012 @ 15:16:38 #230
230788 n8n
Pragmatisch
pi_108545794
quote:
11s.gif Op woensdag 29 februari 2012 15:15 schreef Catch22- het volgende:
Ja zo, dat klopt. Weet niet of ik dat zelf wel zo snel zal gebruiken, gezien de support en de leesbaarheid is ook wat minder, maar dat laatste zal gewenning zijn.
Support is waar, leesbaarheid is even wennen. Voordeel vind ik zelf dat zonder classes content en opmaak geheel gescheiden kunnen worden daar een ID semantische waarde heeft en een class niet.
Specialization is for insects”.—Robert Heinlein
  woensdag 29 februari 2012 @ 15:18:10 #231
230788 n8n
Pragmatisch
pi_108545842
quote:
14s.gif Op woensdag 29 februari 2012 15:16 schreef KomtTijd... het volgende:

[..]

...Dat kan al jaren?

header h1 is ieder <h1> element dat genest is in een <header> element, header > h1 is een <h1> element dat als directe parent een <header> element heeft.

Alleen <header> als element is nieuw.
Dacht dat IE nalatig was met de ondersteuning, weet iemand die handige site waar de hele css-specificatie per browser op te zoeken is in een tabel?

Dat tragere is wel iets om uit te zoeken, weet alleen dat * de boel flink kan vertragen.
Specialization is for insects”.—Robert Heinlein
  woensdag 29 februari 2012 @ 15:20:51 #232
50298 QM84
Het Orakel
pi_108545930
caniuse.com is altijd wel handig..
dat dus.
  woensdag 29 februari 2012 @ 15:21:24 #233
230788 n8n
Pragmatisch
pi_108545940
quote:
7s.gif Op woensdag 29 februari 2012 15:20 schreef QM84 het volgende:
caniuse.com is altijd wel handig..
die bedoelde ik _O_
Specialization is for insects”.—Robert Heinlein
pi_108545981
Ik heb een vraag over de facebook like button.
Op deze site is informatie te vinden over hoe zo'n like button te maken en hoe deze moet worden geļmplementeerd.
Er staat een handige code generator met uitleg waardoor een like button binnen een minuut op de site kan worden gezet.
Ik heb aangegeven dat er ook een like-counter moet worden weergegeven zodat mensen kunnen zien hoeveel likes een pagina heeft.
Het probleem is, is dat deze counter alleen maar wordt weergegeven als je met facebook in bent gelogd. Als je niet bent ingelogd is alleen maar de like knop zichtbaar.
Als ik rondkijk op bijv deze website, waar ook wordt uitgelegd hoe je een like button op een site kan zetten staat er aan het einde van het voorbeeld:"187 vindt leuk. Registreren om te zien wat je vrienden leuk vinden."
Met andere woorden: ik ben niet ingelogd/geregistreerd maar er staat wel hoeveel mensen die site leuk vinden.
Ik heb de like knop getest in verschillende browsers maar elke browser geeft hetzelfde resultaat terug.
  woensdag 29 februari 2012 @ 15:22:50 #235
50298 QM84
Het Orakel
pi_108545987
quote:
7s.gif Op woensdag 29 februari 2012 15:18 schreef n8n het volgende:

Dat tragere is wel iets om uit te zoeken, weet alleen dat * de boel flink kan vertragen.
Dat is ondertussen dus niet meer zo..
dat dus.
  woensdag 29 februari 2012 @ 15:26:45 #236
230788 n8n
Pragmatisch
pi_108546129
quote:
7s.gif Op woensdag 29 februari 2012 15:22 schreef QM84 het volgende:

[..]

Dat is ondertussen dus niet meer zo..
zie je maar hoe snel informatie achterhaald kan zijn, laatste keer dat ik er op zocht was enkel Opera sneller met een * ipv alle elementen los te resetten.

http://www.quirksmode.org/css/contents.html css 2.1 selectors en de ondersteuning. IE6 is weer een party-pooper, vind IE6 nog net belangrijk genoeg om nog voor classes te kiezen.
Specialization is for insects”.—Robert Heinlein
pi_108546186
* is sowieso een overbodige selector, heb ik nog nooit nodig gehad.
> gebruikte ik al bij mijn allereerste website in 2006 ofzo, al wist ik toen nog niet echt wat precies het nut was.

En Yslow waarschuwt wel nog steeds voor te lange CSS selectors. Daar ga ik dus maar van uit :P
  woensdag 29 februari 2012 @ 15:30:12 #238
50298 QM84
Het Orakel
pi_108546251
* {box-sizing: border-box} wordt steeds populairder tegenwoordig.. Ik gebruik het ook steeds vaker voor projecten..

De > -selector is gewoon geniaal..
dat dus.
  woensdag 29 februari 2012 @ 15:31:03 #239
230788 n8n
Pragmatisch
pi_108546291
quote:
14s.gif Op woensdag 29 februari 2012 15:28 schreef KomtTijd... het volgende:
* is sowieso een overbodige selector, heb ik nog nooit nodig gehad.
> gebruikte ik al bij mijn allereerste website in 2006 ofzo, al wist ik toen nog niet echt wat precies het nut was.

En Yslow waarschuwt wel nog steeds voor te lange CSS selectors. Daar ga ik dus maar van uit :P
met lange bedoel je het aantal karakters?
dan is het in mijn geval body > header h1 vs. header#top h1
Specialization is for insects”.—Robert Heinlein
pi_108546514
quote:
7s.gif Op woensdag 29 februari 2012 15:08 schreef QM84 het volgende:
Daarvoor zijn er styleguides uitgevonden.. Standaarden binnen je design..
Met classes en ID's kan je dat prima afvangen, dat je dezelfde elementen op dezelfde manier styled.

[..]

left: 50% en margin-left: - de helft van de breedte.
Dat deed t m niet helemaal aangezien ie met absolute volledig buiten de sidebar kwam te staan :s
pi_108546546
quote:
7s.gif Op woensdag 29 februari 2012 15:30 schreef QM84 het volgende:
* {box-sizing: border-box} wordt steeds populairder tegenwoordig.. Ik gebruik het ook steeds vaker voor projecten..

Die kende ik nog niet. Fucking briljant! :D
quote:
7s.gif Op woensdag 29 februari 2012 15:31 schreef n8n het volgende:

[..]

met lange bedoel je het aantal karakters?
dan is het in mijn geval body > header h1 vs. header#top h1
Nee, 't gaat om het aantal selectors wat je gebruikt.
header#top is sowieso overbodig, aangezien een id maar één keer voor mag komen kun je ook gewoon #top schrijven, wat dan sneller is. CSS-wise zou het snelste zijn om het <h1> element een id mee te geven, en alleen op dat id te selecteren. Maar dat geeft in je HTML weer een hoop onzin, dus je moet een beetje een compromis zoeken.
pi_108546587
quote:
0s.gif Op woensdag 29 februari 2012 15:36 schreef Maartel het volgende:

[..]

Dat deed t m niet helemaal aangezien ie met absolute volledig buiten de sidebar kwam te staan :s
Centreren doe je met margin: 0 auto, niet met negatieve margins en positions en gedoe.
pi_108546740
quote:
14s.gif Op woensdag 29 februari 2012 15:39 schreef KomtTijd... het volgende:

[..]

Centreren doe je met margin: 0 auto, niet met negatieve margins en positions en gedoe.
Oh, t was bij mij middels text-align:center
pi_108546788
quote:
0s.gif Op woensdag 29 februari 2012 15:43 schreef Maartel het volgende:

[..]

Oh, t was bij mij middels text-align:center
text-align is iets anders als (block-level) elementen centreren.
pi_108546849
quote:
14s.gif Op woensdag 29 februari 2012 15:44 schreef KomtTijd... het volgende:

[..]

text-align is iets anders als (block-level) elementen centreren.
Ah oke.. desalniettemin raar dat ie zich buiten de breedte van de sitebar bevindt.. Maakt het verplaatsen naar een ander level dat ie niet meer 'luistert' naar de div waarin ie zich bevindt?
  woensdag 29 februari 2012 @ 15:47:08 #246
56176 Catch22-
Ben je Blind?!
pi_108546873
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 29 februari 2012 @ 19:21:29 #247
230788 n8n
Pragmatisch
pi_108555032
quote:
14s.gif Op woensdag 29 februari 2012 15:37 schreef KomtTijd... het volgende:

[..]

Die kende ik nog niet. Fucking briljant! :D

[..]

Nee, 't gaat om het aantal selectors wat je gebruikt.
header#top is sowieso overbodig, aangezien een id maar één keer voor mag komen kun je ook gewoon #top schrijven, wat dan sneller is. CSS-wise zou het snelste zijn om het <h1> element een id mee te geven, en alleen op dat id te selecteren. Maar dat geeft in je HTML weer een hoop onzin, dus je moet een beetje een compromis zoeken.
Ik begrijp het, had naar aanleiding van het vorige bericht alle 'section#' en 'header#'s al door '#' vervangen. Dat laatste vind ik inderdaad kul en dat is toch niet merkbaar, bovendien zorgen nodeloos veel ID's in de html ook voor vertraging.
Specialization is for insects”.—Robert Heinlein
pi_108556067
Iemand enig idee of ik met css3 een rand zoals hier om de album covertjes (rechtsboven) kan maken?

Op http://popqessed.tumblr.com/ staat nu het dichtsbijzijnde wat me tot nu toe gelukt is, maar daarmee komen ze naar mijn zin nog veel te veel naar 'boven'.
pi_108556260
...Waar is je testcase?
pi_108556314
quote:
14s.gif Op woensdag 29 februari 2012 19:46 schreef KomtTijd... het volgende:
...Waar is je testcase?
Bedoel je de css van mijn eigen probeersel?
pi_108556422
Nee, de pagina waar je je probleem geisoleerd hebt zonder alle poespas eromheen.

Ik snap nieteens waar je het over hebt. "een rand", ik zie 6 miljoen randen (Hśśśśśś ;() op die website.. waar gaat het in hemelsnaam over?
pi_108556541
quote:
14s.gif Op woensdag 29 februari 2012 19:50 schreef KomtTijd... het volgende:
Nee, de pagina waar je je probleem geisoleerd hebt zonder alle poespas eromheen.

Ik snap nieteens waar je het over hebt. "een rand", ik zie 6 miljoen randen (Hśśśśśś ;() op die website.. waar gaat het in hemelsnaam over?
Oke.. ik zal het even proberen te isoleren.
Maar wat betreft waar het om gaat, dat zijn die 9 kleine album hoesje rechtsboven.
pi_108556595
En wat is dan precies het verschil?

Behalve dat die blonde dame eroverheen komt staan in de live versie?
pi_108556680
quote:
5s.gif Op woensdag 29 februari 2012 19:53 schreef KomtTijd... het volgende:
En wat is dan precies het verschil?

Behalve dat die blonde dame eroverheen komt staan in de live versie?
Eromheen? die staat toch rechtsonder in de hoek? Geen widescreen?

http://popless.tumblr.com/
Dit is mijn probeersel tot nog toe, maar die vind ik echt heel lelijk omdat ze door het schaduw effect naar voren lijken te komen, terwijl het in de ander versie meer een grijze fuzzy rand is.
pi_108556831
Een css van 1174 regels noem ik geen testcase.
pi_108556873
quote:
14s.gif Op woensdag 29 februari 2012 19:57 schreef KomtTijd... het volgende:
Een css van 1174 regels noem ik geen testcase.
Oh, ik had alleen de html aangepast.. momentje..
pi_108556902
Je HTML slaat ook nergens op. Zit je nou bewust in quirksmode te werken?

En wtf is al die inline style?

Vind je het gek dat je niets voor elkaar krijgt als je nieteens weet hoe de basis van je eigen werk in elkaar zit?
pi_108557130
quote:
14s.gif Op woensdag 29 februari 2012 19:58 schreef KomtTijd... het volgende:
Je HTML slaat ook nergens op. Zit je nou bewust in quirksmode te werken?

En wtf is al die inline style?

Vind je het gek dat je niets voor elkaar krijgt als je nieteens weet hoe de basis van je eigen werk in elkaar zit?
CSS is nu ingekort. En nee, wat ik dan ook aan doen mag zijn doe ik niet 'bewust'.
Overigens lijken die regels drukker dan ze zijn omdat de links in een popup openen. Wat overigens letterlijk uit de gebruiksaanwijzing van die plugin is overgenomen.

Overigens heb ik me behoorlijk ingelezen, maar daar zitten wel grenzen aan, want de gemiddelde hobby duurt bij mij 3 weken, dus dikke kans dat ik tegen de tijd dat ik door een boek heen ben helemaal niks meer met websites doe.
pi_108557793
quote:
0s.gif Op woensdag 29 februari 2012 20:03 schreef Maartel het volgende:

[..]

En nee, wat ik dan ook aan doen mag zijn doe ik niet 'bewust'.

Zolang dat het geval is kunnen we je hier in ieder geval niet helpen.
pi_108562532
1
2
3
4
5
6
7
body{
    background: #ffffff url(http://i387.photobucket.com/albums/oo315/Maartel/bgsite.jpg) repeat top center ;
    color:#000;
    font-size:12px;
    font-family:  "Arial", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ;
<style>
}

Gaaf hoor :') :D
Bleuh.
  donderdag 1 maart 2012 @ 15:13:48 #261
87680 Mirel
Mirel wil een bongophone.
pi_108587095
Ik moet gniffelen om die code
When all else fails, you always have delusion.
  donderdag 1 maart 2012 @ 15:24:10 #262
134533 donroyco
dus niet Donroyco
pi_108587422
quote:
0s.gif Op donderdag 1 maart 2012 15:13 schreef Mirel het volgende:
Ik moet gniffelen om die code
Wat hij zegt.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  donderdag 1 maart 2012 @ 15:33:11 #263
87680 Mirel
Mirel wil een bongophone.
pi_108587761
Op www.filmdepartment.nl/v2 kan je op het lintje rechtsboven klikken om een gedeelte tevoorschijn halen waar nu een googlemap in zit volgens deze tutorial: http://stiern.com/tutoria(...)aps-to-your-website/

In Chrome is de map goed te zien, hij gaat over gehele breedte. Want hij wordt zo opgeroepen:
1<div id="map_canvas" style="width:100%; height:500px"></div>

Het probleem is dat 'ie in de andere browsers niet goed te zien is, slechts een klein blokje linksboven. Met de ene stap in de tutorial verdwijnt een groot stuk en met de volgende stap komt het weer terug. Ik kan niet echt vaststellen hoe dit komt.

Een ander probleem is dat als ik in Chrome (waar die dus volledig te zien is) F5 druk, dat 'ie daarna niet op de juiste plek gecentreerd is. De URL krijgt na het klikken op de knop een # erachter maar dat moet niet uitkomen. Als ik echter zelf de URL intik (zonder de #) en op enter druk, is 'ie weer op de goeie plek gecentreerd.

Het volgende probleem is dat nu op de plek van het custom pinnetje (tot daar ben ik dus in de tutorial :P ) een tekstwolk moet verschijnen. In de tutorial staat dat ik onder de map variabele de code moet plakken maar ik weet niet waar eigenlijk. Had een aantal plekken geprobeerd maar die werkten niet. Ook weet ik niet of ik de naam van die divs daar binnen kan veranderen. Want ik vermoed dat m'n theme toch ergens al de naam content gebruikt.

Dit is de code tot nu toe, zonder de custom tekstwolk nog:
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
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" data-src="http://maps.google.com/maps/api/js?sensor=false" style="visibility:hidden;"></script>
<script type="text/javascript">
    function initialize() {
        var latlng = new google.maps.LatLng(52.1025780, 5.0978729);
        var settings = {
            zoom: 15,
            center: latlng,
            mapTypeControl: true,
            mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
            navigationControl: true,
            navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
            mapTypeId: google.maps.MapTypeId.ROADMAP
    };
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);

var companyPos = new google.maps.LatLng(52.1025780, 5.0978729);

var companyLogo = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo.png',
    new google.maps.Size(100,50),
    new google.maps.Point(0,0),
    new google.maps.Point(50,50)
);
var companyShadow = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo_shadow.png',
    new google.maps.Size(130,50),
    new google.maps.Point(0,0),
    new google.maps.Point(65, 50)
);
var companyPos = new google.maps.LatLng(52.1025780, 5.0978729);
var companyMarker = new google.maps.Marker({
    position: companyPos,
    map: map,
    icon: companyLogo,
    shadow: companyShadow,
    title:"Filmdepartment"
});
}
</script>
When all else fails, you always have delusion.
pi_108588056
Hier in Chrome (win7) zie ik ook slechts de hoek links bovenin, en de marker zit op de meest linksboven pixel.
  donderdag 1 maart 2012 @ 15:55:15 #265
87680 Mirel
Mirel wil een bongophone.
pi_108588623
De marker moet dus op Ondiep-Zuidzijde 12 staan, een kleine 20 m vanaf het kruispunt aan de linkerkant van de weg. :P

quote:
0s.gif Op woensdag 29 februari 2012 21:35 schreef PimD het volgende:

[ code verwijderd ]

Gaaf hoor :') :D
waar komt dit overigens vandaan? :P
When all else fails, you always have delusion.
pi_108588687
Aan de photobucket-link te zien, van Maartel's code _O-
  donderdag 1 maart 2012 @ 15:58:18 #267
56176 Catch22-
Ben je Blind?!
pi_108588733
Maartel toch? ;)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 1 maart 2012 @ 16:05:06 #268
87680 Mirel
Mirel wil een bongophone.
pi_108588996
ah ok een user hier dus. En nu weer terug naar mijn googlemaps jongens.
When all else fails, you always have delusion.
  donderdag 1 maart 2012 @ 16:31:10 #269
56176 Catch22-
Ben je Blind?!
pi_108589883
ik ben toevallig google maps expert.

Wat gebeurt er als je je map centered?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 1 maart 2012 @ 16:38:24 #270
87680 Mirel
Mirel wil een bongophone.
pi_108590137
Ik center de map niet. De locatie, met een pinnetje (nu een custom plaatje) moet in het midden zitten. De coordinaten in de code moeten dat ook doen:

var latlng = new google.maps.LatLng(52.1025780, 5.0978729);
var settings = {
zoom: 15,
center: latlng,

Kopieer alle cijfers die tussen de haakjes zitten en gooi ze in google earth, je komt dan gewoon uit op Ondiep-Zuidzijde 12. center: latlng moet dat ook aangeven. :{
When all else fails, you always have delusion.
  donderdag 1 maart 2012 @ 16:39:22 #271
56176 Catch22-
Ben je Blind?!
pi_108590169
en als je map.setCenter(marker) doet (pseudocode)?

En je moet even met die zoomlevels spelen, die doen wel eens raar.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 1 maart 2012 @ 16:40:52 #272
87680 Mirel
Mirel wil een bongophone.
pi_108590215
waar moet ik dat plaatsen? :@
When all else fails, you always have delusion.
  donderdag 1 maart 2012 @ 16:41:24 #273
56176 Catch22-
Ben je Blind?!
pi_108590236
na het toevoegen van de marker bijvoorbeeld.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 1 maart 2012 @ 16:41:57 #274
87680 Mirel
Mirel wil een bongophone.
pi_108590259
Maar nu zie ik toch bijna niks, ik zie slechts een blokje map linksboven, ook in Chrome. Schiet niet op }:|
When all else fails, you always have delusion.
  donderdag 1 maart 2012 @ 16:42:28 #275
56176 Catch22-
Ben je Blind?!
pi_108590282
dat komt door je zoomnivo denk ik. Haal die eens weg als test.

welke api versie gebruik je?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 1 maart 2012 @ 16:42:52 #276
87680 Mirel
Mirel wil een bongophone.
pi_108590298
API 3. even zoomlevel weghalen.

edit: zoom teruggezet, want ik zag alleen een grijs vlak. Maar ik weet niet of het aan de zoom ligt. Die is nooit veranderd geweest en de ene keer zag ik wel alles en de andere keer niet.

Ik zie nu trouwens dat de API key nergens in de code te vinden is. Die had ik alleen nodig in de eerst stap om de coordinaten te achterhalen. (al kon ik die ook via de standaard iframe embed functie terugvinden maar ja, ik snap niet zo goed waarom dat allemaal moet :') )
When all else fails, you always have delusion.
  donderdag 1 maart 2012 @ 16:47:08 #277
56176 Catch22-
Ben je Blind?!
pi_108590440
http://jsfiddle.net/zCDSp/1/

die doet het gewoon. zelfs in ie7. Ik heb alleen een klein stukje code toegevoegd (in de $(document).ready de initialize functie aanroepen)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 1 maart 2012 @ 16:52:15 #278
87680 Mirel
Mirel wil een bongophone.
pi_108590609
Nog steeds niet. Dat hele stuk wat tevoorschijnt komt zit in een php bestand, kan daaraan liggen: http://pastebin.com/cFps8ErC Dat onload stukje in de div heb ik er pas bijgezet toen ik het bij jou zag.

Zo ziet de body tag eruit:
1<body <?php body_class(); ?> onload="initialize()">

Maar waarom de nieuwe regel met de gewone initialize nog eronder?

[ Bericht 28% gewijzigd door Mirel op 01-03-2012 16:59:04 ]
When all else fails, you always have delusion.
  donderdag 1 maart 2012 @ 17:01:48 #279
56176 Catch22-
Ben je Blind?!
pi_108590962
omdat je 1 keer de functie declareert en je hem ook nog aanroept.

Dus je zegt met

1$(document).ready(function() { initialize(); });

Als je klaar bent met laden, voer dan de functie initialize uit. en met

1
2
3
function initialize() {
//blablab
}
Ik vind het handiger om zulke definitie in je JS blok te zetten ipv inline in je html.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 1 maart 2012 @ 17:09:16 #280
87680 Mirel
Mirel wil een bongophone.
pi_108591231
Maar goed, het werkt niet. Ik heb ook even de thememaker en de tutorialmaker gevraagd of ze kunnen helpen :) Het moet aan de theme liggen.
When all else fails, you always have delusion.
  donderdag 1 maart 2012 @ 17:10:28 #281
56176 Catch22-
Ben je Blind?!
pi_108591275
dat kan niet (tenzij er iets conflicteert). Heb je het ergens staan waar ik het kan bekijken?

ik heb al meerdere dingen met google maps gemaakt (kan het helaas niet laten zien, staat niet openbaar online) maar het altijd even prutsen.

en mijn JSFiddle werkt ook gewoon toch?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 1 maart 2012 @ 17:14:23 #282
87680 Mirel
Mirel wil een bongophone.
pi_108591409
Nee, je JSfiddle werkt niet. :P

Wat wil je precies zien? Ik heb zo'n beetje alle code gedumpt :P Je mag wel FTP toegang als je er zorgvuldig mee omgaat :P

Dit is header.php, het maps gedeelte vind je snel genoeg, en de body ook:
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title>
<?php
    /*
     * Print the <title> tag based on what is being viewed.
     */
    global $page, $paged;

    wp_title( '|', true, 'right' );

    // Add the blog name.
    bloginfo( 'name' );

    // Add the blog description for the home/front page.
    $site_description = get_bloginfo( 'description', 'display' );
    if ( $site_description && ( is_home() || is_front_page() ) )
        echo " | $site_description";

    ?>
</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

<?php 

    /* We add some JavaScript to pages with the comment form
     * to support sites with threaded comments (when in use).
     */
    if ( is_singular() && get_option( 'thread_comments' ) )
        wp_enqueue_script( 'comment-reply' );

    /* Always have wp_head() just before the closing </head>
     * tag of your theme, or you will break many plugins, which
     * generally use this hook to add elements to <head> such
     * as styles, scripts, and meta tags.
     */
wp_head(); ?>
<?php 
$google_bodyfont=get_option('google_bodyfont')? get_option('google_bodyfont'):'Ubuntu Condensed';
$google_generaltitlefont=get_option('google_generaltitlefont')? get_option('google_generaltitlefont'):'Ubuntu Condensed';
$gbodyfont = str_replace( ' ', '+', $google_bodyfont); 
$generaltitlefont = str_replace( ' ', '+', $google_generaltitlefont); 
 
?>
<?php if( get_option('kaya_typhography')=="false") { ?>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'/>
<?php }else{ ?>
<?php if($google_bodyfont !="") { ?>
<link  rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=<?php echo $gbodyfont; ?>'>
<?php } ?>
<?php if($generaltitlefont !="") { ?>
<link  rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=<?php echo $generaltitlefont; ?>'>
<?php } ?>
<?php } ?>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" data-src="http://maps.google.com/maps/api/js?sensor=false" style="visibility:hidden;"></script>
<script type="text/javascript">
    $(document).ready(function() { initialize(); })
    function initialize() {
        var latlng = new google.maps.LatLng(52.1025780, 5.0978729);
        var settings = {
            zoom: 15,
            center: latlng,
            mapTypeControl: true,
            mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
            navigationControl: true,
            navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
            mapTypeId: google.maps.MapTypeId.ROADMAP
    };
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);

var companyPos = new google.maps.LatLng(52.1025780, 5.0978729);

var companyLogo = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo.png',
    new google.maps.Size(100,50),
    new google.maps.Point(0,0),
    new google.maps.Point(50,50)
);
var companyShadow = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo_shadow.png',
    new google.maps.Size(130,50),
    new google.maps.Point(0,0),
    new google.maps.Point(65, 50)
);
var companyPos = new google.maps.LatLng(52.1025780, 5.0978729);
var companyMarker = new google.maps.Marker({
    position: companyPos,
    map: map,
    icon: companyLogo,
    shadow: companyShadow,
    title:"Filmdepartment"
});
}
</script>

</head>
<body <?php body_class(); ?> onload="initialize()">
<!-- Start demobar -->
<?php //get_template_part('demo/demo'); ?>
<!-- Start Demobar -->
<?php if(get_option('topToggleBoxDisable')!="true") { ?>
    <?php  get_template_part('lib/includes/top_toggle_section'); ?>
<?php } ?>

<?php
        // Get $post if you're inside a function
        global $post;        
        if ( is_home() and  get_option('sliderdisable') != 'true'){        
           echo "<div id='header_wrapper'>"; 
           echo "<div id='header'>";      
        } else {
          echo "<div id='inner_header_wrapper'>";
          echo "<div id='inner_header'>";      
        }
        ?>
<!--Start header_wrapper -->
<div id="logo">
    <?php  $logo=get_option('logo'); ?>
    <?php if($logo) { ?>
    <a href="<?php echo home_url(); ?> "> <img src="<?php echo $logo; ?>" alt="<?php the_title(); ?>"  /> </a>
    <?php }else{ ?>
    <a href="<?php echo home_url(); ?> "> <img src="<?php echo get_template_directory_uri()?>/images/logo.png" alt="<?php the_title(); ?>" /> </a>
    <?php } ?>
</div>

    <?php 
           wp_nav_menu( array( 'container_class' =>'jqueryslidemenu','container_id' => 'myslidemenu','menu_class' =>'jqueryslidemenu','menu_id'=> '' ) );
    ?>
<div class="clear"></div>

En dit is top_toggle_section.php, hier wordt het aangeroepen (regeltje 12):
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
<?php
$footercolumn=get_option('footercolumn');
echo '<div id="panel_widget">';
echo  '<div  id="panel_wrapper">';


 
 {
 $last = ($fc == $footercolumn and $footercolumn != 1) ? 'last' : '';
 ?>
 
 <div id="map_canvas" style="width:100%; height:500px"></div>

<?php
 }
echo '</div>';

echo '</div>';
?>
   
    <!-- The tab on top -->    
    <div class="tab">
        <ul class="login">
            <li id="toggle">
                <a id="open" class="open" href="#"></a>
                <a id="close" style="display: none;" class="close" href="#"></a>
            </li>
        </ul> 
    </div> 
</div>
When all else fails, you always have delusion.
  donderdag 1 maart 2012 @ 17:15:57 #283
56176 Catch22-
Ben je Blind?!
pi_108591475
die fiddle werkt hier prima hoor..
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 1 maart 2012 @ 17:17:09 #284
87680 Mirel
Mirel wil een bongophone.
pi_108591527
Maar de fiddle code overzetten in de site werkt niet.
When all else fails, you always have delusion.
  donderdag 1 maart 2012 @ 17:17:51 #285
87680 Mirel
Mirel wil een bongophone.
pi_108591565
edit ik ga naar huis, even reizen
When all else fails, you always have delusion.
  donderdag 1 maart 2012 @ 17:18:19 #286
56176 Catch22-
Ben je Blind?!
pi_108591579
Mja, dan zit er idd wat conflicterends in. Succes daarmee
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 1 maart 2012 @ 18:51:40 #287
87680 Mirel
Mirel wil een bongophone.
pi_108595033
Ik zie het al. Het duurt gewoon even voordat het geladen is. :') Nu dus iets zoeken wat het kan preloaden samen met de rest van de site. Blijkbaar laadt het zich pas als je het uitklapt.
When all else fails, you always have delusion.
  donderdag 1 maart 2012 @ 19:51:22 #288
56176 Catch22-
Ben je Blind?!
pi_108597775
Dan moet je hem initializen als je het laat zien
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 1 maart 2012 @ 20:31:04 #289
87680 Mirel
Mirel wil een bongophone.
pi_108599841
Dus dan moet 'ie ergens in dat php bestand die de overlay regelt? Straks maar proberen.

[ Bericht 14% gewijzigd door Mirel op 01-03-2012 20:43:36 ]
When all else fails, you always have delusion.
pi_108601847
Dag heren van het goede leven.

getUpdate.php?log=logfile parsed een bestand, waar in het progress van iets staat in procenten, dit wil ik weergeven op mijn website, dus iedere 5 seconde moet getUpdate.php?log=logfile uitgevoerd worden, totdat de resultaat 100% is, dan moet er 'Done' komen te staan.

Ben ik duidelijk zo? Volgens mij niet :@

Iemand die mij hiermee kan helpen?
pi_108603645
Ja, dat moet je met AJAX doen. Ga je even inlezen in de basisbeginselen, dan kom je al een heel eind.
pi_108604543
quote:
0s.gif Op woensdag 29 februari 2012 21:35 schreef PimD het volgende:

[ code verwijderd ]

Gaaf hoor :') :D
Die code stond er al toen ik nog niks aan had gepast aan het Tumblr theme :{
pi_108604727
quote:
14s.gif Op woensdag 29 februari 2012 20:16 schreef KomtTijd... het volgende:

[..]

Zolang dat het geval is kunnen we je hier in ieder geval niet helpen.
Fair enough, al heeft naar mijn inzien mijn vraag over of het mogelijk is een dergelijke rand met css3 te maken totaal niets van doen met wat voor een andere css/html ik wel of niet op de pagina ga gebruiken. Dat is een beetje 'zolang jij geen vloeiend spaans spreekt ga ik je niet vertellen of dit spreekwoord in het spaans te vertalen is'.
Dit is sowieso maar een oefenpagina, alles wat eromheen staat zal uiteindelijk ws niet eens gebruikt worden.
pi_108605050
Als je hier vragen komt stellen over een CSS3 effect terwijl je het nieteens voor elkaar krijgt een valide HTML-bestand op te stellen, dan ben je toch echt in de verkeerde volgorde bezig.
  vrijdag 2 maart 2012 @ 10:08:10 #295
87680 Mirel
Mirel wil een bongophone.
pi_108616917
quote:
0s.gif Op donderdag 1 maart 2012 20:31 schreef Mirel het volgende:
Dus dan moet 'ie ergens in dat php bestand die de overlay regelt? Straks maar proberen.
Werkt ook niet. :')

PFFFFFFF

quote:
14s.gif Op donderdag 1 maart 2012 22:04 schreef KomtTijd... het volgende:
Als je hier vragen komt stellen over een CSS3 effect terwijl je het nieteens voor elkaar krijgt een valide HTML-bestand op te stellen, dan ben je toch echt in de verkeerde volgorde bezig.
Zo zet Tumblr templates in elkaar, zodat de users alles vanuit 1 bestand kunnen editten, html en css. Voor een weblog die niet van jezelf is waarvan je het een en ander kan aanpassen werkt het wel ok.
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 10:10:47 #296
56176 Catch22-
Ben je Blind?!
pi_108616957
Ja, maar dan moet je dus niet hier komen.

Het is hetzelfde als aan een automonteur vragen hoe je een band moet vervangen en als hij zegt "Pak eerst de krik" dat jij vraagt "wat is een krik?"
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  vrijdag 2 maart 2012 @ 10:12:09 #297
87680 Mirel
Mirel wil een bongophone.
pi_108616981
Ach ja. Nu gaan we weer terug naar mijn googlemaps probleem. RPGGGGGGGGGGG
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 10:16:54 #298
56176 Catch22-
Ben je Blind?!
pi_108617071
ik heb je ruim voldoende houvast gegeven om het op te lossen.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  vrijdag 2 maart 2012 @ 10:18:36 #299
87680 Mirel
Mirel wil een bongophone.
pi_108617098
Ik heb die initialize verplaatst, de namen veranderd, zoom gespeeld. Niks werkt :')
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 10:22:50 #300
56176 Catch22-
Ben je Blind?!
pi_108617177
er zit ergens een conflict met je site en die moet je oplossen
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  vrijdag 2 maart 2012 @ 10:23:00 #301
56176 Catch22-
Ben je Blind?!
pi_108617179
en dicht
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
abonnement Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')