[html, css, js] voor dummies #21

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_106546179
[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.
pi_106546188
Foei Mirel, nieuwe openen als je de vorige dichtgooit.

Tevens even het Wordpress topic gelinked, aangezien daar ook best wat vragen over gaan.
  zondag 8 januari 2012 @ 02:05:25 #3
87680 Mirel
Mirel wil een bongophone.
pi_106548892
Is het nou wel of niet zo dat er vanzelf een nieuwe komt? :')

Hier de laatste posts, zet ze eventueel in de OP :)
quote:
0s.gif Op zaterdag 7 januari 2012 22:46 schreef Neraice het volgende:
Ik heb een inspiratieblock: Ik ben bezig met een theme voor telefoons. Nou heb ik een sidebar gemaakt waar plaats is voor een menu, maar ik ben er nog niet uit wat ik erin wil. Ik wil namelijk niet zo'n standaard lijstje maar iets leuks doen met de opmaak. Iemand een idee?

Hier een link: http://dahndesigns.net/theme.png
quote:
0s.gif Op zondag 8 januari 2012 00:07 schreef Mirel het volgende:
Voor telefoonbrowsers? En wat zijn de menu-items? Als het bijv. over aardbeien en sinaasappels gaat, dan kan je die als knoppen doen bijvoorbeeld :P
Ik ben zelf benieuwd wat de beste manier is om deze opstelling te nemen. Een body met een achtergrond (in mijn geval een patroon), met bovenaan een menucontainer, en erin 2 elementen. Dat het menu links margin-left heeft is niet zo belangrijk. Het gaat om die scheiding tussen de 2 elementen, waarbij het 2e element tot over de hele breedte van de pagina moet gaan


Op het moment dat je een 2e element er naast zet die met margin-left gescheiden is vanaf het 1e, gaat 'ie niet tot 100% breedte,.

Zie www.mirelmasic.nl binnen m'n menu div. :P

[ Bericht 3% gewijzigd door Mirel op 08-01-2012 02:35:22 ]
When all else fails, you always have delusion.
pi_106548944
1e element naar links floaten zou genoeg moeten zijn.

Of anders beide floaten of display:inline-block geven, de achtergrondkleur + bottom border op de wrapper zetten en het eerste element een border links en rechts geven.
  zondag 8 januari 2012 @ 02:15:11 #5
87680 Mirel
Mirel wil een bongophone.
pi_106549066
Oh om even duidelijk te zijn, dat gedoe eromheen is de wrapper, geen border :P Die scheiding is in mijn geval de kleur van m'n achtergrond :P Even plaatje updaten. Voorlopig lijkt dit de beste manier. De hele container een kleurtje geven werkt niet want die overlapt dan de scheiding, of je die maakt met margins, lege divs of lege borders.

Dit lijkt me nu de beste manier:

1e element float: left; zodat het 2e element er naast komt.

Als je het 2e element 10px vanaf het 1e element wilt, én tot aan het einde van het scherm wilt hebben, dan moet je met margin-left dat doen, MAAR, maar die margin-left heeft als nulpunt het eerste element.

Als je wilt dat het 0 punt rechts van het 1e element is, dan moet je float: left; ook bij het 2e element doen, maar in ruil daarvoor loopt je element niet over de hele breedte van je pagina.

[ Bericht 33% gewijzigd door Mirel op 08-01-2012 02:26:44 ]
When all else fails, you always have delusion.
pi_106549241
Hoe dan ook, een block element spant vanzelf de gehele breedte, behalve als het inline-block is of als hij float. Kortom: als je het tweede element een block laat en de eerste float zou het goed moeten komen.
  zondag 8 januari 2012 @ 02:27:04 #7
87680 Mirel
Mirel wil een bongophone.
pi_106549251
Als je het 2e element display block doet, en ook niet float, dan neemt margin-left als 0 punt het 1e element. Net getest :P
When all else fails, you always have delusion.
pi_106549273
Hmm, en een border-left van 10px ipv een margin?
  zondag 8 januari 2012 @ 02:33:30 #9
87680 Mirel
Mirel wil een bongophone.
pi_106549331
Dat doet ook niks. :P Ik ben benieuwd of het beter kan, maar voorlopig is het dus bij mij margin-left: 430px; ipv 10;. Vanaf element 1 dus :)

Slapen doei :W
When all else fails, you always have delusion.
pi_106549368
Hmm, ik ben bang dat je gelijk hebt. Zolang je zeker weet dat dat eerste item altijd even breed is is dat geen probleem. Het probleem is als die een variabele breedte heeft, daar zou toch een manier voor moeten zijn. Ik kom er alleen niet op.
pi_106549399
Of je geeft natuurlijk het eerste element een border-right van 10px. Dat werkt wel.
http://jsfiddle.net/rBmYa/
  zondag 8 januari 2012 @ 11:31:22 #12
87680 Mirel
Mirel wil een bongophone.
pi_106553612
Ik heb een background patroon voor de gehele body, kan in dat geval niet. En dan weet ik niet wat ik met border-right nog meer moet doen. Kleurtje geven is uit den boze. http://jsfiddle.net/rBmYa/4/ Hij maakt 'em weer dicht :P http://jsfiddle.net/rBmYa/9/ ook niet

[ Bericht 34% gewijzigd door Mirel op 08-01-2012 11:39:12 ]
When all else fails, you always have delusion.
pi_106573879
quote:
14s.gif Op zondag 8 januari 2012 02:36 schreef picodealion het volgende:
Hmm, ik ben bang dat je gelijk hebt. Zolang je zeker weet dat dat eerste item altijd even breed is is dat geen probleem. Het probleem is als die een variabele breedte heeft, daar zou toch een manier voor moeten zijn. Ik kom er alleen niet op.
Dit hele probleem lijkt simpel op te lossen door percentages mee te geven aan de lengte.
De vraag blijft altijd waarom je perse deze opbouw wilt hebben en dat de lengte aangepast wordt?
Hoezeer dit cruciaal is. Vaste lengte's geven meestal betere resultaten dan een variabele percentage.

Maarja mijn opbouw zou zijn

1
2
3
4
5
6
7
8
9
10
11
12
13
14		#left{
float:left;
background-color: #000 //black (short code hex 3 ipv 6)
width: 5%; //of hoeveel percentage
height: 20px;
}

#right{
float: right;
background-color: #000; //black (short code hex 3 ipv 6)
margin-left: 10px;
width: 95%;
height: 20px;
}
Is een mogelijke oplossing. Mogelijke 2e oplossing is float: left geven aan beide Divs
2 divs neer te zetten en deze percentages width mee te geven.


quote:
0s.gif Op zondag 8 januari 2012 11:31 schreef Mirel het volgende:
Ik heb een background patroon voor de gehele body, kan in dat geval niet. En dan weet ik niet wat ik met border-right nog meer moet doen. Kleurtje geven is uit den boze. http://jsfiddle.net/rBmYa/4/ Hij maakt 'em weer dicht :P http://jsfiddle.net/rBmYa/9/ ook niet
Border-right werkt ook niet zonder het een kleur mee te geven en een type soort. Hierover meer op: http://www.w3schools.com/css/css_border.asp
Je kan meerdere argumenten combineren bij de border, kortom je wilde een 10px border die eigenlijk niet bestond want er was geen type en kleur meegegeven.
1
2
3
4
5
6
7
8		div {  background: silver; }
body { background: red; }

#left {
    width: 200px;
    float: left;
    border-right: 1px #000 solid;
}


[ Bericht 6% gewijzigd door cablegunmaster op 08-01-2012 20:25:55 ]
Redacted
  dinsdag 10 januari 2012 @ 15:49:12 #14
12221 Tijn
Powered by MS Paint
pi_106644251
Is het mogelijk om de getallen van een ordered list te stylen?

Stel ik heb zoiets:

1
2
3
4
5
6		<ol>
    <li> iets</li>
    <li> iets</li>
    <li> iets</li>
    <li> iets</li>
</ol>

Dan ontstaat daar zo'n soort lijstje uit:

quote:
1. iets
2. iets
3. iets
4. iets
Nu wil ik de opmaak van die getallen veranderen. Kan dat, of moet ik er dan een unordered list van maken en zelf de getallen toevoegen aan de list items?
Verberg de nieuwsticker
  dinsdag 10 januari 2012 @ 15:50:10 #15
56176 Catch22-
Ben je Blind?!
pi_106644291
http://www.handleidinghtm(...)ype/voorbeelden.html

list-style:decimal?
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 10 januari 2012 @ 15:56:17 #16
87680 Mirel
Mirel wil een bongophone.
pi_106644510
quote:
0s.gif Op zondag 8 januari 2012 20:16 schreef cablegunmaster het volgende:

[..]

Dit hele probleem lijkt simpel op te lossen door percentages mee te geven aan de lengte.
De vraag blijft altijd waarom je perse deze opbouw wilt hebben en dat de lengte aangepast wordt?
Hoezeer dit cruciaal is. Vaste lengte's geven meestal betere resultaten dan een variabele percentage.

Maarja mijn opbouw zou zijn
[ code verwijderd ]

Is een mogelijke oplossing. Mogelijke 2e oplossing is float: left geven aan beide Divs
2 divs neer te zetten en deze percentages width mee te geven.

[..]

Border-right werkt ook niet zonder het een kleur mee te geven en een type soort. Hierover meer op: http://www.w3schools.com/css/css_border.asp
Je kan meerdere argumenten combineren bij de border, kortom je wilde een 10px border die eigenlijk niet bestond want er was geen type en kleur meegegeven.
[ code verwijderd ]

Niet dat het een probleem maar ik heb dus dit: www.mirelmasic.nl Het gedoe bovenaan is net zo lang als de post eronder, en de rest van het menu is dan gescheiden en loopt door tot het einde.
When all else fails, you always have delusion.
  dinsdag 10 januari 2012 @ 15:57:27 #17
12221 Tijn
Powered by MS Paint
pi_106644553
quote:
11s.gif Op dinsdag 10 januari 2012 15:50 schreef Catch22- het volgende:
http://www.handleidinghtm(...)ype/voorbeelden.html

list-style:decimal?
Ja, dat snap ik. Maar ik bedoel: stel ik wil de getallen die ontstaan door list-style-decimal te gebruiken bijvoorbeeld groter maken, of een andere kleur, zonder verder de inhoud van het list item te stylen.

Ik denk niet dat het kan eerlijk gezegd.
Verberg de nieuwsticker
  dinsdag 10 januari 2012 @ 15:58:32 #18
56176 Catch22-
Ben je Blind?!
pi_106644599
Mja, dan moet je bijvoorbeeld die li een font-size geven en de inhoud in een span, die weer een kleinere font-size geven.

De getallen/tekens van de list-style nemen de stijl (kleur/grootte) van je LI over namelijk. Als je in de inhoud in een span zet, kan je die weer apart stylen.
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_106648541
quote:
14s.gif Op dinsdag 10 januari 2012 15:57 schreef Tijn het volgende:

[..]
Ik denk niet dat het kan eerlijk gezegd.
Jawel hoor, kan prima.

1
2
3
4
5
6
7
8		ol {
    counter-reset:li;
}

li:before {
    content:counter(li);
    counter-increment:li;
}

Meer info: http://www.456bereastreet(...)rdered_list_numbers/

Uiteraard pas vanaf IE8 ofzo. Maar voor IE7 is normale nummering of een Javascript-fallback natuurlijk zo gemaakt, mocht je dat nog willen supporten.
Nee.
pi_106649568
http://jsfiddle.net/codefuze/HYjEB/1/

Iemand een idee hoe ik dit in het midden krijg met een width van 320px? Het lukt me niet met een wrapper. ;(
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_106651705
quote:
0s.gif Op dinsdag 10 januari 2012 18:11 schreef Neraice het volgende:
http://jsfiddle.net/codefuze/HYjEB/1/

Iemand een idee hoe ik dit in het midden krijg met een width van 320px? Het lukt me niet met een wrapper. ;(
Wat moet in het midden? Alles?
Gewoon een wrapper met
1width: 320px; margin: 0 auto;
pi_106651778
Dat had ik dus ook gedaan, maar er is iets met de position:fixed van die main div vermoed ik. Krijg jij het aan de praat op jsfiddle?

Edit: Niet meer nodig, heb al een beter script.

[ Bericht 18% gewijzigd door Neraice op 10-01-2012 20:16:45 ]
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_106655464
waarom moet dat menu fixed zijn?
Is het sowieso wel de bedoeling dat de content naar rechts schuift?
zcflevo.nl
pi_106655517
Ja de content moest naar rechts schuiven, dat vind ik het juist het gave.

Maar ik heb inmiddels al een beter script gevonden.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_106657355
Ik had de fixed over het hoofd gezien, dat werkt idd niet.
pi_106661436
Heb morgen toets maar ben in plaats van leren een design aan het maken. :')
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  dinsdag 10 januari 2012 @ 22:07:52 #27
12221 Tijn
Powered by MS Paint
pi_106662061
quote:
0s.gif Op dinsdag 10 januari 2012 17:45 schreef PimD het volgende:

[..]

Jawel hoor, kan prima.
[ code verwijderd ]

Meer info: http://www.456bereastreet(...)rdered_list_numbers/

Uiteraard pas vanaf IE8 ofzo. Maar voor IE7 is normale nummering of een Javascript-fallback natuurlijk zo gemaakt, mocht je dat nog willen supporten.
Baas! _O_
Verberg de nieuwsticker
pi_106662534
quote:
14s.gif Op dinsdag 10 januari 2012 22:07 schreef Tijn het volgende:

[..]

Baas! _O_
Ik heb het toevallig pas nodig gehad op m'n werk, anders had ik het zo 1-2-3 ook niet geweten en was ik ws. ook gegaan voor het stylen van de li en de tekst in de li in een <span> zetten en die een andere kleur etc. geven :D

CSS *;
Nee.
pi_106677959
Welke breedte en hoogte houden jullie aan als kader voor de belangrijkste informatie van de website?
  woensdag 11 januari 2012 @ 12:57:48 #30
56176 Catch22-
Ben je Blind?!
pi_106678112
960 breedte, hoogte niet vast.

Contentblokken maximaal 600 breed en liever niet meer dan 2-3 alinea's per pagina (contentblokken dus)
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_106678496
quote:
11s.gif Op woensdag 11 januari 2012 12:57 schreef Catch22- het volgende:
960 breedte, hoogte niet vast.

Contentblokken maximaal 600 breed en liever niet meer dan 2-3 alinea's per pagina (contentblokken dus)
Nee, dat heeft te maken met leesbaarheid :Y Dat is me wel bekend.

Echt geen hoogte? Of gewoon de standaard 1024x... 800 is dat toch? Dan zal ik maar 700-800 aanhouden. Ik wil op de homepage een wow-effect meegeven. Dat mag dan niet wegvallen
  woensdag 11 januari 2012 @ 13:14:27 #32
56176 Catch22-
Ben je Blind?!
pi_106678614
Dan zou ik inderdaad voor max. 800 pixels gaan.
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_106678765
De hoogte stuur je dmv de hoeveelheid content op de pagina. Als het te lang wordt staat er gewoon te veel content op.
zcflevo.nl
  woensdag 11 januari 2012 @ 13:23:24 #34
56176 Catch22-
Ben je Blind?!
pi_106678903
Tenzij je plaatjes enzo toevoegt. Maar dat was ook de vraag niet helemaal geloof ik.
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_106679076
quote:
14s.gif Op woensdag 11 januari 2012 13:19 schreef KomtTijd... het volgende:
De hoogte stuur je dmv de hoeveelheid content op de pagina. Als het te lang wordt staat er gewoon te veel content op.
Neee, het gaat me om wat je ziet als je een website opent, dus de bovenste x pixels. Sommige mensen willen niet scrollen, daar moet ik rekening mee houden en moet ik ze dus door de bovenste pixels teasen en de onderste pixels nieuwsgierig maken... Denk ik.
pi_106679475
ahzo.
Ik denk dat je dan iets van 700 pixels aan moet houden, gezien de populariteit van laptopschermen van 768 pixels...
zcflevo.nl
pi_106679592
Oke, zal ik rekening mee houden dan! O+ Dankjewel!
pi_106683521
Ik heb een website met allemaal verouderde pagina's die zijn geindexeerd door google. Nu wil ik die weg hebben en dat die oude links doorlinken naar de index; hiervoor gebruik ik Mod_Rewrite.

Nu linkt hij wel door, maar zijn mijn foto's en css opmaak weg. Hoe moet ik dat goedzetten?

1
2
3
4		RewriteEngine On
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule . index.html [L]
pi_106684417
Deze regel ertussen:

RewriteCond %{REQUEST_FILENAME} !\.(css|jpg|jpeg|gif|png)$

Zelf evt. bestandsextensies toevoegen die je gebruikt.

-edit-
Maar waarom doe je dat alleen als het bestaande mappen en/of bestanden zijn? Want dat is waar -f en -d op checken..
pi_106687433
Ik heb ff een eerste opzetje gemaakt voor een mobiele website, maar het is het toch nog net niet. Wat vinden jullie? Iemand tips?

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.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_106687723
quote:
0s.gif Op woensdag 11 januari 2012 17:02 schreef Neraice het volgende:
Ik heb ff een eerste opzetje gemaakt voor een mobiele website, maar het is het toch nog net niet. Wat vinden jullie? Iemand tips?

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.
Je middelste vlakken zijn kleiner dan de boven en onder vlakken.

Wie is dat in je avatar eigenlijk?
pi_106687937
Dat is opzettelijk, de bovenste en de onderste zijn header en footer en de grote daaronder is voor een slider.

En de dame in m'n avatar, ik heb geen idee :P.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_106693057
Lijkt me een aardige layout hoor :).
pi_106694688
Bedankt. :) Nog suggesties?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_106709053
quote:
14s.gif Op woensdag 11 januari 2012 13:42 schreef KomtTijd... het volgende:
ahzo.
Ik denk dat je dan iets van 700 pixels aan moet houden, gezien de populariteit van laptopschermen van 768 pixels...
Netbooks verkopen ook leuk en hebben een hoogte van 600 pixels... Evengoed is het wel handig om de belangrijkste dingen zo te plaatsen dat ze altijd eerst in beeld passen, in de eerste ca. 700 pixels.
fokstok.nl
pi_106714784
quote:
14s.gif Op woensdag 11 januari 2012 15:49 schreef picodealion het volgende:
Deze regel ertussen:

RewriteCond %{REQUEST_FILENAME} !\.(css|jpg|jpeg|gif|png)$

Zelf evt. bestandsextensies toevoegen die je gebruikt.

-edit-
Maar waarom doe je dat alleen als het bestaande mappen en/of bestanden zijn? Want dat is waar -f en -d op checken..
I dunno, had zoiets gevonden dus waarom niet uitproberen?
  donderdag 12 januari 2012 @ 10:05:35 #47
56176 Catch22-
Ben je Blind?!
pi_106714933
quote:
0s.gif Op donderdag 12 januari 2012 00:09 schreef Light het volgende:

[..]

Netbooks verkopen ook leuk en hebben een hoogte van 600 pixels... Evengoed is het wel handig om de belangrijkste dingen zo te plaatsen dat ze altijd eerst in beeld passen, in de eerste ca. 700 pixels.
600? denk niet dat die veel in omloop zijn, dan zou het iets van 800/960*800 moeten zijn, daar hou ik persoonlijk geen rekening mee.
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_106715439
quote:
0s.gif Op donderdag 12 januari 2012 09:56 schreef Crientj het volgende:

[..]

I dunno, had zoiets gevonden dus waarom niet uitproberen?
Het lijkt me een beetje een overbodige regel om gewoon wat oude pagina's naar de voorpagina te redirecten.
pi_106724910
Ik wil een background-image toevoegen aan een site.
Het is de bedoeling dat de achtergrond, ongeacht de resolutie, altijd op exact dezelfde plaats blijft staan.
De achtergrond die ik wil toevoegen is 1680px breed, maar deze verspringt telkens als ik de site bekijk op een computer met een lagere resolutie.
Ik heb zelf met % en px zitten werken in background-position, maar dat is ook niet de oplossing die ik zoek omdat de achtergrond dan alsnog mee blijft schuiven.
Onderstaande tekening geeft aan wat ik zoek: een background-image die altijd op dezelfde plaats blijft staan, ongeacht de resolutie waarin de site bekeken wordt.

  donderdag 12 januari 2012 @ 15:40:16 #50
56176 Catch22-
Ben je Blind?!
pi_106724981
background-attachment:fixed

:)
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_106728109
Zie screen: http://gyazo.com/7336cb916cdd517c53828674e3548771

Hoe kan ik ervoor zorgen dat er ruimte tussen de tekst en het plaatje zit, want dit ziet er niet mooi uit.
If not now, then when.
  donderdag 12 januari 2012 @ 17:12:01 #52
56176 Catch22-
Ben je Blind?!
pi_106728337
1img { margin:0 10px 10px 0; }
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_106729735
quote:
11s.gif Op donderdag 12 januari 2012 17:12 schreef Catch22- het volgende:

[ code verwijderd ]

Sorry maar ben nog heel erg noob, ik wil dat het permanent goed staat, niet dat ik het elke keer moet aanpassen. Waar moet ik dit neerzetten?

Toch bedankt.
If not now, then when.
  donderdag 12 januari 2012 @ 17:58:38 #54
220026 Treces
Hier had uw tekst kunnen staan
pi_106729772
quote:
0s.gif Op donderdag 12 januari 2012 17:57 schreef Yuri_Boyka het volgende:

[..]

Sorry maar ben nog heel erg noob, ik wil dat het permanent goed staat, niet dat ik het elke keer moet aanpassen. Waar moet ik dit neerzetten?

Toch bedankt.
In je css bestand. Waarschijnlijk hee het iets als style.css
pi_106730021
Gelukt. _O_

Edit: Hoe kan het eigenlijk dat die ruimte daartussen ontstaat?

http://gyazo.com/106485d6de5d00c75a2d7aee8e2f804b
If not now, then when.
  donderdag 12 januari 2012 @ 18:17:43 #56
87680 Mirel
Mirel wil een bongophone.
pi_106730330
Door die margin die je net erin zet toch? :P Of bedoel je nu iets anders? Is dat trouwens een oefensite ofzo? Want het ziet er heeel chaotisch uit, beter zoek je iets anders. :P
When all else fails, you always have delusion.
pi_106730930
quote:
0s.gif Op donderdag 12 januari 2012 18:17 schreef Mirel het volgende:
Door die margin die je net erin zet toch? :P Of bedoel je nu iets anders? Is dat trouwens een oefensite ofzo? Want het ziet er heeel chaotisch uit, beter zoek je iets anders. :P
Die margin was zodat er ruimte tussen de tekst en het plaatje zit.
If not now, then when.
  vrijdag 13 januari 2012 @ 13:11:52 #58
56176 Catch22-
Ben je Blind?!
pi_106758507
quote:
0s.gif Op donderdag 12 januari 2012 18:06 schreef Yuri_Boyka het volgende:
Gelukt. _O_

Edit: Hoe kan het eigenlijk dat die ruimte daartussen ontstaat?

http://gyazo.com/106485d6de5d00c75a2d7aee8e2f804b
ergens staat text-align:justify

maar ga je ajb inlezen voor je hier dingen gaat vragen. Het topic is wel voor dummies, maar een klein beetje basiskennis is wel wenselijk.
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_106818994
quote:
11s.gif Op donderdag 12 januari 2012 15:40 schreef Catch22- het volgende:
background-attachment:fixed

:)
Ik heb nog niet helemaal bereikt wat ik zoek.
Momenteel heb ik:
1
2
3
4
5
6
7
8
9
10
11
12
13
14		html {
          background-image:url(../images/siteachtergrond.png);
    background-attachment:fixed;
    background-position:center center;
}

#wrapper {
    margin-left: auto;
    margin-right:auto;
    margin-top: 20px;
    height: 650px;
    width: 870px;
    background-color: none;
}
Als ik het venster smaller maak schuift de achtergrond met de site mee. De achtergrond blijft op dezelfde positie tov de site staan als bij een gemaxed. venster. (wat ik ook wil).
Maak ik het venster lager dan schuift de site sneller dan de achtergrond.
Ik wil dus dat ongeacht de grootte van het venster en/of resolutie de achtergrond altijd op dezelfde positie blijft staan tov de site.
pi_106819283
Dan wil je hem dus niet fixed?
zcflevo.nl
pi_106821961
quote:
5s.gif Op zaterdag 14 januari 2012 23:47 schreef KomtTijd... het volgende:
Dan wil je hem dus niet fixed?
Fixed geeft toch aan dat de achtergrond blijft staan als je door een lange site naar beneden scrolled?
Dat heeft toch niks te maken met de positie van de site tov de achtergrond als de resolutie/venstergrootte verandert volgens mij.
pi_106822560
Met fixed positioneer je de achtergrond t.o.v. het browser window.
Ik neem aan dat jij met "de site" gewoon je wrapper bedoelt. Dan moet je 'm dus niet fixed zetten.
zcflevo.nl
pi_106832778
quote:
14s.gif Op zondag 15 januari 2012 01:26 schreef KomtTijd... het volgende:
Met fixed positioneer je de achtergrond t.o.v. het browser window.
Ik neem aan dat jij met "de site" gewoon je wrapper bedoelt. Dan moet je 'm dus niet fixed zetten.
"de site" is inderdaad de wrapper.
Ik heb geen idee hoe het voor elkaar kan krijgen.
Heb zitten experimenteren zonder de fixed maar dat levert ook niks op. Heb een speciale div gemaakt voor de achtergrond afbeelding maar dat helpt ook niet. In html de image een class gegeven en die in css bewerkt; geen resultaat.
Laatste hoop oplossing die ik nu kan bedenken is het samenvoegen van het websiteontwerp en de websiteachtergrond in 1 afbeelding, wat een rommeloplossing lijkt te zijn.
Of er moet iemand zijn die kan uitleggen hoe ik ervoor kan zorgen dat de site (aka: #wrapper) altijd opdezelfde positie tov de achtergrond blijft staan.
  dinsdag 17 januari 2012 @ 11:13:08 #64
267443 Cue_
Cuecumbergirl
pi_106904787
Even weer een kort vraagje:

ik heb een form waarin ik een vlootnr opgeef.
1
2
3
4		<tr>
    <td>Vlootnummer</td>
    <td><input style="text" name="vlootnr" id="vlootnr" onchange="go_vlootnr(this.form)" />  </td>
</tr>
wanneer ik deze vlootnr ingeef wil ik dat hij op een onchange actie mijn url veranderd
(go_vlootnr vult momenteel een 4tal andere velden in aan de hand van database gegevens die ik ophaal).

van: http:sitenaam/pagina.php
naar: http:sitenaam/pagina/php?vl=(vlootnr)

waarbij (vlootnr) dus net het opgegeven vlootnr is. Maar ik wil geen refresh ofzo van de pagina.
Hoe kan ik dit het beste doen?
  dinsdag 17 januari 2012 @ 11:16:48 #65
56176 Catch22-
Ben je Blind?!
pi_106904886
1
2
3		<?php
window.location.href = window.location.href + "#vlootnr=" + $("#vlootnr").val()
?>
Ofzo. Maar waarom zou je dit willen? Denk namelijk dat je ergens een denkfout maakt.
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 17 januari 2012 @ 11:21:04 #66
267443 Cue_
Cuecumbergirl
pi_106905017
quote:
11s.gif Op dinsdag 17 januari 2012 11:16 schreef Catch22- het volgende:

[ code verwijderd ]

Ofzo. Maar waarom zou je dit willen? Denk namelijk dat je ergens een denkfout maakt.
Dat zou natuurlijk ook kunnen. De situatie.
Op het formulier vult men een vlootnr in. Vervolgens moet er een hele geschiedenislog worden weergegeven van dat betreffende vlootnr. En er zit een knop 'nieuw' bij, om dat geschiedenislog aan te vullen met nieuwe gegevens.
Ik heb dus in dat form dat de knop 'nieuw' opent wel het vlootnr dat net is ingegeven nodig.

Nu kan ik twee dingen doen volgens mij. Of er een submit button van maken waardoor het in een POST meegaat. Of het gewoon een button laten en het in de url meegeven, zodat ik hem eruit kan halen met een GET actie.

Ik weet niet welke hierin netter is.. of dat er nog andere opties zijn.
pi_106907742
quote:
0s.gif Op dinsdag 17 januari 2012 11:21 schreef Cue_ het volgende:

[..]

Dat zou natuurlijk ook kunnen. De situatie.
Op het formulier vult men een vlootnr in. Vervolgens moet er een hele geschiedenislog worden weergegeven van dat betreffende vlootnr. En er zit een knop 'nieuw' bij, om dat geschiedenislog aan te vullen met nieuwe gegevens.
Ik heb dus in dat form dat de knop 'nieuw' opent wel het vlootnr dat net is ingegeven nodig.

Nu kan ik twee dingen doen volgens mij. Of er een submit button van maken waardoor het in een POST meegaat. Of het gewoon een button laten en het in de url meegeven, zodat ik hem eruit kan halen met een GET actie.

Ik weet niet welke hierin netter is.. of dat er nog andere opties zijn.
Dan zou ik er inderdaad een POST van maken, of alles via AJAX.
pi_106932801
quote:
5s.gif Op zondag 15 januari 2012 14:57 schreef karton2 het volgende:

[..]

"de site" is inderdaad de wrapper.
Ik heb geen idee hoe het voor elkaar kan krijgen.
Heb zitten experimenteren zonder de fixed maar dat levert ook niks op. Heb een speciale div gemaakt voor de achtergrond afbeelding maar dat helpt ook niet. In html de image een class gegeven en die in css bewerkt; geen resultaat.
Laatste hoop oplossing die ik nu kan bedenken is het samenvoegen van het websiteontwerp en de websiteachtergrond in 1 afbeelding, wat een rommeloplossing lijkt te zijn.
Of er moet iemand zijn die kan uitleggen hoe ik ervoor kan zorgen dat de site (aka: #wrapper) altijd opdezelfde positie tov de achtergrond blijft staan.
Ik denk dat de vraag eerder is wat je in hemelsnaam gedaan hebt dat dat níét meer het geval is want dat is gewoon standaard gedrag. (als je geen position:fixed gebruikt dus)
zcflevo.nl
pi_106955289
quote:
14s.gif Op dinsdag 17 januari 2012 22:39 schreef KomtTijd... het volgende:

[..]

Ik denk dat de vraag eerder is wat je in hemelsnaam gedaan hebt dat dat níét meer het geval is want dat is gewoon standaard gedrag. (als je geen position:fixed gebruikt dus)
Heb het probleem opgelost.
Door het geexperimenteer met divs e.d. ben ik vergeten de code verderop in de CSS aan te passen aan de nieuwe situatie.. Volgende keer verder kijken dan m'n neus lang is.
  woensdag 18 januari 2012 @ 16:52:40 #70
56176 Catch22-
Ben je Blind?!
pi_106955316
CSS in een aparte file en de styles altijd inspecten met je webinspector.
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_106959946
Hoe kun je een iframe plaatsen zodat het bovenste gedeelte van de geframde website iets naar boven gaat? Zodat je bijvoorbeeld het bovenste menu van de geframde website niet meer ziet. :) ?
pi_106971726
scroll position.
zcflevo.nl
  donderdag 19 januari 2012 @ 04:02:34 #73
230788 n8n
Pragmatisch
pi_106978377
Ben een tijdje met een lay-out bezig waar ik even geen oplossing voor weet te vinden. De bedoeling is dat de header en footer fixed zijn en het scrollen horizontaal gaat. Punt is dat de content 100% van de hoogte moet gebruiken minus de hoogte van de header en footer. Dit laatste is waar het mis gaat.

Illustratie van de gewenste situatie:


De content mag nooit hoger zijn dan de viewfinder. Hartelijk dank voor uw inzichten :s)
“Specialization is for insects”.—Robert Heinlein
  donderdag 19 januari 2012 @ 09:17:30 #74
56176 Catch22-
Ben je Blind?!
pi_106979838
quote:
7s.gif Op donderdag 19 januari 2012 04:02 schreef n8n het volgende:
Ben een tijdje met een lay-out bezig waar ik even geen oplossing voor weet te vinden. De bedoeling is dat de header en footer fixed zijn en het scrollen horizontaal gaat. Punt is dat de content 100% van de hoogte moet gebruiken minus de hoogte van de header en footer. Dit laatste is waar het mis gaat.

Illustratie van de gewenste situatie:
[ afbeelding ]

De content mag nooit hoger zijn dan de viewfinder. Hartelijk dank voor uw inzichten :s)
fixed in de viewport?

En wat bedoel je met viewfinder? de viewport?

Je kan die content wrapper en die laten scrollen. Dit is wel een lastige case, hier moet je gewoon goed over nadenken en kijken hoe je het op kan lossen. Het is mij net even teveel werk om het voor te kauwen.
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_106982647
Je content moet dus horizontaal met de content meegroeien?

Dat is niet mogelijk met CSS, dat wordt javascripten. Maar ik denk dat je je nog eens achter de oren moet krabben of je dat echt wilt.
Bedenk ook eens hoe je layout er uitziet op een netbook met een viewport van 450px hoog ofzo.
zcflevo.nl
  donderdag 19 januari 2012 @ 11:25:59 #76
56176 Catch22-
Ben je Blind?!
pi_106982674
netbooks kom op zeg. In stats zie ik bijna niets langskomen onder de 1024*768/1140*???
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 19 januari 2012 @ 11:30:59 #77
63192 ursel
"Het Is Hier Fantastisch!
pi_106982852
quote:
11s.gif Op donderdag 19 januari 2012 11:25 schreef Catch22- het volgende:
netbooks kom op zeg. In stats zie ik bijna niets langskomen onder de 1024*768/1140*???
Dan kan je het wel overwegen. Bij mijn sites zit het tussen de 20 a 30%

Wat betreft het probleem van n8n, misschien dat je hier nog wat aan hebt.
http://webdesign.tutsplus(...)nted-website-design/
pi_106983763
quote:
0s.gif Op donderdag 19 januari 2012 11:30 schreef ursel het volgende:

[..]

Dan kan je het wel overwegen. Bij mijn sites zit het tussen de 20 a 30%

Wat betreft het probleem van n8n, misschien dat je hier nog wat aan hebt.
http://webdesign.tutsplus(...)nted-website-design/
Wickedly cool inderdaad. En bloedirritant, niet te vergeten.
quote:
11s.gif Op donderdag 19 januari 2012 11:25 schreef Catch22- het volgende:
netbooks kom op zeg. In stats zie ik bijna niets langskomen onder de 1024*768/1140*???
Betekent niet dat je er dan helemaal geen rekening mee hoeft te houden. Een normale website zal altijd te bekijken zijn op een klein scherm ookal is hij ontworpen voor grotere schermen. Met fixed headers en footers loop je gewoon heel snel het risico dat mensen met een klein scherm je website helemaal niet kunnen gebruiken.
zcflevo.nl
pi_106985482
quote:
14s.gif Op woensdag 18 januari 2012 23:10 schreef KomtTijd... het volgende:
scroll position.
Bedankt, maar ik kom er zelf nog niet uit na een beetje googlen.

Dit is een standaard iframe code:
1<iframe data-src="http://www.w3schools.com" style="visibility:hidden;"></iframe>

Welke code kan ik hier aan toevoegen zodat in dit geval de w3schools.com in een iframe beland maar dan zonder het logo en het menu bovenaan? :)
  donderdag 19 januari 2012 @ 12:55:59 #80
56176 Catch22-
Ben je Blind?!
pi_106985528
dat wordt echt een bitch. IFrame's zijn heel schraal en crossbrowser erg lastig te implementeren. De exacte hoogte weet je ook niet, dat verschilt per browser.
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_106985681
quote:
11s.gif Op donderdag 19 januari 2012 12:55 schreef Catch22- het volgende:
dat wordt echt een bitch. IFrame's zijn heel schraal en crossbrowser erg lastig te implementeren. De exacte hoogte weet je ook niet, dat verschilt per browser.
Ow zo, dat is dus niet exact vast te stellen? Op elke browser zal dat er dus anders uit gaan zien? Ik dacht dat je wel iets kon doen als, de bovenste 100 pixels van website X niet laten zien en dus daaronder pas te beginnen in de iframe.
  donderdag 19 januari 2012 @ 13:04:27 #82
56176 Catch22-
Ben je Blind?!
pi_106985863
het kan wel, maar het is gepruts. Waarom zou je het mogelijk willen?
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 19 januari 2012 @ 14:14:00 #83
230788 n8n
Pragmatisch
pi_106988578
quote:
11s.gif Op donderdag 19 januari 2012 09:17 schreef Catch22- het volgende:

[..]

fixed in de viewport?

En wat bedoel je met viewfinder? de viewport?

Je kan die content wrapper en die laten scrollen. Dit is wel een lastige case, hier moet je gewoon goed over nadenken en kijken hoe je het op kan lossen. Het is mij net even teveel werk om het voor te kauwen.
Viewport, dat was ’m. Voorkauwen hoeft ook niet zie het wel als een uitdaging maar het tijdstip verraad wellicht dat het vrij pittig voor me was. Ga kijken wat ik met je tip kan doen
“Specialization is for insects”.—Robert Heinlein
  donderdag 19 januari 2012 @ 14:19:53 #84
230788 n8n
Pragmatisch
pi_106988781
quote:
14s.gif Op donderdag 19 januari 2012 11:25 schreef KomtTijd... het volgende:
Je content moet dus horizontaal met de content meegroeien?

Dat is niet mogelijk met CSS, dat wordt javascripten. Maar ik denk dat je je nog eens achter de oren moet krabben of je dat echt wilt.
Bedenk ook eens hoe je layout er uitziet op een netbook met een viewport van 450px hoog ofzo.
Dat is op zich te doen omdat het om afbeeldingen gaat, client heeft een vrij specifiek ontwerp in gedachte en is hier vrij secuur over. Dit is een van die gevallen waar het met een tabel zo opgelost zou zijn. Bij een netbook en mobiel scherm kan ik met media-queries een alternatief bieden onder een bepaalde hoogte.
quote:
0s.gif Op donderdag 19 januari 2012 11:30 schreef ursel het volgende:

[..]

Dan kan je het wel overwegen. Bij mijn sites zit het tussen de 20 a 30%

Wat betreft het probleem van n8n, misschien dat je hier nog wat aan hebt.
http://webdesign.tutsplus(...)nted-website-design/
Bedankt voor de link maar dit is niet echt een uitdaging of waar ik naar op zoek ben. Heb iets soortgelijks al een keer gedaan waar de artikelen een skyline moesten vormen over de horizon.

Ga het in ieder geval nog proberen en zal mijn oplossing -mocht deze nog komen- hier delen.
“Specialization is for insects”.—Robert Heinlein
pi_106989944
quote:
11s.gif Op donderdag 19 januari 2012 13:04 schreef Catch22- het volgende:
het kan wel, maar het is gepruts. Waarom zou je het mogelijk willen?
Waarom is een lang verhaal, niet relevant!

Ik wil het gewoon heel graag, is er niet een simpele code die er voor kan zorgen dat de iframe een paar pixels lager begint? :)
  donderdag 19 januari 2012 @ 14:50:20 #86
56176 Catch22-
Ben je Blind?!
pi_106990158
die scrollposition dus blijkbaar.

Ik hou me altijd ver van iFrames want het is echt verschrikkelijk om mee te werken dus ik kan je hier niet mee helpen
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_106997217
quote:
0s.gif Op donderdag 19 januari 2012 12:54 schreef Apekoek het volgende:

[..]

Bedankt, maar ik kom er zelf nog niet uit na een beetje googlen.

Dit is een standaard iframe code:
[ code verwijderd ]

Welke code kan ik hier aan toevoegen zodat in dit geval de w3schools.com in een iframe beland maar dan zonder het logo en het menu bovenaan? :)
Dit is een beetje een vraag van het niveau "ik wil een huis bouwen, ik weet al hoe een deur werkt, hoe moet de rest?"

Wij weten ook niet alles uit ons hoofd hier. Je weet nu waar je op moet zoeken, dus probeer eerst eens zelf iets.
zcflevo.nl
pi_107015800
quote:
14s.gif Op donderdag 19 januari 2012 17:27 schreef KomtTijd... het volgende:

[..]

Dit is een beetje een vraag van het niveau "ik wil een huis bouwen, ik weet al hoe een deur werkt, hoe moet de rest?"

Wij weten ook niet alles uit ons hoofd hier. Je weet nu waar je op moet zoeken, dus probeer eerst eens zelf iets.
Kijk ik heb er helaas ook niet heel veel verstand van, werk voornamelijk en alleen met wordpress. Ik dacht dat iemand zoiets hier wel zou herkennen, helaas maar toch bedankt voor jullie meedenken! Echter als ik zoek op google krijg ik allemaal lange en vage codes te zien waar ik de ballen van snap. Had gehoopt op een heel klein stukje code dat ik dan ertens tussen kan schijten.
pi_107016412
Omg Iframes waarom Iframes? :{ ;(
Laat ik het zo zeggen wat probeer je te bereiken?
Redacted
pi_107019145
quote:
0s.gif Op vrijdag 20 januari 2012 01:07 schreef cablegunmaster het volgende:
Omg Iframes waarom Iframes? :{ ;(
Laat ik het zo zeggen wat probeer je te bereiken?
Lang verhaal om dat goed uit te kunnen leggen. Maar het komt er op neer dat ik mijn website gebruikers/abonnees toegang wil geven tot hun profiel zonder dat ze daadwerkelijk aan de achterkant van mijn website komen. Nu heb ik een aparte persoonlijke profiel pagina aangemaakt aan de voorkant met ee. Iframe, dit werkt goed, hetzij dat ik het dus nog iets wil tweaken.
  vrijdag 20 januari 2012 @ 08:48:40 #91
137776 boem-dikkie
Jedi Mind Baby!
pi_107019427
Dan alsnog, waarom iframes? :D
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_107019976
quote:
10s.gif Op vrijdag 20 januari 2012 08:48 schreef boem-dikkie het volgende:
Dan alsnog, waarom iframes? :D
Heb jij voor mij dan een alternatief zodat abonnees toch nog de achterkant van de website kunnen zien aan de voorkant? Aangezien ik de admin bar laat verdwijnen wil ik ze uberhaupt niet alleen maar aan de andere kant van de site laten.
  vrijdag 20 januari 2012 @ 09:26:42 #93
56176 Catch22-
Ben je Blind?!
pi_107020019
Dat is aan alle kanten te omzeilen he? Als je met wordpress werkt moet je gewoon de rechten goed zetten.
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 20 januari 2012 @ 09:34:01 #94
137776 boem-dikkie
Jedi Mind Baby!
pi_107020166
quote:
0s.gif Op vrijdag 20 januari 2012 09:25 schreef Apekoek het volgende:

[..]

Heb jij voor mij dan een alternatief zodat abonnees toch nog de achterkant van de website kunnen zien aan de voorkant? Aangezien ik de admin bar laat verdwijnen wil ik ze uberhaupt niet alleen maar aan de andere kant van de site laten.
Met rechten werken?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_107020257
Beste mensen bedankt voor het mee denken! Echter Wordpress was al voor kinderen, maar het blijkt zelfs nog makkelijker te zijn met de Profile builder plugin, zo krijg ik precies de juiste fronted output die ik wil zonder domme iframes :P
  vrijdag 20 januari 2012 @ 09:48:46 #96
56176 Catch22-
Ben je Blind?!
pi_107020458
Mooi. Als je denkt dat je een IFrame nodig hebt, denk je niet goed genoeg.
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_107167514
Wie kan mij helpen:

ik heb een container met daarin twee div's

div 1 = tekst

div 2 = foto

nu staat de tekst boven de foto, ik wil het iets veranderen en de tekst over de foto plaatsen met een 50% alpha achtergrond.

Die achtergrond enzo lukt wel, maar het lukt mij niet om de ene div over de andere te plaatsen, ik heb een aantal tutorials gelezen en uitgevoerd maar nog lukt het niet.

De css:

ledenbox is container

fotobox is foto

ledenboxtxt is de tekst

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24		#ledenbox {
vertical-align: bottom;
float:left;
text-align:center; 
background: #eee; 
display:block; 
height:72px; 
width:78px; 
margin:2px; 
border:1px solid #ccc; 
padding:0px;
}

#fotobox {
display: block; 
width:76px; 
height:70px;
background: #333;
}

#ledenboxtxt {
font-size:12px; 
font-family:Arial;
}

hoe het nu uitziet:



hoe ik het wil (dit ff in paint gedaan dus hier geen alpha bg, maar dat boeit niet)



anyone?
&lt;hr&gt;
pi_107167525
Waarom doe je ze niet gewoon nesten?
zcflevo.nl
pi_107167575
ze zijn toch nested, de html opbouw:

1
2
3
4
5
6
7
8
9
10
11
12
13
14		<div id="ledenbox"> 

ledenbox

<div id="fotobox">
foto hier

<div id="ledenboxtxt">
tekst hier bla bla 
</div>

</div>

</div>
&lt;hr&gt;
pi_107167590
Position:relative op #fotobox (hoewel je hier geen ID wilt gebruiken lijkt me, aangezien het vast een component is wat op meerdere plekken in je pagina gaat terugkomen?). Position:absolute; Bottom:0; op je #ledenboxtxt.
Nee.
  woensdag 25 januari 2012 @ 14:31:04 #101
267443 Cue_
Cuecumbergirl
pi_107217765
Vraagje, misschien dat jullie me qua denkwijze wat op weg kunnen helpen:

Ik heb een formulier, hierop is een dropdownmenu met een aantal problemen
1
2
3
4
5		    <td>Probleemtype </td>
    <td><select name="probleemtype" id="probleemtype">
         <? $problemen = $po->showProblemen($probleemid); ?>
    </select>
    </td>

Afhankelijk van de selectie moet hij een tweede dropdownmenu tonen met de oplossingen die eraan gekoppeld zijn. (problemen aparte tabel / oplossingen aparte tabel / en een koppeltabel)

Maar hoe kan ik het beste de waarde uitlezen om vervolgens op 1 of andere manier bij een php qry uit te komen en het resultaat hiervan weer in een dropmenu te zetten?
pi_107217808
Zet een handler op het onchange event van de dropdown.
  woensdag 25 januari 2012 @ 14:56:07 #103
267443 Cue_
Cuecumbergirl
pi_107218499
quote:
0s.gif Op woensdag 25 januari 2012 14:32 schreef Scorpie het volgende:
Zet een handler op het onchange event van de dropdown.
De waarde heb van het probleem. Nu dus nog het ophalen van de oplossingen die eraan zijn gekoppeld en die gegevens in een dropmenu gooien.

nog ideeen?
pi_107218561
quote:
0s.gif Op woensdag 25 januari 2012 14:56 schreef Cue_ het volgende:

[..]

De waarde heb van het probleem. Nu dus nog het ophalen van de oplossingen die eraan zijn gekoppeld en die gegevens in een dropmenu gooien.

nog ideeen?
Ajax call dmv jQuery doen, vervolgens een content veld updaten met de waardes die je binnen krijgt en dan tonen?
  woensdag 25 januari 2012 @ 15:03:00 #105
267443 Cue_
Cuecumbergirl
pi_107218701
quote:
0s.gif Op woensdag 25 januari 2012 14:58 schreef Scorpie het volgende:

[..]

Ajax call dmv jQuery doen, vervolgens een content veld updaten met de waardes die je binnen krijgt en dan tonen?
ja zoiets inderdaad. maar heb je evt soort van voorbeelden hoe dat eruit zou zien de diverse calls enzo?

Want het globale plaatje snap ik nu. :) En dat het ook daadwerkelijk zou moeten lukken :+
pi_107218862
<? $problemen = $po->showProblemen($probleemid); ?>

moet dat niet

<?=$po->showProblemen($probleemid); ?>

zijn?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_107219009
quote:
5s.gif Op woensdag 25 januari 2012 15:08 schreef Chandler het volgende:
<? $problemen = $po->showProblemen($probleemid); ?>

moet dat niet

<?=$po->showProblemen($probleemid); ?>

zijn?
Het lijkt me dat showProblemen() een functie is die zelf al echo't, maar dat was de hele vraag natuurlijk niet :P.
  woensdag 25 januari 2012 @ 15:17:38 #108
56176 Catch22-
Ben je Blind?!
pi_107219130
Die moet je dan niet assignen aan een variabele, dat slaat nergens op.

1
2
3
4
5
6
7
8
9
10
11		<?php
$("#probleemtype").change(function() {
var probleemid = $("option:selected", this).val();
$.get("/getprobleembyid.php?pid=" + probleemid, function(data) {
$(data).each(function() {
$("#probleemkeuze").append($("<option />").text(data.titel).attr("value", data.id));
});
/* ofzo */
});
});
?>
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_107219221
quote:
0s.gif Op woensdag 25 januari 2012 15:03 schreef Cue_ het volgende:

[..]

ja zoiets inderdaad. maar heb je evt soort van voorbeelden hoe dat eruit zou zien de diverse calls enzo?

Want het globale plaatje snap ik nu. :) En dat het ook daadwerkelijk zou moeten lukken :+
1
2
3
4
5
6
7
8		<?php
<select id="first" onchange="javascript: bla("first");">
  <option></option>
  <option></option>
</select>

<select id="hiddenSelect" style="display: hidden;"></select>
?>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		<?php
var bla = function(id){
  var selectedOption = $("#"+id+" option:selected");
  ({
    url: "test.html",
    context: document.body,
    success: function(data){
            // doe hier updaten van je hidden select 
           $(data).each(function(){
              $("#hiddenSelect").append($("<option />").text(this.titel).attr("value", this.id));
           });
           $("#hiddenSelect").show();
    }
  });
}
?>


[ Bericht 4% gewijzigd door #ANONIEM op 25-01-2012 15:25:31 ]
pi_107219252
quote:
11s.gif Op woensdag 25 januari 2012 15:17 schreef Catch22- het volgende:
Die moet je dan niet assignen aan een variabele, dat slaat nergens op.
[ code verwijderd ]

Ohja, die append is eigenlijk wel mooier. Alleen moet je wel even de loop nakijken :P

[ Bericht 11% gewijzigd door #ANONIEM op 25-01-2012 15:25:52 ]
  woensdag 25 januari 2012 @ 15:49:37 #111
267443 Cue_
Cuecumbergirl
pi_107220173
Ik ga hier morgens eens mee aan de slag ^O^
Moet zeggen dat het nog een beetje abacadabra eruit ziet, maar wie weet kom ik ergens :)
  woensdag 25 januari 2012 @ 15:50:35 #112
56176 Catch22-
Ben je Blind?!
pi_107220203
quote:
14s.gif Op woensdag 25 januari 2012 15:21 schreef Scorpie het volgende:

[..]

Ohja, die append is eigenlijk wel mooier. Alleen moet je wel even de loop nakijken :P
Dit was halve pseudocode uit mijn mouw ;)

Cue: je moet dus eerst de opties weghalen. Wat je ook kan doen, wat makkelijker is als je geen jQuery kan, is de select in je php opbouwen en die gewoon in je dom pleuren.
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_107229053
Ik vraag het maar even in dit topic, omdat ik het gevoel heb dat het met HTML & JS gemaakt kan worden.

Ik wil het volgende:
De inhoud van drop-down lists weergeven in een text box. In dit geval zijn er vier drop-down lists. Ik wil dat elke optie in de drop-down lists een stukje HTML-code 'doorstuurt' naar de text box. Uiteindelijk krijg je dus vier geselecteerde keuzes, die allemaal een stukje HTML-code in de text box plaatsen, achter elkaar.



Stel, ik kies bij 1 voor 'Links', bij 2 voor 'Ja', bij 3 voor 'Nee' en bij 4 voor 'Rechts'. Ik wil dan het volgende zien verschijnen in de text box:
1<img src="links.jpg" /><img src="ja.jpg" /><img src="nee.jpg" /><img src="rechts.jpg" />

Is zoiets mogelijk om te maken? Zo ja, waar moet ik dan naar zoeken?

[ Bericht 0% gewijzigd door #ANONIEM op 25-01-2012 19:42:30 ]
pi_107230150
Kunnen de opties die in de dropdowns letterlijk in het tekstvak (al dan niet nadat er iets aan wordt toegevoegd)? Dus dat er in je voorbeeld 'links' of 'links.jpg' in de eerste dropdown staat, 'ja' of 'ja.jpg' in de tweede, etc?

Je kan het beste met een JavaScript library werken (dat maakt de code wel zo gemakkelijk), bijv jQuery. Wat je dan nodig hebt:

1. een event afvangen in javascript (namelijk het veranderen van de dropdown) die een functie afvuurt.
Bijvoorbeeld in jQuery, met al je dropdowns in een form met de id #dropdown:
1$('#dropdown select').change(my_function());

Elke keer als er dan een dropdown verandert wordt die functie afgevoerd.

2. een functie die doet wat je wil. Ongetest voorbeeldje, waarbij elke input de class "selectx" heeft:

1
2
3
4
5
6
7
8
9
10
11
12
13		my_function(){
//waardes uit de dropdowns pakken
var option1 = $('.select1 option:selected');
var option2 = $('.select2 option:selected');
  etc...

//inhoud van het veld opbouwen
var output = "<img src='" + option1 + ".jpg' /><img src='" + option2 + "' />";

//output naar het textvak sturen
$('#outputveld').attr('value', output);

}

Kan je hiermee verder? Het is ongetest, maar geeft in elk geval een idee van waar je heen moet.

[ Bericht 0% gewijzigd door picodealion op 25-01-2012 20:15:52 ]
  donderdag 26 januari 2012 @ 01:02:16 #115
56176 Catch22-
Ben je Blind?!
pi_107245141
nog even. .value() achter de optionsselector doen en je bent er
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_107257377
picodealion, je bent een held! _O_.
pi_107258751
quote:
11s.gif Op donderdag 26 januari 2012 01:02 schreef Catch22- het volgende:
nog even. .value() achter de optionsselector doen en je bent er
.text() in het geval van <option> elementen, en ik was vergeten 'function' voor de functienaam te zetten. We waren al per PM verder gegaan inmiddels :P.


quote:
17s.gif Op donderdag 26 januari 2012 14:14 schreef zarGon het volgende:
picodealion, je bent een held! _O_.
B-).
pi_107366204
Ik heb een Javascript object:
1
2
3
4
5
6
7		var eenHeleGroteObject = {
    "valueNiveau1": {
        "valueNiveau2IsEenArrayMetObjecten": [
            { "key": "value" }, { "key2": "value2" }
        ]
    }
};
En ik heb een string "valueNiveau1"
1var mijnString = "valueNiveau1";
Hoe kan ik de variabel mijnString gebruiken om in het object eenHeleGroteObject de Array te krijgen?

Zonder de variabel zou je kunnen doen: eenHeleGroteObject.valueNiveau1 wat dus een Array geeft.

Ik heb ook eventueel jQuery, dus functies van jQuery kan ik ook gebruiken indien nodig.
Iemand een idee? Bvd.
pi_107367346
Volgens mij gewoon eenHeleGroteObject[mijnString]? (Als ik tenminste je verhaal goed begrijp)
Nee.
pi_107370031
quote:
0s.gif Op zondag 29 januari 2012 16:59 schreef PimD het volgende:
Volgens mij gewoon eenHeleGroteObject[mijnString]? (Als ik tenminste je verhaal goed begrijp)
Klopt.
Ik was stom bezig :D

Thanks.
  dinsdag 31 januari 2012 @ 18:23:09 #121
137776 boem-dikkie
Jedi Mind Baby!
pi_107448984
Jullie enig idee hoe ik dit kan oplossen:



Ik wil dat "het van jou" op dezelfde plek begint als "Welke".

Het element is gewoon een <a> die op een volgende regel valt doordat de div niet breder is. De div breder maken is geen optie. De ">" zit bij het element in.

Ik kan er gewoon plaatjes van maken maar dat voorkom ik uiteraard liever.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_107450335
Met text-indent:
http://jsfiddle.net/aAEhw/
  dinsdag 31 januari 2012 @ 19:23:22 #123
137776 boem-dikkie
Jedi Mind Baby!
pi_107451113
Ah nice. Ik had inderdaad ergens text-indent gezien maar dacht dat je daar bepaalde stukjes mee kon laten inspringen en dacht daarom dat ik het dan moest toepassen op "het van jou".

Thanks!
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_107461587
Even een noob-vraagje als het mag.

Ik wil graag een minimalistisch HTML5 audio player. Nu zie ik dat het redelijk simpel is met het commando <audio> maar dan krijg je al een (naar mijn mening) te uitgebreide speler zoals:



Heeft/Weet iemand een manier om alleen een Play/Pause/Stop knop te krijgen met HTML5? Dus een play knop, zodra je die klikt start het muziek en dan heb je alleen nog de optie om te pauzeren/stoppen.
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 00:56:09 #125
137776 boem-dikkie
Jedi Mind Baby!
pi_107466551
Misschien heb je hier wat aan. HTML5 audio beïnvloeden met Javascript.

http://www.catswhocode.co(...)html5-audio-property
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_107469323
Bedankt, het is gelukt tot zover met een simpele <img> code:



1
2
3
4
5
6
7
8
9		<audio>
  <source src="sound.ogg" type="audio/ogg" >
  <source src="sound.mp3" type="audio/mp3" >
</audio>
<div>
    <button onclick="document.getElementById('player').play()"><img src="Play.png"></button>
    <button onclick="document.getElementById('player').pause()"><img src="Pause.png"></button>

</div>

Nu alleen uitvogelen hoe ik die button style kan bewerken zodat het past op mijn pagina.
Terrorism is the poor mans war, war is the rich mans terrorism.
pi_107469381
Je kan onclick ook aan andere elementen hangen hoor :).
pi_107469573
quote:
14s.gif Op woensdag 1 februari 2012 09:21 schreef picodealion het volgende:
Je kan onclick ook aan andere elementen hangen hoor :).
Dus kan ik die .png bestanden direct linken aan onclick?

Even uitproberen!
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 09:30:47 #129
56176 Catch22-
Ben je Blind?!
pi_107469579
wel even cursor:pointer; erop :)
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 1 februari 2012 @ 09:31:30 #130
91039 mstx
2x1/2 = 1/2 x 1/2
pi_107469599
quote:
0s.gif Op woensdag 1 februari 2012 09:30 schreef Baghdaddy het volgende:

[..]

Dus kan ik die .png bestanden direct linken aan onclick?

Even uitproberen!
Javascript events kunnen aan vrijwel elke zichtbare HTML tag gekoppeld worden.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_107469668
quote:
14s.gif Op woensdag 1 februari 2012 09:31 schreef mstx het volgende:

[..]

Javascript events kunnen aan vrijwel elke zichtbare HTML tag gekoppeld worden.
Oke, wist ik niet! :P

quote:
11s.gif Op woensdag 1 februari 2012 09:30 schreef Catch22- het volgende:
wel even cursor:pointer; erop :)
Hoe bedoel je dat precies?

Is dit ongeveer iets in de goede richting:

1<img src="Play.png" onclick="document.getElementById('player').play()">

Kan het momenteel niet testen.
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 09:36:53 #132
56176 Catch22-
Ben je Blind?!
pi_107469693
ja. En een style="cursor:pointer" er op.

Maar je kan dit beter extern oplijmen, is toch netter.
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_107469882
quote:
0s.gif Op woensdag 1 februari 2012 09:35 schreef Baghdaddy het volgende:

[..]

Oke, wist ik niet! :P

[..]

Hoe bedoel je dat precies?

Is dit ongeveer iets in de goede richting:
[ code verwijderd ]

Kan het momenteel niet testen.
Dit bedoelde ik inderdaad. En wat Catch22- zegt, je kan beter styles (en scripts) in aparte .css en .js bestanden zetten, maar als de onclick de enige javascript is die je gebruikt is dit wel prima zo.
  woensdag 1 februari 2012 @ 09:54:42 #134
56176 Catch22-
Ben je Blind?!
pi_107470027
voor hebruikbaarheid is dat toch makkelijker.
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_107476536
Bedankt.

Ik heb inderdaad bijna geen javascript verder en vandaar dat ik dit dan ook zo doe. Nog een laatste vraag (voor nu :P);

1
2
3
4
5
6
7
8
9
10		<audio>
  <source src="audio/1.mp3" type="audio/mp3" >
  <source src="audio/1.ogg" type="audio/ogg" >
</audio>
<div>

    <img src="Play.png" style="cursor:pointer" onclick="document.getElementById('player').play()">
    <img src="Pause.png" style="cursor:pointer" onclick="document.getElementById('player').pause()">

</div>

Wat doe ik verkeerd? Muziek speelt niet af.
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 13:39:59 #136
56176 Catch22-
Ben je Blind?!
pi_107476583
doe eens <audio id="player"> ipv <audio>

Hoe moet de browser anders weten wat getElementById('player') 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_107476645
quote:
11s.gif Op woensdag 1 februari 2012 13:39 schreef Catch22- het volgende:
doe eens <audio id="player"> ipv <audio>

Hoe moet de browser anders weten wat getElementById('player') is?
Dat was het inderdaad, bedankt. Ik dacht dat de browser automatisch de audio speler herkent!
Terrorism is the poor mans war, war is the rich mans terrorism.
  woensdag 1 februari 2012 @ 13:42:09 #138
56176 Catch22-
Ben je Blind?!
pi_107476662
Doet hij ook wel, maar als je document.getElementById gebruikt, dan moet het object dat je wil aansturen wel dat ID hebben :)
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 2 februari 2012 @ 11:03:10 #139
267443 Cue_
Cuecumbergirl
pi_107509969
Kort vraagje weer:
ik heb een formulier, met 1 submit button erop die ervoor zorgt dat de gegevens opgeslagen en gemaild worden.
Maar nu is het zo dat wat ik ook doe in het form, die button is gelecteerd (focus erop). zodat als ik maar 1x per ongeluk op enter druk het formulier wordt verzonden.

Hoe krijg ik dit het mooiste weg?
pi_107510009
Heb je een linkje?
  donderdag 2 februari 2012 @ 11:05:06 #141
267443 Cue_
Cuecumbergirl
pi_107510022
quote:
3s.gif Op donderdag 2 februari 2012 11:04 schreef picodealion het volgende:
Heb je een linkje?
Naar mijn form? :?
  donderdag 2 februari 2012 @ 11:05:08 #142
56176 Catch22-
Ben je Blind?!
pi_107510024
de onkeydown van de enterknop registreren en bij een enter een return false; doen?

maar ik gebruik die functionaliteit zelf best vaak en het is standaard behaviour dus ik vraag me af of je dat moet willen.
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_107510034
Cue_: wss is het een submit button ipv een gewone knop.
  donderdag 2 februari 2012 @ 11:07:05 #144
267443 Cue_
Cuecumbergirl
pi_107510084
quote:
11s.gif Op donderdag 2 februari 2012 11:05 schreef Catch22- het volgende:
de onkeydown van de enterknop registreren en bij een enter een return false; doen?

maar ik gebruik die functionaliteit zelf best vaak en het is standaard behaviour dus ik vraag me af of je dat moet willen.
Ik heb al twee gebruikers gehad die er last van hebben gehad. En dit zijn zeg maar de snuggere van degene die het gaan gebruiken.

Maar die onkeydown.. dat zou ik dan bij elk veld moeten neerplempen?

quote:
0s.gif Op donderdag 2 februari 2012 11:05 schreef Scorpie het volgende:
Cue_: wss is het een submit button ipv een gewone knop.
Klopt is het ook. Want vervolgens verwerk ik de gegevens.
  donderdag 2 februari 2012 @ 11:10:28 #145
56176 Catch22-
Ben je Blind?!
pi_107510185
Dan zou ik de submitbutton vervangen door een <button> en dit stukje jQuery plaatsen (als je dat gebruikt, anders even vertalen.

1
2
3		<?php
$("button#fakeSubmit").click(function() { $(this).closest("form").submit(); });
?>
(phptags voor de highlighting)
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 2 februari 2012 @ 11:16:15 #146
267443 Cue_
Cuecumbergirl
pi_107510351
quote:
11s.gif Op donderdag 2 februari 2012 11:10 schreef Catch22- het volgende:
Dan zou ik de submitbutton vervangen door een <button> en dit stukje jQuery plaatsen (als je dat gebruikt, anders even vertalen.
[ code verwijderd ]

(phptags voor de highlighting)
jQuery wordt niet gebruikt bij deze en zelf ook geen ervaring mee nog. Maar in ieder geval dus richting gewone button gaan.
  donderdag 2 februari 2012 @ 11:23:44 #147
56176 Catch22-
Ben je Blind?!
pi_107510567
dan doe je dit

1
2
3		<?php
<button value="Opslaan" onclick="document.getElementById('myForm').submit()"/>
?>
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 2 februari 2012 @ 11:26:26 #148
91039 mstx
2x1/2 = 1/2 x 1/2
pi_107510659
Enter in een text input = versturen. Dat is altijd al zo en standaard functionaliteit.
Het probleem is dus dat mensen het formulier te vroeg versturen voordat ze alles ingevuld hebben? Zit daar dan geen validatie op?
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  donderdag 2 februari 2012 @ 11:32:04 #149
267443 Cue_
Cuecumbergirl
pi_107510842
quote:
11s.gif Op donderdag 2 februari 2012 11:23 schreef Catch22- het volgende:
dan doe je dit
[ code verwijderd ]

Geweldig O+
Was inderdaad al op zoek gegaan naar de juiste syntax voor de onclick. :)
quote:
0s.gif Op donderdag 2 februari 2012 11:26 schreef mstx het volgende:
Enter in een text input = versturen. Dat is altijd al zo en standaard functionaliteit.
Het probleem is dus dat mensen het formulier te vroeg versturen voordat ze alles ingevuld hebben? Zit daar dan geen validatie op?
Op dit moment maak ik voor deze opdracht nog geen validaties op velden. Het is eerst maar bekijken of het wordt gebruikt en hoe vaak.
Daarbij zijn de mensen hier zo gewend om in andere applicaties met 'enter' naar het volgende veld te gaan dat dat gewoon geen optie is om dat als functie erachter te hebben.
pi_107510961
Enter naar een volgend veld? Daar heb je tab voor.
  donderdag 2 februari 2012 @ 11:37:02 #151
267443 Cue_
Cuecumbergirl
pi_107510999
quote:
0s.gif Op donderdag 2 februari 2012 11:35 schreef Scorpie het volgende:
Enter naar een volgend veld? Daar heb je tab voor.
I know, maarja gebruikers die gewend zijn aan BAAN enzo. Doen alles met enter.
pi_107511057
quote:
0s.gif Op donderdag 2 februari 2012 11:37 schreef Cue_ het volgende:

[..]

I know, maarja gebruikers die gewend zijn aan BAAN enzo. Doen alles met enter.
Tijd om ze te heropvoeden. Gewoon bij elke enter die ze geven in een textfield een dubbele alert geven, leren ze het snel genoeg af.

[ Bericht 9% gewijzigd door #ANONIEM op 02-02-2012 11:39:26 ]
  donderdag 2 februari 2012 @ 11:44:17 #153
56176 Catch22-
Ben je Blind?!
pi_107511204
idd. van zulke standaarden afwijken is een slecht plan
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 2 februari 2012 @ 11:51:54 #154
267443 Cue_
Cuecumbergirl
pi_107511448
quote:
14s.gif Op donderdag 2 februari 2012 11:39 schreef Scorpie het volgende:
Tijd om ze te heropvoeden. Gewoon bij elke enter die ze geven in een textfield een dubbele alert geven, leren ze het snel genoeg af.
:D zou leuk zijn
  donderdag 2 februari 2012 @ 13:49:47 #155
321470 StefannPSV
Newcastle United
pi_107515121
Ik houd wat websites bij voor een kennis van me, maar wij stuiten nu tegen een probleem. Ik ben er nu zelf naar aan het kijken, maar ik ben met dat betreft een leek.

Het gaat hier over een website met een aantal foto's, als je op één foto klikt zou het in een lightbox moeten komen. Als je nu op een foto klikt opent het zich in een nieuw venster in plaats van in een lightbox. Nu ben in al enige tijd aan het zoeken waar het probleem zit, ik heb namelijk het idee dat het iets kleins is. Is er iemand die dit probleem kent of die weet waar ik dan ongeveer moet gaan zoeken.

Alvast bedankt!
  donderdag 2 februari 2012 @ 13:51:38 #156
91039 mstx
2x1/2 = 1/2 x 1/2
pi_107515180
quote:
0s.gif Op donderdag 2 februari 2012 13:49 schreef StefannPSV het volgende:
Ik houd wat websites bij voor een kennis van me, maar wij stuiten nu tegen een probleem. Ik ben er nu zelf naar aan het kijken, maar ik ben met dat betreft een leek.

Het gaat hier over een website met een aantal foto's, als je op één foto klikt zou het in een lightbox moeten komen. Als je nu op een foto klikt opent het zich in een nieuw venster in plaats van in een lightbox. Nu ben in al enige tijd aan het zoeken waar het probleem zit, ik heb namelijk het idee dat het iets kleins is. Is er iemand die dit probleem kent of die weet waar ik dan ongeveer moet gaan zoeken.

Alvast bedankt!
Kijk in een browser met een javascript console (firefox + firebug zou ik aanraden) welke foutmelding hij geeft. :)
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  donderdag 2 februari 2012 @ 13:57:31 #157
321470 StefannPSV
Newcastle United
pi_107515343
quote:
0s.gif Op donderdag 2 februari 2012 13:51 schreef mstx het volgende:

[..]

Kijk in een browser met een javascript console (firefox + firebug zou ik aanraden) welke foutmelding hij geeft. :)
Dankje, weet je misschien ook hoe ik de javascript debugger inschakel?
pi_107515354
ctrl+shift+j
zcflevo.nl
  donderdag 2 februari 2012 @ 13:59:45 #159
321470 StefannPSV
Newcastle United
pi_107515396
Krijg deze foutmelding:

"enabling javascript debugger to support console"
"enabling javascript debugger to support JavaScriptTool"

Misschien stomme vraag, maar jullie weten het mij waarschijnlijk zo te vertellen.

Dit is mijn foutmelding nu..
element.dispatchEvent is not a function

Volgens mij heeft die foutmelding niks met de lightbox te maken. Dat maakt het weer lastiger. Ik denk dat ik het maar aan een kundiger iemand overlaat. Ik denk dat het te complex is om het hier op te lossen. Toch bedankt voor jullie snelle reactie's!

[ Bericht 13% gewijzigd door StefannPSV op 02-02-2012 14:08:00 ]
  zondag 5 februari 2012 @ 15:18:58 #160
112156 Debsterr
Dino inventor
pi_107631168
Hoi, ik ben een ontzettende newbie als het op html/css etc. aankomt en kom dan ergens ook niet uit. Ik heb op mijn blog een gadget met 10 populairste posts. De ID van deze gadget is PopularPosts1 heb ik al vastgesteld. Nu wilde ik graag door middel van CSS zorgen dat de lettergrootte van de titels in de gadget (dus de post titels) kleiner weergeven wordt. De CSS die ik hiervoor wilde gebruiken is:
.PopularPosts1 a {
font-size: 8px;
}

Echter maakt dit geen verschil. Waar kan dit door komen?
Once in a while, I just wanna dance and feel good
pi_107631314
Omdat je een id met # in je CSS verwerkt, niet met een punt.
Nee.
  zondag 5 februari 2012 @ 15:23:44 #162
230788 n8n
Pragmatisch
pi_107631428
"#PopularPosts1 a"

Is een link ,<a>, de gebruikte tag voor de titels? indien ja moet het met de # werken.

.bla is om een class te selecteren
#bla voor een id
“Specialization is for insects”.—Robert Heinlein
pi_107631432
quote:
0s.gif Op zondag 5 februari 2012 15:21 schreef PimD het volgende:
Omdat je een id met # in je CSS verwerkt, niet met een punt.
  zondag 5 februari 2012 @ 15:43:32 #164
112156 Debsterr
Dino inventor
pi_107632356
quote:
0s.gif Op zondag 5 februari 2012 15:21 schreef PimD het volgende:
Omdat je een id met # in je CSS verwerkt, niet met een punt.
Volgens mij had ik dat ook al geprobeerd maar ik ga het nogmaals proberen :).

edit: Niet dus! Super super super bedankt!
Once in a while, I just wanna dance and feel good
pi_107667019
Hallo !

Ik wil graag dit effect op mijn site hebben,

http://webdesignerwall.co(...)ment-page-6#comments

Alleen het is voor mij onduidelijk wat ik moet doen.

De stappen zijn als volgt:

1. include a copy of jquery.js (Waar is die?)
2. paste the code as shown above (In mijn index.html neem ik aan?)
3. set the target image (eg: .post-img, img, .gallery img, etc.) (waar in de code kan ik mijn afbeeldingen toevoegen?)
4. you may change the animation speed (ie. 1000 = 1 second)

Ik heb 0,0 verstand van coderen vandaar al mijn vragen, met Google kwam ik er niet uit.. iemand ? :)
  maandag 6 februari 2012 @ 11:46:59 #166
56176 Catch22-
Ben je Blind?!
pi_107667069
Begin eens met een tutorial.

Ik wil best mensen helpen, maar het is een topic voor dummyes, niet "dump je vraag hier en de nerds lossen het wel op"

Of denken anderen hier anders over?


quote:
0s.gif Op maandag 6 februari 2012 11:45 schreef Andre3000 het volgende:
Hallo !

Ik wil graag dit effect op mijn site hebben,

http://webdesignerwall.co(...)ment-page-6#comments

Alleen het is voor mij onduidelijk wat ik moet doen.

De stappen zijn als volgt:

1. include a copy of jquery.js (Waar is die?)
Zoek eens op "Jquery download"
2. paste the code as shown above (In mijn index.html neem ik aan?)
Waar je de code wil. Beste is in een los bestand die je include met een <script src="" ></script> tag
3. set the target image (eg: .post-img, img, .gallery img, etc.) (waar in de code kan ik mijn afbeeldingen toevoegen?)
Op de gele vlakken waar nu .item img staat. Dit doe je met CSS selectors. Dat mag je opzoeken.
4. you may change the animation speed (ie. 1000 = 1 second)

Help ik je toch iets op weg.
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_107667134
quote:
11s.gif Op maandag 6 februari 2012 11:46 schreef Catch22- het volgende:
Begin eens met een tutorial.

Ik wil best mensen helpen, maar het is een topic voor dummyes, niet "dump je vraag hier en de nerds lossen het wel op"

Of denken anderen hier anders over?
Oh daar heb ik ook geen problemen mee hoor, moet alleen nog even nadenken over mijn uurtarief.
zcflevo.nl
  maandag 6 februari 2012 @ 11:49:33 #168
137776 boem-dikkie
Jedi Mind Baby!
pi_107667143
quote:
0s.gif Op maandag 6 februari 2012 11:45 schreef Andre3000 het volgende:
Hallo !

Ik wil graag dit effect op mijn site hebben,

http://webdesignerwall.co(...)ment-page-6#comments

Alleen het is voor mij onduidelijk wat ik moet doen.

De stappen zijn als volgt:

1. include a copy of jquery.js (Waar is die?)
2. paste the code as shown above (In mijn index.html neem ik aan?)
3. set the target image (eg: .post-img, img, .gallery img, etc.) (waar in de code kan ik mijn afbeeldingen toevoegen?)
4. you may change the animation speed (ie. 1000 = 1 second)

Ik heb 0,0 verstand van coderen vandaar al mijn vragen, met Google kwam ik er niet uit.. iemand ? :)
Heb je zelf al iets geprobeerd?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_107667180
Die dump-my-question dingen zitten we niet op te wachten inderdaad.
pi_107667272
Sorry misschien moet ik wat duidelijk zijn. Ik jquery van http://jquery.com/ al gedownload en in mijn map gezet. Vervolgens heb ik de target img gelinkt aan een jpg om te testen. En daar liep ik vast.

Excuses, het is niet mijn bedoeling om mijn werk op te laten lossen. Het staat je dan natuurlijk vrij om te reageren (of niet).
  maandag 6 februari 2012 @ 11:55:21 #171
134533 donroyco
dus niet Donroyco
pi_107667373
Beter laat je het doen door iemand ide wel verstand ervan heeft.
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_107667494
Definieer 'liep ik vast'. Wat deed het niet?
Waar is je code, hoe kunnen wij zien wat het wel en niet doet?
Wat heb je zelf gedaan om het op te lossen?
  maandag 6 februari 2012 @ 19:07:33 #173
87680 Mirel
Mirel wil een bongophone.
pi_107684373
Ik heb m'n FB post-icoon vervangen door een like-icoon, maar ik krijg de positie niet precies goed.

Op http://www.mirelmasic.nl/fotos/zwart-wit-edits/ staat er nu eentje met een like, dus het wolkje ernaast met het nummertje erin is te zien. En hier is een post zonder like: http://www.mirelmasic.nl/filmpjes/mensen-in-het-wild/

Ik heb het een rode achtergrond gegeven om te laten zien hoe het er nu uitziet. Er mag helemaal geen ruimte rechts zijn, en eronder ook niet.

In firefox is het ook nog eens 'vind ik leuk' ipv 'like', en op de addthis website staat ergens dat je het in andere talen kan doen, maar ik kan het niet vinden op hun site. Ik heb geprobeerd mijn eigen afbeelding te gebruiken door het tussen de <a> tags te doen maar dan werkt de counter niet.

Ik kan ook nergens vinden hoe je die ruimte weg kan halen -O- .addthis_toolbox{margin:0; padding:0;} doet bijvoorbeeld helemaal niks. De background:red; code staat daar wel in.

Een user had hier laatst voor me deze code gevonden voor m'n FB post knopje: addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m. Ipv 300 staat er bij de like button een ander nummertje, maar als ik dan dit vervang met 250, het nummer van de like knop, gebeurt er niks.

Ook nergens te vinden op die site van hun. -O-

TL;DR: Ik wil dit in iedere browser. Maar bij de pagina's zonder like zit er dus een leegruimte daar. En of die like knop dan doorschuift weet ik niet.. Eventueel dan omdraaien, maar weet niet of dat kan. Met like:


Zonder:


[ Bericht 2% gewijzigd door Mirel op 07-02-2012 11:26:56 ]
When all else fails, you always have delusion.
pi_107698765
Gevalletje niet hopen. Die facebook api is gewoon ronduit klote. Take it or leave it.
zcflevo.nl
  dinsdag 7 februari 2012 @ 00:34:57 #175
87680 Mirel
Mirel wil een bongophone.
pi_107701007
andere positie dan maar :')
When all else fails, you always have delusion.
  dinsdag 7 februari 2012 @ 11:09:51 #176
87680 Mirel
Mirel wil een bongophone.
pi_107706736
Nu staat 'ie links, maar nog steeds met zo'n klote verschil van paar pixels ten opzichte van de rest. En in firefox valt een stuk gewoon weg. -O-

Is daar wel iets aan te doen?
When all else fails, you always have delusion.
  dinsdag 7 februari 2012 @ 11:10:47 #177
56176 Catch22-
Ben je Blind?!
pi_107706762
dat ding is niet lekker te plaatsen omdat de afmetingen dynamisch zijn ivm vertalingen. Kan je hem niet gewoon stijf rechts uitlijnen ofzo?
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 7 februari 2012 @ 11:21:03 #178
87680 Mirel
Mirel wil een bongophone.
pi_107707020
De vertaling kan aan te passen zijn, maar die klote site vertelt niet precies hoe. Maar ik vraag het nu daar even. :)
When all else fails, you always have delusion.
pi_107713262
quote:
11s.gif Op dinsdag 7 februari 2012 11:10 schreef Catch22- het volgende:
dat ding is niet lekker te plaatsen omdat de afmetingen dynamisch zijn ivm vertalingen. Kan je hem niet gewoon stijf rechts uitlijnen ofzo?
Neuh het is een iframe en de knop lijnt uit naar links in het iframe.

Beter zou imo eigenlijk zijn sowieso die hele facebook-api niet te gebruiken en gewoon zelf een link samen te stellen ofzo. Heb je ook niet dat iedereen door facebook getraced wordt op jouw website.
zcflevo.nl
pi_107713320
Kan je de like knop niet in een hover achtige constructie proppen?
pi_107723752
Ik heb een container met daarin mijn content, maar de scrollbar verschijnt in deze container ipv aan de zijkant van de browser. Weet iemand hoe dat komt? Het is echt immens storend.

EDIT: Gefixt, was een overflow problem.

[ Bericht 12% gewijzigd door Neraice op 07-02-2012 19:31:53 ]
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  dinsdag 7 februari 2012 @ 22:37:11 #182
87680 Mirel
Mirel wil een bongophone.
pi_107733254
Ik heb het Facebook Like probleem opgelost: www.mirelmasic.nl
When all else fails, you always have delusion.
pi_107733467
quote:
0s.gif Op dinsdag 7 februari 2012 22:37 schreef Mirel het volgende:
Ik heb het Facebook Like probleem opgelost: www.mirelmasic.nl
_O_
zcflevo.nl
pi_107782737
site zegt meer dan woorden
http://www.meijerbouwservice.nl/7/Over-Meijer

rechtsboven blijft home | inloggen op een vaste plaats
als je het venster groter of kleiner maakt dan wordt de foto niet uitgerekt
maar er wordt meer zichtbaar.

Hoe werkt zoiets?
gewoon een hele breede foto gebruiken??
  donderdag 9 februari 2012 @ 10:31:04 #185
134533 donroyco
dus niet Donroyco
pi_107782806
quote:
0s.gif Op donderdag 9 februari 2012 10:28 schreef MrNiles het volgende:
site zegt meer dan woorden
http://www.meijerbouwservice.nl/7/Over-Meijer

rechtsboven blijft home | inloggen op een vaste plaats
als je het venster groter of kleiner maakt dan wordt de foto niet uitgerekt
maar er wordt meer zichtbaar.

Hoe werkt zoiets?
Hij heeft een breedte meegekregen vanaf links (980 pixels) en is binnen dat element rechts uitgelijnd.
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 9 februari 2012 @ 10:34:07 #186
137776 boem-dikkie
Jedi Mind Baby!
pi_107782881
quote:
0s.gif Op dinsdag 7 februari 2012 22:37 schreef Mirel het volgende:
Ik heb het Facebook Like probleem opgelost: www.mirelmasic.nl
Ik zie nog steeds een klein stukje van waar normaal het aantal likes staat. :@
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 9 februari 2012 @ 11:34:57 #187
87680 Mirel
Mirel wil een bongophone.
pi_107784939
Ja dat is in Firefox. Geen idee waarom, die code is niet aangepast ofzo, komt rechtstreeks van hun site :')
When all else fails, you always have delusion.
pi_107785553
Je site begint er goed uit te zien Mirel.
  donderdag 9 februari 2012 @ 11:50:49 #189
87680 Mirel
Mirel wil een bongophone.
pi_107785584
Hij is al heel erg lang af joh :P Maar zal binnenkort wel wat elementen redesignen.
When all else fails, you always have delusion.
pi_107787084
quote:
0s.gif Op donderdag 9 februari 2012 10:28 schreef MrNiles het volgende:
site zegt meer dan woorden
http://www.meijerbouwservice.nl/7/Over-Meijer

rechtsboven blijft home | inloggen op een vaste plaats
als je het venster groter of kleiner maakt dan wordt de foto niet uitgerekt
maar er wordt meer zichtbaar.

Hoe werkt zoiets?
gewoon een hele breede foto gebruiken??
http://www.meijerbouwserv(...)f92b13c-1895-610.jpg
Doet je rechtermuisknop het niet? :P
zcflevo.nl
  donderdag 9 februari 2012 @ 12:44:11 #191
137776 boem-dikkie
Jedi Mind Baby!
pi_107787330
quote:
0s.gif Op donderdag 9 februari 2012 11:34 schreef Mirel het volgende:
Ja dat is in Firefox. Geen idee waarom, die code is niet aangepast ofzo, komt rechtstreeks van hun site :')
En Chrome.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 9 februari 2012 @ 23:30:28 #192
220026 Treces
Hier had uw tekst kunnen staan
pi_107813013
Is het toegestaan om je eigen html tags te verzinnen?
Bijvoorbeeld <icon>?
pi_107813221
Nee.
zcflevo.nl
  donderdag 9 februari 2012 @ 23:47:54 #194
87680 Mirel
Mirel wil een bongophone.
pi_107813673
daarvoor hebben we id's en classes
When all else fails, you always have delusion.
pi_107813819
Is het eigenlijk wel toegestaan om je eigen attributen te bedenken? Volgens mij ook niet en ik vermijd het al een tijdje, maar het zou wel een ideale uitkomst zijn in sommige situaties :+

Dan heb ik het dus over...
1<div eenattribuut='eenwaarde'>
Of toch du vader?
pi_107814014
Syntactisch mag het niet, maar soms kan het wel verdomd makkelijk zijn, zeker gezien het feit dat moderne browsers er niet over vallen.
  vrijdag 10 februari 2012 @ 01:32:30 #197
56176 Catch22-
Ben je Blind?!
pi_107815685
daar mag je,met de correcte doctype, het data-* attribuut voor 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?
pi_107816508
Ik vind het toch een lastig iets, die data-attributes. Ik ben nogal snel geneigd om er opties voor Javascript in te hangen (bijv. de duur van een animatie op een element o.i.d.)... Maar dan ben je die strikte scheiding tussen content, vorm en gedrag weer kwijt...
Nee.
pi_107816914
quote:
11s.gif Op vrijdag 10 februari 2012 01:32 schreef Catch22- het volgende:
daar mag je,met de correcte doctype, het data-* attribuut voor gebruiken
In HTML5 wel ja.
  vrijdag 10 februari 2012 @ 09:12:01 #200
56176 Catch22-
Ben je Blind?!
pi_107817783
quote:
0s.gif Op vrijdag 10 februari 2012 07:58 schreef Scorpie het volgende:

[..]

In HTML5 wel ja.
HTML (en CSS) is forward compatible, dus in principe worden niet herkende tags genegeerd.

quote:
0s.gif Op vrijdag 10 februari 2012 05:59 schreef PimD het volgende:
Ik vind het toch een lastig iets, die data-attributes. Ik ben nogal snel geneigd om er opties voor Javascript in te hangen (bijv. de duur van een animatie op een element o.i.d.)... Maar dan ben je die strikte scheiding tussen content, vorm en gedrag weer kwijt...
Er gaat niets kapot en je kan die dingen ook met JS gaan oplijmen, maar dat is niet altijd even handig.
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_107838629
Er gaat niets kapot nee, maar de scheiding tussen de verschillende lagen van je website/applicatie worden wel minder strak - aangezien je logica aan je HTML gaat hangen. Voor mijn gevoel neigt het toch een beetje naar inline styling.
Nee.
pi_107838714
Zou iemand hier even naar kunnen kijken? Kom er zelf echt niet uit:

Browser resizen naar iets kleins.
http://dahndesigns.net/summit/

In Chrome laat ie wel een andere backside zien, maar in Safari en op de iPhone gewoon de gespiegelde voorkant? :S
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_107839460
Het heeft iig te maken met de position:absolute en de z-index die je op je .container hebt liggen. Als ik de .mobilemenu positioneer en een z-index geef die hoger ligt dan de .container krijg ik gewoon het gespiegelde element te zien wat over de container ligt. Ik zou dus de container display:none doen zodra je op de knop hebt geklikt.

Ofzo.
Nee.
pi_107840522
Ja dat heb ik nu, probleem alleen is nu dat je de rotatie niet meer ziet omdat die display:none meteen in werking gaat. Enig idee hoe ik die kan delayen?

Heb nu dit:

$(".container").toggleClass("containeractive");
$(".mobilemenu").toggleClass("mobilemenuactive")
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_107841148
Pff display:none met een setTimeout ofzo doen. Maar da's meer een work-around dan een oplossing. Mijn ervaring met die CSS 3D-transforms enzo is dat het maar een hoop ellende oplevert - zeker wanneer je het combineert met CSS Transitions.
Nee.
pi_107841473
Workaround wordt het dan. Ik ben een nul in jQuery, dus als je met dit kleine probleempje nog zou willen helpen zou het super zijn. Hoe voeg ik een delay toe aan een toggleclass?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_107841562
Ik snap niet dat mensen een nul in jQuery zijn, maar ondertussen wel met HTML5 boilerplate, CSS transforms en transitions aan de slag gaan :D

Maar goed, volgens mij heeft jQuery gewoon een delay() functie. Dan zou het zoiets worden gok ik (al maanden geen jQuery gedaan):

1$(".container").delay(500).toggleClass("containeractive");
Nee.
pi_107841666
Die functie had ik al geprobeerd, werkt helaas niet.

H5BP en CSS heb ik geen jQuery voor nodig. :P
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_107842972
quote:
0s.gif Op vrijdag 10 februari 2012 20:58 schreef Neraice het volgende:
Die functie had ik al geprobeerd, werkt helaas niet.

H5BP en CSS heb ik geen jQuery voor nodig. :P
http://lmgtfy.com/?q=delay+jquery
pi_107843130
Denk je dat ik dat niet al had geprobeerd? :P Ik kwam er gewoon niet uit, ben nu bezig met een andere oplossing.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_107843600
En het werkt, zelfs in IE :D
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  maandag 13 februari 2012 @ 12:40:32 #212
87680 Mirel
Mirel wil een bongophone.
pi_107926158
Hoe kan ik de AddThis Like knop fixen zodat 'ie het ook in Firefox doet? Als je iets liket, dan zie je het tekstwolkje naast de like knop niet. Op het AddThis forum zeggen ze niks. Ik ben niet te spreken over hun behulpzaamheid. }:|
http://support.addthis.co(...)-it-right?new=176005

www.mirelmasic.nl random post

Code is gewoon:
1
2
3
4		<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
</div>
<script type="text/javascript" data-src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f30145f710099d4" style="visibility:hidden;"></script>

Even iets anders. Ik wil een custom scrollbalk, die de gewone vervangt van de browser. Ik weet dan niet of ik hier moet wezen:
http://jscrollpane.kelvinluck.com/

Heb de bestanden gedownload en in een map gezet, en dit geprobeerd in de head, maar het werkt niet:
1
2
3
4
5
6
7
8		<link type="text/css" href="<?php bloginfo('stylesheet_url'); ?>/js/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="<?php bloginfo('stylesheet_url'); ?>/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_url'); ?>/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_url'); ?>/js/jquery.jscrollpane.min.js">
$(function(){
    $('#section-scroll').jScrollPane();
});
</script>


[ Bericht 20% gewijzigd door Mirel op 13-02-2012 13:03:04 ]
When all else fails, you always have delusion.
pi_107929981
Hoi!

Ik wil iets dat er een winner geselecteerd wordt uit een x aantal namen. Gezocht en dit gevonden: http://primaryschoolict.com/random-name-selector/. Het werkt en het ziet er nog eens mooi uit ook!

Code ietwat aangepast en getest, het werkt. Yay! (Voorbeeld met 10 namen: http://fok.zargon.nl/topic/1762349/naam.html.)

Maar nu kom ik erachter dat wanneer veel namen in de array zet, de winnaar pas een aantal seconden later gehighlight wordt. (Voorbeeld met véél meer namen: http://fok.zargon.nl/topic/1762349/namen.html.)

Te traag... Is er een manier om het hightlighten vlotter te maken? Ik heb gespeeld met de tijden en dergelijke, maar het ligt echt aan het aantal namen.

Of weten jullie misschien een betere methode?
pi_107930851
Aangezien het script de winnaar al heeft bepaald voordat 'ie uberhaupt gaat spinnen kan je eventueel voor een luie fix met css gaan:

1
2
3
4
5		#result1 {
 background-color: black; 
 color: rgb(223, 223, 223);
 height: 117px;
}
pi_107934585
Thanks! Dat werkt inderdaad. Beter dan niets!

Alleen... dat de winnaar pas gehighlight wordt op het einde wil ik graag behouden. Enig idee hoe dat kan? :P.
pi_108041283
Ik wil er met een scriptje voor zorgen dat een div (Of iets anders, als het moet) met de pagina meescrollt. Zoals de "Frontpage | Sport |Etc"-balk bovenin van FOK!.

Is het vmogelijk om een knopje te maken waarmee je die div vastzet? Voor gebruikers met een te klein scherm, voor als de div te lang wordt?

Bedankt O+
  donderdag 16 februari 2012 @ 12:45:24 #217
56176 Catch22-
Ben je Blind?!
pi_108041717
quote:
0s.gif Op maandag 13 februari 2012 16:43 schreef zarGon het volgende:
Thanks! Dat werkt inderdaad. Beter dan niets!

Alleen... dat de winnaar pas gehighlight wordt op het einde wil ik graag behouden. Enig idee hoe dat kan? :P.
maak er .done #result1 van en voeg de .done class toe aan een parent als eea klaar 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_108043341
quote:
0s.gif Op donderdag 16 februari 2012 12:31 schreef RenRen- het volgende:
Ik wil er met een scriptje voor zorgen dat een div (Of iets anders, als het moet) met de pagina meescrollt. Zoals de "Frontpage | Sport |Etc"-balk bovenin van FOK!.

Is het vmogelijk om een knopje te maken waarmee je die div vastzet? Voor gebruikers met een te klein scherm, voor als de div te lang wordt?

Bedankt O+
Dat is mogelijk.
pi_108045230
welkom in de wondere wereld van jQuery..die ik nog niet begrijp :')

ben er een beetje mee aan het spelen
maar ik snap m nie..

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23		<script type="text/javascript">
$(document).ready(function(){
     $(".??").mouseenter(function(){
        $(".??").animate({top:"-40px"},"fast");
       $(".??").animate({top:"-20px"},"fast");
  });
     $(".??").mouseleave(function(){
       $(".??").animate({top:"20px"},"fast");
        $(".??").animate({top:"0px"},"fast");
});
});
</script>
</head>
<body>

<br /><br />
    <div id="test">
<img src="facebook.png" />
        <ul class="gallery">
            <li><img src="facebook.png" /></li>
            <li><img src="facebook.png" /></li>
        </ul>
    </div>

Als probeerseltje wil ik een icoontje een beweging laten maken
Nu lukt het wel om een div of class de beweging te laten maken zodat alle icons bewegen.
Hoe kan ik alle icoontjes nu aparte laten bewegen? Kan dit wel op mijn manier? Wat moet ik dan op de ?? zetten
pi_108045331
1
2
3		<?php
$(".test img") 
?>

Geeft alle images binnen elementen met id "test"

1
2
3		<?php
$(".test") 
?>

Geeft alle elementen met id "test" terug.

1
2
3		<?php
$("#test") 
?>

Geeft alle elementen met class "test" terug.

[ Bericht 49% gewijzigd door #ANONIEM op 16-02-2012 14:54:59 ]
pi_108045517
quote:
0s.gif Op donderdag 16 februari 2012 14:54 schreef Scorpie het volgende:

[ code verwijderd ]

Geeft alle images binnen elementen met id "test"
[ code verwijderd ]

Geeft alle elementen met id "test" terug.
[ code verwijderd ]

Geeft alle elementen met class "test" terug.

Maar dan net andersom ;)
zcflevo.nl
pi_108046321
is dit dan gelijk aan img?
$(":image") All input elements with type="image"
is volgens w3schools

met
$(".test:img")
gaat toch alles mee...
misschien heb ik mijn probleem niet heel goed omschreven
maar van een rij icoontjes wil ik dat degene beweegt waar ik met de muis op kom
alleen die..en niet alle andere img die in de zelfde div of class staan

op ed.nl (halverwege de pagina) staat eigenlijk wat ik wil
probeer dit na te maken, om van te leren
Ik kan het trouwens niet zien hoe ze het daar gemaakt hebben :( toch wel :)

[ Bericht 39% gewijzigd door MrNiles op 16-02-2012 15:39:31 ]
pi_108046623
daar hebben ze "this" voor uitgevonden.
zcflevo.nl
pi_108087256
Ik heb de volgende code in m'n site om portfolio items via Ajax te laden. In die items wil ik graag een slider, maar die moet ik dan pas initiaten nadat de content is geladen met Ajax. Ik heb al een hoop gekloot met event re-binding etc maar ik kom er niet uit. Iemand die kan helpen?

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		// FlexSlider <- dit moet geladen worden in de ajax content
$(window).load(function() {
    $('.flexslider').flexslider({
        animation: "slide"
    });
});

$(document).ready(function() {  
  
    // Check for hash value in URL  
    var hash = window.location.hash.substr(1);  
    var href = $('.menu li a').each(function(){  
        var href = $(this).attr('href');  
        if(hash==href.substr(0,href.length-5)){  
            var toLoad = hash+'.html #portfolio';  
            $('#portfolio').load(toLoad)  
        }  
    });  
  
    $('.menu li a').click(function(){  
  
    var toLoad = $(this).attr('href')+' #portfolio';  
    $('#portfolio').slideUp('fast',loadcontent);  
    $('#load').remove();  
    $('#wrapper').append('<span id="load">LOADING...</span>');  
    $('#load').fadeIn('normal');  
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);  
    function loadcontent() {  
        $('#portfolio').load(toLoad,'',showNewcontent())  
    }  
    function showNewcontent() {  
        $('#portfolio').slideDown('slow',hideLoader());  
    }  
    function hideLoader() {  
        $('#load').fadeOut('normal');  
    }  
    return false;  
  
    });  
});  


[ Bericht 49% gewijzigd door Neraice op 17-02-2012 17:42:20 ]
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  vrijdag 17 februari 2012 @ 17:38:23 #225
134533 donroyco
dus niet Donroyco
pi_108087306
Zet je code eens in codebrackets.
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_108087323
quote:
4s.gif Op zondag 8 januari 2012 00:25 schreef picodealion het volgende:
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 ([ afbeelding ]), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.

zcflevo.nl
pi_108087475
Sorry, fixed.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_108104189
Iemand? Volgens mij is het vrij simpel maar het lukt me maar niet ;(
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  vrijdag 17 februari 2012 @ 23:55:55 #229
137776 boem-dikkie
Jedi Mind Baby!
pi_108104333
Hoe bedoel je 'iniaten'? Je kunt het jQuery slider stuk toch sowieso inladen en de div die de boel laat sliden meesturen als container van de door AJAX ingeladen items?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_108104487
Je kunt toch gewoon na het succesvol voltooien van je Ajax-request die initialisatie van die flexslider aanroepen...?
Nee.
pi_108104646
Het probleem is dat de slider in de container niet werkt omdat die al geladen is voordat de container gebruikt wordt (die roep je immers pas later handmatig op).

Wat ik dus wil is de slider pas laden na de AJAX-load van de container, zoals PimD zegt. Dit lukt me echter niet ( ben niet zo'n jQuery held).
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_108104729
Je hebt toch gewoon een showContent-functie aangemaakt... die wordt neem ik aan aangeroepen zodra je AJAX-ding voltooid is...?
Nee.
pi_108104843
Ja, maar als ik daar de slider probeer te doen dan doet ie het niet meer, dus daar doe ik iets fout. Kan m'n code nu helaas niet posten want ik zit op mobiel.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  zaterdag 18 februari 2012 @ 00:11:09 #234
137776 boem-dikkie
Jedi Mind Baby!
pi_108104952
Kijk met Firebug (oid) wat er allemaal gebeurt als je Ajax wordt ingeladen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_108105060
Goed idee, zal ik morgen even doen. Alleen volgens mij is het heel simpel.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  zaterdag 18 februari 2012 @ 09:40:41 #236
87680 Mirel
Mirel wil een bongophone.
pi_108109538
quote:
0s.gif Op maandag 13 februari 2012 12:40 schreef Mirel het volgende:
Hoe kan ik de AddThis Like knop fixen zodat 'ie het ook in Firefox doet? Als je iets liket, dan zie je het tekstwolkje naast de like knop niet. Op het AddThis forum zeggen ze niks. Ik ben niet te spreken over hun behulpzaamheid. }:|
http://support.addthis.co(...)-it-right?new=176005

www.mirelmasic.nl random post

Code is gewoon:
[ code verwijderd ]

Even iets anders. Ik wil een custom scrollbalk, die de gewone vervangt van de browser. Ik weet dan niet of ik hier moet wezen:
http://jscrollpane.kelvinluck.com/

Heb de bestanden gedownload en in een map gezet, en dit geprobeerd in de head, maar het werkt niet:
[ code verwijderd ]

When all else fails, you always have delusion.
  zaterdag 18 februari 2012 @ 12:40:04 #237
284294 BBQSausage
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
pi_108112870
quote:
0s.gif Op zaterdag 18 februari 2012 09:40 schreef Mirel het volgende:

[..]

Met die like-buttons ben ik niet bekend, maar je scrollbalk zou met die header in feite gewoon moeten werken.

Zie hier een werkend voorbeeld

SPOILER: En de code
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.


[ Bericht 2% gewijzigd door BBQSausage op 18-02-2012 12:51:11 ]
  zaterdag 18 februari 2012 @ 14:03:17 #238
137776 boem-dikkie
Jedi Mind Baby!
pi_108115433
Je werkende voorbeeld faalt hier nogal.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  zaterdag 18 februari 2012 @ 14:04:52 #239
87680 Mirel
Mirel wil een bongophone.
pi_108115490
quote:
7s.gif Op zaterdag 18 februari 2012 12:40 schreef BBQSausage het volgende:

[..]

Met die like-buttons ben ik niet bekend, maar je scrollbalk zou met die header in feite gewoon moeten werken.

Zie hier een werkend voorbeeld

SPOILER: En de code
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.
ik zie witte leegte

edit: inmiddels doet 'ie het. Maar ik wil een script waarbij de gewone scrollbalk van de browser zelf vervangen wordt. Helemaal rechts. Niet binnen een div
When all else fails, you always have delusion.
  zaterdag 18 februari 2012 @ 14:18:25 #240
12221 Tijn
Powered by MS Paint
pi_108115848
Dan zet je het toch gewoon op het body-element ipv een div?
Verberg de nieuwsticker
pi_108116173
Custom scrollbalken. Ik snap echt niet dat mensen browser gedrag/controls gaan proberen te customizen. Custom scrollbalken, zelf een select-box maken met CSS, print-knoppen aanbieden op de website, previous/next knoppen... Zo moe word ik er van.
Nee.
  zaterdag 18 februari 2012 @ 14:50:06 #242
87680 Mirel
Mirel wil een bongophone.
pi_108116747
quote:
2s.gif Op zaterdag 18 februari 2012 14:18 schreef Tijn het volgende:
Dan zet je het toch gewoon op het body-element ipv een div?
oh ja, natuurlijk
When all else fails, you always have delusion.
  zaterdag 18 februari 2012 @ 14:51:26 #243
230788 n8n
Pragmatisch
pi_108116790
quote:
0s.gif Op zaterdag 18 februari 2012 14:29 schreef PimD het volgende:
Custom scrollbalken. Ik snap echt niet dat mensen browser gedrag/controls gaan proberen te customizen. Custom scrollbalken, zelf een select-box maken met CSS, print-knoppen aanbieden op de website, previous/next knoppen... Zo moe word ik er van.
“Specialization is for insects”.—Robert Heinlein
pi_108116873
quote:
0s.gif Op zaterdag 18 februari 2012 14:29 schreef PimD het volgende:
Custom scrollbalken. Ik snap echt niet dat mensen browser gedrag/controls gaan proberen te customizen. Custom scrollbalken, zelf een select-box maken met CSS, print-knoppen aanbieden op de website, previous/next knoppen... Zo moe word ik er van.
Hoog hobby gehalte wat mij betreft. Als ik dat op een website zie ga ik van :') naar :D naar :'( naar :( naar _O-
  zaterdag 18 februari 2012 @ 15:08:34 #245
87680 Mirel
Mirel wil een bongophone.
pi_108117262
Gewoon, omdat het kan.
When all else fails, you always have delusion.
  zaterdag 18 februari 2012 @ 15:26:43 #246
284294 BBQSausage
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
pi_108117764
quote:
10s.gif Op zaterdag 18 februari 2012 14:03 schreef boem-dikkie het volgende:
Je werkende voorbeeld faalt hier nogal.
:{ Vreemd, hier werkt ie prima in FF,Chrome & IE.
  zaterdag 18 februari 2012 @ 15:34:06 #247
56176 Catch22-
Ben je Blind?!
pi_108117949
quote:
0s.gif Op zaterdag 18 februari 2012 14:29 schreef PimD het volgende:
Custom scrollbalken. Ik snap echt niet dat mensen browser gedrag/controls gaan proberen te customizen. Custom scrollbalken, zelf een select-box maken met CSS, print-knoppen aanbieden op de website, previous/next knoppen... Zo moe word ik er van.
designers hebben er nogal een handje van. niet doen inderdaad. gewoon niet
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_108118243
Hoi!

Ik heb de volgende code: (code van de tekst op een footer)

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		<div class="layout-col-01">
<div class="block">
<div style="margin-top: 0px;">
<table style="height: 221px;" class="klantenservice" border="0">
<tbody>
<tr>
<td style="padding-left: 15px;" height="150" valign="top" width="25%" align="left">
  <strong><span style="color: #333333; font-size: 12px;">Website</span></strong>
<ul>
<p><li><a target="_self" href="http://www.site.nl">Bedrijfsinformatie</a></li></p>
<p><li><a target="_self" href="http://www.site.nl">Contact</a></li></p>
<p><li><a target="_self" href="http://www.site.nl"> Keurmerk</a></li></p>
<p><li><a target="_self" href="http://www.site.nl">Site</a></li></p>
</ul>
</td>
<td style="padding-left: 15px;" height="150" valign="top" width="25%" align="left">
<span style="color: #333333; font-size: 12px;"><strong>Bestellen</strong></span>
<ul>
  <p><li><a target="_self" href="http://www.site.nl">Een bestelling plaatsen</a></li></p>
<p><li><a target="_self" href="http://www.site.nl">Orderstatus volgen</a></li></p>
<p><li><a target="_self" href="http://www.site.nl">Bestelling annuleren</a></li></p>
</ul>
</td>
<td style="padding-left: 15px;" height="150" valign="top" width="25%" align="left">
<span style="color: #333333; font-size: 12px;"><strong>Betalen</strong></span>
<p><img src="www.afbeelding.nl" height="45" width="89" /></p>
</td>
  <td style="padding-left: 15px;" height="150" valign="top" width="25%" align="left">
<span style="color: #333333; font-size: 12px;"><strong>Keurmerk</strong></span>
<p><img src="www.afbeelding.nl" height="45" width="89" /></p>
</td>
<td style="padding-left: 15px;" height="150" valign="top" width="25%" align="left">
<span style="color: #333333; font-size: 12px;"><strong>Vind ons op</strong></span>
<img src="facebook.logo" height="32" width="32" /> facebook
<img src="twitter.logo" height="32" width="32" /> twitter
<img src="youtube.logo" height="32" width="32" /> hyves
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

Ik wil de links die onder de titels staan , zoals bestelling plaatsen, orderstatus volgen e.d. (zijn niet de werkelijke teksten) onder elkaar hebben, en niet naast elkaar.
Ik heb dit opgelost door de <p> tags er voor en achter te zetten. Echter maken deze een hoop witregels tussen deze teksten.

> Mijn vraag dus: Hoe kan ik deze links (woorden) onder elkaar zetten zonder de <p> tags en zonder dat er een hele witregel tussen komt.

> Hoe kan ik eventueel ervoor zorgen dat de titel ''Vind ons op'' ook op één regel komt te staan? Want deze tekst staat nu op twee regels.

BVD!
pi_108118938
Dat zouden ze al moeten hebben, <li> elementen zijn standaard blok-elementen die onder elkaar stapelen. Ik denk dat er ergens een css regel is die dat verneukt.

Verder is je HTML echt verschrikkelijk, sorry. Elementen op plaatsen waar ze niet mogen (een <p> om een <li> heen), inline styles, tabellen voor de layout, elementen die gebruikt worden puur voor layout in plaats van om hun semantische waarde. Volg eens een paar tutorials (semantische) html en css.
pi_108119350
Ik heb er zelf ook helemaal geen verstand van. Maarja, als de <li> en <p> tags het voor elkaar krijgen, waarom zou ik het dan eigenlijk de moeilijke weg doen?
Maar bedankt voor de tip, zal eens wat tutorials gaan bekijken.

En het zal dan inderdaad wel aan de css files ergens liggen. Want op een gewone tekstpagina werkt het wel zonder de P tags..

Met inline styles, bedoel je dat ik de style codes in de css moet plaatsen en niet de html file?
pi_108119384
quote:
0s.gif Op zaterdag 18 februari 2012 15:08 schreef Mirel het volgende:
Gewoon, omdat het kan.
Nee. Gewoon niet doen. Nooit.
pi_108119770
Is deze code dan ook zeer slecht?

1
2		  <a href="http://www.keurmerk.info" target="_blank" ><img src="{{ 'webshopkeurmerk-logo.png' }}"
style="float:left; margin:-6px 9px; cursor:pointer; cursor:hand; border:0" width="149" height="55"  alt="Webshop Keurmerk Certificaat"  /></a>

aangezien ik de styles e.d. in html code heb geplakt. En hoe is dit eventueel te verbeteren?
  zaterdag 18 februari 2012 @ 16:38:03 #253
134533 donroyco
dus niet Donroyco
pi_108119825
quote:
0s.gif Op zaterdag 18 februari 2012 16:35 schreef Snoepje5 het volgende:
Is deze code dan ook zeer slecht?
[ code verwijderd ]

aangezien ik de styles e.d. in html code heb geplakt. En hoe is dit eventueel te verbeteren?
Ja. Volg eens een tutorial over hoe het wél moet.
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_108119849
Niet 'zeer slecht', maar het is beter om styles inderdaad in een css bestand te zetten.

Geef de img een class of id (een id alleen als hij uniek is op die pagina, een class als 'ie vaker voorkomt). Als je bijvoorbeeld class="keurmerk" in de img tag zet, kan je de css zo doen:

1
2
3
4
5
6
7		.keurmerk {
float:left; 
margin:-6px 9px; 
cursor:pointer; 
cursor:hand; 
border:0
}

Wat zijn die {{ }} om de src van je plaatje? Gebruik je Smarty oid?
  zaterdag 18 februari 2012 @ 16:40:22 #255
56176 Catch22-
Ben je Blind?!
pi_108119900
margin top en bottom beide negatief? Lijkt me niet handig
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_108119918
quote:
11s.gif Op zaterdag 18 februari 2012 16:40 schreef Catch22- het volgende:
margin top en bottom beide negatief? Lijkt me niet handig
Ligt er maar net aan, maar in dit geval is het wat raar.
pi_108120173
{{ .. }} is omdat 'ie vanuit de assets files van onze website de afbeeldingen haalt (geloof ik).
Echter is die in deze tekst nutteloos. Ik had de link ff ingekort, maar normaliter is ie www.blablabla.nl/kuermerklogo.jpg (dan heeft {{}} dus geen enig nut)
Maar met de {{ }} tags kan ik bijv. keurmerk.jpg opgeven als deze afbeelding in de assets file staat. Ik heb het niet uitgevonden..

Ik ga iig zorgen dat er meer in de css komt i.p.v. alles in html te proppen. Die tabel gaat ook weg, moet alleen nog een manier uitzoeken om in de css een code te plaatsen zodat de blokken tekst naast elkaar staan ipv onder elkaar.

Met dat negatief, heb ook maar wat nummers ingepropt en uiteindelijk kwam die op de goede plek op de website te staan.. Vandaar dat 't wss beide negatief zal zijn.
pi_108120209
Om blokken naast elkaar te krijgen gebruik je display: inline of display: inline-block (zoek ze op en piel er wat mee in www.jsfiddle.net)

En op zich is dat negatief niet verkeerd, gewoon wat verrassend. Als het werkt, prima. Beter dat je met css pielt om het te krijgen hoe je wil dan dat je er elementen omheen gaat zetten die ook dat effect creëren.

Net als je <li>'s, door er een <p> omheen te zetten zet je er in feite gewoon een extra element omheen dat als oorspronkelijke waarde display: block heeft. In plaats daarvan kan je dus ook met css gewoon display: block op de li's zetten, krijg je het zelfde effect maar dan zonder extra <p>./
  zaterdag 18 februari 2012 @ 16:55:38 #259
56176 Catch22-
Ben je Blind?!
pi_108120370
quote:
14s.gif Op zaterdag 18 februari 2012 16:41 schreef picodealion het volgende:

[..]

Ligt er maar net aan, maar in dit geval is het wat raar.
ik heb dat volgens mij nog nooit gedaan.
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_108120423
Ik wel. Mooi voorbeeldje waar ik het gebruik:

SPOILER: NSFW
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.
De blokken daar hebben allemaal een padding van 5px, maar de eerste h1 is altijd een balk die de volle breedte nodig heeft (tot aan de border dus, niet de padding) dus geef ik die altijd standaard een -5px margin om dat weer recht te trekken.
pi_108120522
Dat ging makkelijk. Heb echter wel één class moeten verwijderen uit de html files omdat deze iets raars deed met de footer tekst (oude footer layout).

Nu staat het dus mooi.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		<div class="footercol"><b>SERVICE</b>
<ul>
<li><a href="link1"> Ons </a></li>
<li><a href="link1"> Voorwaarden </a></li>
<li><a href="link1"> Nog iets </a></li>
<li><a href="link1"> En iets </a></li>
<li><a href="link1"> Kopen </a></li>
</ul>
</div>
<div class="footercol"><b>POPULAIR</b>
<ul>
<li><a href="link1"> Tekst </a></li>
<li><a href="link1"> Iets </a></li>
<li><a href="link1"> Dat </a></li>
<li><a href="link1"> Dit </a></li>
</ul>
</div>

Bij css heb ik nu:

1
2
3
4		.footercol {
  background: url(col02.png) no-repeat;
  display: inline-block;
}

Hier is niets mis mee toch?

Nog wat optimaliseren met afbeeldingen die in de footer moeten en wat afstand creeren tussen de blokken.. Moet ik er wel komen. En dan nog wat tutorials bekijken om alle teksten te verbeteren.
  zaterdag 18 februari 2012 @ 17:03:11 #262
56176 Catch22-
Ben je Blind?!
pi_108120590
jawel. Waarom gebruik je een div als je hem niet als blockelement gebruikt?

En waarom positioneer je je achtergrondafbeelding niet?
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_108120603
Stukken beter dit.

Als ik echt wil mierenneuken: de <b> tag is tegenwoordig wat achterhaald. Je kan beter <strong> gebruiken. Daarnaast is het wat overbodig om álle <li>'s in een lijst dezelfde class te geven. In plaats daarvan kan je de <ul> gewoon die class geven en dan in plaats van

1
2
3		.link1 {
   styles
}

gewoon
1
2
3		.link1 li {
  styles
}

doen. Op die manier hoef je de class maar 1 keer te zetten, en selecteer je nog steeds alle li's.

Verder ziet dit er echt al vele malen beter uit! ^O^.
pi_108120624
quote:
11s.gif Op zaterdag 18 februari 2012 17:03 schreef Catch22- het volgende:
jawel. Waarom gebruik je een div als je hem niet als blockelement gebruikt?

En waarom positioneer je je achtergrondafbeelding niet?
Hij moet toch iets hebben om de lijsten + titel te wrappen? Div is daar een prima element voor in dit geval, imo.
pi_108120705
quote:
11s.gif Op zaterdag 18 februari 2012 17:03 schreef Catch22- het volgende:
jawel. Waarom gebruik je een div als je hem niet als blockelement gebruikt?

En waarom positioneer je je achtergrondafbeelding niet?
Ja heb je gelijk in.
Moet
1  background-position:0 18px;
nog toevoegen. Stond er bij de oude css wel bij.
Geen idee wat een blockelement is. Het moet wel als blokken naast elkaar worden weergegeven.

@picodealion, had inderdaad ook de strong tag zien langskomen. Ben wat gewend met de b tag maar kan het ook omruilen als dat beter is.

Zal dat met die li's verbeteren. Bedankt voor de tip :)
pi_108120813
Een block element is een element dat standaard display: block heeft, en dus onder elkaar stapelt. Voorbeelden: <ul>, <div>, <p>.
Een inline-element is een element dat standaard in lijn met de tekst blijft, zoals <strong>, <span> en <a>.

Door met css de display waarde op wat anders te zetten kan je een block-element zoals div bijvoorbeeld toch gewoon inline maken (display: inline) of juist een <strong> element laten stapelen door hem display:block te maken.

Een inline-block is een speciale vorm die pas later is ingevoerd. Het is een block element in die zin dat je hem hoogte, breedte, margin en padding kan geven, maar ze lijnen wel naast elkaar uit in plaats van onder elkaar.

IE6 en lager hebben daar moeite mee, maar tegenwoordig kan je dat vrij veilig gebruiken.
  zaterdag 18 februari 2012 @ 17:12:48 #267
56176 Catch22-
Ben je Blind?!
pi_108120817
quote:
0s.gif Op zaterdag 18 februari 2012 17:07 schreef Snoepje5 het volgende:

Geen idee wat een blockelement is. Het moet wel als blokken naast elkaar worden weergegeven.
ga dan alsjeblieft wat HTML en css tutorials doorlezen, want het is niet de bedoeling dat je hier wat post en wij maar uit gaan zoeken hoe jij het moet 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?
pi_108122722
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		$(document).ready(function() {  
  
    // Check for hash value in URL  
    var hash = window.location.hash.substr(1);  
    var href = $('.menu li a').each(function(){  
        var href = $(this).attr('href');  
        if(hash==href.substr(0,href.length-5)){  
            var toLoad = hash+'.html #portfolio';  
            $('#portfolio').load(toLoad)  
        }  
    });  
  
    $('.menu li a').click(function(){  
  
    var toLoad = $(this).attr('href')+' #portfolio';  
    $('#portfolio').slideUp('fast',loadcontent);  

    $('#load').remove();  
    $('#wrapper').append('<span id="load">LOADING...</span>');  
    $('#load').fadeIn('normal');  
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
    $('.flexslider').flexslider({
        animation: "slide"
    });
    function loadcontent() {  
        $('#portfolio').load(toLoad,'',showNewcontent())  
    }  
    function showNewcontent() {  
        $('#portfolio').slideDown('slow',hideLoader()); 
    }  
    function hideLoader() {  
        $('#load').fadeOut('normal');  
    }  
    return false;  
  
    });  
});  

Waarom werkt die Flexslider niet? :'(
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
  zaterdag 18 februari 2012 @ 18:29:06 #269
284294 BBQSausage
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
pi_108122781
quote:
0s.gif Op zaterdag 18 februari 2012 18:27 schreef Neraice het volgende:

[ code verwijderd ]

Waarom werkt die Flexslider niet? :'(
Zou handig zijn als je er ook even een stukje HTML bij post, of desnoods een linkje naar de niet werkende pagina.
pi_108123826
quote:
14s.gif Op zaterdag 18 februari 2012 17:03 schreef picodealion het volgende:
Stukken beter dit.

Als ik echt wil mierenneuken: de <b> tag is tegenwoordig wat achterhaald. Je kan beter <strong> gebruiken. Daarnaast is het wat overbodig om álle <li>'s in een lijst dezelfde class te geven. In plaats daarvan kan je de <ul> gewoon die class geven en dan in plaats van
[ code verwijderd ]

gewoon
[ code verwijderd ]

doen. Op die manier hoef je de class maar 1 keer te zetten, en selecteer je nog steeds alle li's.

Verder ziet dit er echt al vele malen beter uit! ^O^.
Link1 zijn in de werkelijkheid natuurlijk niet identieke links. Dan zou ik voor 20 links aparte regels in het css bestand moeten maken. Is dat niet erg omslachtig?
pi_108123964
Je kunt toch stylen op de classname van je UL ofzo. Lees eens een keer een boek ofzo voor je ergens mee begint :')
Nee.
  zaterdag 18 februari 2012 @ 19:13:26 #272
56176 Catch22-
Ben je Blind?!
pi_108124305
quote:
0s.gif Op zaterdag 18 februari 2012 19:03 schreef PimD het volgende:
Je kunt toch stylen op de classname van je UL ofzo. Lees eens een keer een boek ofzo voor je ergens mee begint :')
ja tis de laatste tijd wel erg...
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_108124381
Nu we het toch over boeken hebben - iemand SMACSS van Jonathan Snook gelezen? Hoewel er veel dingen in staan die ik al standaard probeer te doen, weet hij het allemaal op een erg goede manier te brengen. Toch wel weer wat dingetjes opgepikt die ik in de toekomst zeker ga gebruiken.
Nee.
pi_108124628
Nee, maar hij heeft altijd wel heel zinnige dingen te zeggen. Ik ga die eens bestellen.

Ik heb wel kort geleden de eerste 4 boeken van A Book Apart gelezen, vooral Responsive Web Design (Ethan Marcotte) was erg interessant.
pi_108124818
Ik heb HTML5 en RWD van A Book Apart hier liggen, de anderen heb ik alleen op PDF en (nog) niet gelezen. Zeker leuke boekjes, hoewel ik ze wel erg aan de prijs vind. Ik geloof dat je incl. porto iets van 25 euro per stuk kwijt bent :')
Nee.
pi_108124867
Idd, beetje jammer maar ik kan mijn baas meestal wel zover krijgen ze te betalen. Die over content strategy van Erin Kissane vond ik niet de moeite waard eigenlijk. Ik ben wel benieuwd naar Mobile First, aangezien ik daar steeds meer mee te maken krijg tegenwoordig.
pi_108124961
Wij hebben ze ook op het netwerk staan, ik vertik het om zelf te betalen voor PDF-jes ;)

Mobile First heb ik nog niet gelezen. Merk wel dat het voor veel 'creatieve' mensen nog lastig is om vanuit deze insteek te werken, en niet meer totale controle te hebben over een ontwerp. Helemaal in combinatie met de responsive/adaptive hype nu natuurlijk.
Nee.
pi_108126779
Ik heb het e.e.a. gelezen en zo tot een goed resultaat gekomen geloof ik. Nu zit ik echter nog met een vraag waar ik het antwoord niet op kan vinden. Weet eigenlijk ook niet zo goed waar ik op zou moeten googlen. Iets met ''display text in blocks css code'' oid maar geen resultaat.

Ik heb nu dus 4 ''blokken'' tekst naast elkaar staan. Onder het ene blok zit 1 regel minder tekst als onder het andere. Ik wil de blokken natuurlijk allemaal vanaf boven gelineerd hebben en niet vanaf onder. Het ene blok begint daarom ook 1 regel lager als het andere. Ik wil deze witregel graag onder het blok hebben en niet er boven.

Zou iemand zo vriendelijk willen zijn om mij deze code te geven of mij de juiste term te geven waarop ik het antwoord kan zoeken?

Margin-top e.d. werken niet. De witregel schuift gewoon mee. Height: of min-height werkt ook niet.

Heb o.a. deze voorbeeldcode gevonden:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21		<style>
    ul#display-inline-block-example,
    ul#display-inline-block-example li {
        /* Setting a common base */
        margin: 0;
        padding: 0;
    }

    ul#display-inline-block-example li {
        display: inline-block;
        width: 100px;
        min-height: 100px;
        background: #ccc;
    }
</style>

<ul id="display-inline-block-example">
    <li>Item one</li>
    <li>Item two</li>
    <li>Item three</li>
</ul>

maar die geeft ook hetzelfde probleem. Wil ik onder het ene blok 2 regels hebben dan verschuift de bovenkant.
pi_108127026
Dat is volgens mij een bij-effect van display:inline-block.

Probeer ze eens op display:block en float:left ?

-edit-
ff uit mijn hoofd, dus het kan zijn dat ik 't mis heb. later wel ff tijd om te pielen
  zaterdag 18 februari 2012 @ 21:00:16 #280
87680 Mirel
Mirel wil een bongophone.
pi_108128094
quote:
2s.gif Op zaterdag 18 februari 2012 14:18 schreef Tijn het volgende:
Dan zet je het toch gewoon op het body-element ipv een div?
Ik neem aan dat je dit bedoelt:
1
2
3
4
5
6
7
8
9		    <script type="text/javascript" data-src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" style="visibility:hidden;"></script>
    <script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js"></script>
    <script>
    $(function()
    {
        $('body').jScrollPane();
    });
    </script>
Hij is nu foetsie. Het is weg. En nu? :P

Waarom is het in je voorbeeld trouwens blauw? Waar komen die eigenschappen vandaan? jquery.jscrollpane.min.js?

Fuck it, ik neem de gelijknamige wordpress plugin wel. :')

[ Bericht 12% gewijzigd door Mirel op 18-02-2012 21:09:11 ]
When all else fails, you always have delusion.
  zaterdag 18 februari 2012 @ 22:42:43 #281
56176 Catch22-
Ben je Blind?!
pi_108131938
quote:
0s.gif Op zaterdag 18 februari 2012 19:33 schreef PimD het volgende:
Wij hebben ze ook op het netwerk staan, ik vertik het om zelf te betalen voor PDF-jes ;)

Mobile First heb ik nog niet gelezen. Merk wel dat het voor veel 'creatieve' mensen nog lastig is om vanuit deze insteek te werken, en niet meer totale controle te hebben over een ontwerp. Helemaal in combinatie met de responsive/adaptive hype nu natuurlijk.
creatievelingen zijn wel vrij stug. helaas... ze denken echt vanuit een statische situatie, erg zonde. heb t sowieso niet op grafici aangezien ik in mijn rol als interaction designer vaak wordt tegengewerkt omdat designers iets onlogisch ontwerpen 'omdat het mooier is' maar wel onbruikbaar of onlogisch.

ik lees veel op smashingmag en.met name van hun network. daarnaast volg ik een aantal frontenddevs op twitter (waaronder @paul_irish ) en lees ik veel van hun css en javascript artikelen.
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_108132709
Display: block - Zorgt ervoor dat de tekst half onder elkaar komt te staan en niet naast elkaar.
Echter met float:left; is dat opgelost en werkt het wel! Thanks.

Alleen de copyright tekst wordt naar rechts gepropt. Valt vast wel te fixen.
/ opgelost met een aantal <br>'s maar ik kan er volgens mij al van uit gaan dat dit niet de juiste manier is :) (terwijl het wel werkt)

[ Bericht 15% gewijzigd door Snoepje5 op 18-02-2012 23:27:19 ]
  zondag 19 februari 2012 @ 23:50:04 #283
56176 Catch22-
Ben je Blind?!
pi_108172049
als je jezelf een hoop moeite wil besparen moet je even wat tutorials.lezen over wat block elementen zijn en doen.

blockelementen breng je in een flow en daarmee regel je de positionering (heel basis gezegd)
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_108173454
Als ik een containerdiv heb met drie left-floatende divs erin, hoe zorg ik er ookalweer voor dat de containerdiv meeschaalt? Was dat niet iets als.. float:none? Ik ben het vergeten :')
  maandag 20 februari 2012 @ 01:12:07 #285
56176 Catch22-
Ben je Blind?!
pi_108174484
de container moet ook floaten anders schaalt hij niet. als de container margin auto heeft moet je die drie divs een rappers geven met een float left
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?
  maandag 20 februari 2012 @ 01:13:06 #286
56176 Catch22-
Ben je Blind?!
pi_108174501
een wrappers dus. editten met de normale layout op je telefoon werkt niet.
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_108175339
Je bedoelt overflow:hidden
zcflevo.nl
  maandag 20 februari 2012 @ 08:09:57 #288
56176 Catch22-
Ben je Blind?!
pi_108176636
dan schaalt hij toch juist niet mee? je conten blijft alleen wel zichtbaar
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?
  maandag 20 februari 2012 @ 08:18:50 #289
91039 mstx
2x1/2 = 1/2 x 1/2
pi_108176705
In de hoogte meeschalen: container ook floaten of na de 3 binnenste divs een <br style="clear:both" />
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_108176740
Dank, vanavond proberen. :D ik wist het gewoon niet meer.
pi_108177932
overflow:hidden werkt, top :D
  maandag 20 februari 2012 @ 09:55:33 #292
56176 Catch22-
Ben je Blind?!
pi_108177957
dan schaalt hij niet mee he. Dat kan problemen opleveren in je flow, of als je container een achtergrond heeft.
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_108178659
quote:
11s.gif Op maandag 20 februari 2012 09:55 schreef Catch22- het volgende:
dan schaalt hij niet mee he. Dat kan problemen opleveren in je flow, of als je container een achtergrond heeft.
Juist wel.
zcflevo.nl
pi_108179373
quote:
11s.gif Op maandag 20 februari 2012 09:55 schreef Catch22- het volgende:
dan schaalt hij niet mee he. Dat kan problemen opleveren in je flow, of als je container een achtergrond heeft.
Mijn container heeft een achtergrond, en de div schaalt nu wel goed mee. :o en de drie floatende divs zijn ook nog op zn plek. Als ik weer ergens ben met usbverbinding zal ik de code even posten met een shotje
pi_108185185
quote:
5s.gif Op maandag 20 februari 2012 13:56 schreef karton2 het volgende:

[..]

Ik ben de weg kwijt vandaar dat ik nogal traag van begrip ben :')
Als ik de complete link van de afbeelding aan moet geven dan krijg je D:\werk\wamp\www\joomla\templates\testtemplate\images\favo.jpg

En die link komt inderdaad niet overeen met de eigenschappen van de afbeelding in de browser.
quote:
11s.gif Op maandag 20 februari 2012 13:57 schreef Catch22- het volgende:
en als je /images/favo.jpg van je link maakt?

en dit is trouwens meer iets voor [html, css, js] voor dummies #21 ;) of eigenlijk [Wordpress] Algemeen topic deel 4
Op aangeven van Catch22- held in wording ga ik in dit topic maar verder.
Ik heb zelf al zitten sleutelen aan die /images map in die html link maar het probleem blijft bestaan.
  maandag 20 februari 2012 @ 14:03:46 #296
56176 Catch22-
Ben je Blind?!
pi_108185246
Heb je geen andere afbeeldingen in die pagina die naar dezelfde map verwijzen?

als je er nu /template/testtemplate/images/favo.jpg van maakt?
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_108185960
quote:
11s.gif Op maandag 20 februari 2012 14:03 schreef Catch22- het volgende:
Heb je geen andere afbeeldingen in die pagina die naar dezelfde map verwijzen?

als je er nu /template/testtemplate/images/favo.jpg van maakt?
Ik heb geen andere afbeeldingen die naar de image map verwijzen.
Ik gebruik nu gewoon een localhost template als speeltuin om dingen uit te proberen.
Als ik jouw link /template/testtemplate/images/favo.jpg gebruik dan doet deze het niet.
De volgende twee doen het ook niet:
D:/Werk/wamp/www/joomla/templates/testtemplate/images/favo.jpg
img src="file:///D|/Werk/wamp/www/joomla/templates/testtemplate/images/favo.jpg

Bij de tweede link verandert de afbeelding van het plaatje zoals hieronder te zien is:

Het gaat dus om de rechter afbeelding.
Bij de eigenschappen bij de rechter krijg ik 'niet beschikbaar'.

edit:
Maar als ik het online ipv localhost zou zetten en ik verwijs naar /images/favo/jpg dan zou ie het moeten doen toch?
pi_108192025
Waarom maak je je paden niet gewoon absoluut t.o.v. je webroot?
zcflevo.nl
pi_108193076
quote:
5s.gif Op maandag 20 februari 2012 16:55 schreef KomtTijd... het volgende:
Waarom maak je je paden niet gewoon absoluut t.o.v. je webroot?
Als je img src="http://localhost/joomla/images/favo.jpg bedoelt; levert ook niks op.
Heb vanalles geprobeerd om de afbeelding zichtbaar te krijgen maar niks lijkt te werken.
  maandag 20 februari 2012 @ 17:22:03 #300
56176 Catch22-
Ben je Blind?!
pi_108193247
Heb je een base href gedefinieerd?
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_108193296
quote:
0s.gif Op maandag 20 februari 2012 17:18 schreef karton2 het volgende:

[..]

Als je img src="http://localhost/joomla/images/favo.jpg bedoelt; levert ook niks op.
Heb vanalles geprobeerd om de afbeelding zichtbaar te krijgen maar niks lijkt te werken.
...maar daar staan ze ook niet.
zcflevo.nl
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] voor dummies #21
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')