abonnement Unibet Coolblue Bitvavo
pi_108908985
* Scorpie mompelt iets over semantiek
  vrijdag 9 maart 2012 @ 16:45:18 #202
56176 Catch22-
Ben je Blind?!
pi_108909526
* Catch22- mompelt iets over n00bs die dat niet snappen en "gewoon willen dat het werkt"
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_108910084
quote:
11s.gif Op vrijdag 9 maart 2012 16:45 schreef Catch22- het volgende:
* Catch22- mompelt iets over n00bs die dat niet snappen en "gewoon willen dat het werkt"
Denigreren doe je maar met je vriendin. :{ Ik zie toch dat het werkt, lokaal? Ik zie toch dat het niet meer werkt als ik het op de server heb gezet en dat dan de hoogte verdwijnt? Doe normaal man.
quote:
0s.gif Op vrijdag 9 maart 2012 16:28 schreef Scorpie het volgende:
* Scorpie mompelt iets over semantiek
Ga ik me even over inlezen, heb er nog nooit van gehoord.
  vrijdag 9 maart 2012 @ 17:02:25 #204
56176 Catch22-
Ben je Blind?!
pi_108910147
quote:
0s.gif Op vrijdag 9 maart 2012 17:00 schreef RenRen- het volgende:

[..]

Denigreren doe je maar met je vriendin. :{ Ik zie toch dat het werkt, lokaal? Ik zie toch dat het niet meer werkt als ik het op de server heb gezet en dat dan de hoogte verdwijnt? Doe normaal man.

[..]

Ga ik me even over inlezen, heb er nog nooit van gehoord.
Eerst heel tof bijdehand doen en dan vervolgens mijn punt maken. Heerlijk hoor mop :)
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_108910218
http://www.w3schools.com/tags/tag_textarea.asp

Ik zie nergens 'height' staan?
pi_108910256
quote:
7s.gif Op vrijdag 9 maart 2012 17:04 schreef Tegan het volgende:
http://www.w3schools.com/tags/tag_textarea.asp

Ik zie nergens 'height' staan?
Kan wel, maar ik snap gewoon niet waarom het lokaal wel werkt, best goed eigenlijk :o
quote:
11s.gif Op vrijdag 9 maart 2012 17:02 schreef Catch22- het volgende:

[..]

Eerst heel tof bijdehand doen en dan vervolgens mijn punt maken. Heerlijk hoor mop :)
Rot toch op :') Ik doe niet tof, ik doe niet bijdehand, ik leg uit wat ik zie en waarom ik het niet snap. Nogmaals, doe lekker denigrerend tegen je vriendin, ik ben daar echt niet van gediend.
  vrijdag 9 maart 2012 @ 17:05:35 #207
56176 Catch22-
Ben je Blind?!
pi_108910271
:*

En mijn vriendin is wel 1 van de laatsten waartegen ik denigrerend doe, want zij verdient respect.
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_108910302
Maar het is toch niet relevant dat het lokaal vreemd doet? Want het hoort gewoon met cols en rows en dan doet het wat je wilt.
pi_108910389
Ik heb het nu wel werkend gekregen, dus het is echt niet nodig met cols en rows...
pi_108915647
Voor textarea moet je cols en rows gebruiken, hoewel ik het lever ook heb op de manier van height.
  vrijdag 9 maart 2012 @ 19:54:20 #211
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_108915727
quote:
0s.gif Op vrijdag 9 maart 2012 19:52 schreef Niekess het volgende:
Voor textarea moet je cols en rows gebruiken, hoewel ik het lever ook heb op de manier van height.
Je textarea via css stylen is sowieso netter. :)
  vrijdag 9 maart 2012 @ 19:55:17 #212
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_108915763
quote:
14s.gif Op vrijdag 9 maart 2012 15:07 schreef picodealion het volgende:

[..]

Meerdere classes in hetzelfde attribuut zetten, en scheiden met spaties. <p class="class1 class2 class3">
Dit werkt trouwens niet in IE 7 en lager, die kunnen meerdere classes niet handelen, en pakken dus alleen de laatst gedefinieerde class (in dit geval class3).
pi_108915812
quote:
7s.gif Op vrijdag 9 maart 2012 19:54 schreef BBQSausage het volgende:

[..]

Je textarea via css stylen is sowieso netter. :)
Dat zeker :)
pi_108915830
quote:
0s.gif Op vrijdag 9 maart 2012 17:09 schreef RenRen- het volgende:
Ik heb het nu wel werkend gekregen, dus het is echt niet nodig met cols en rows...
:(
pi_108918395
quote:
13s.gif Op vrijdag 9 maart 2012 19:55 schreef BBQSausage het volgende:

[..]

Dit werkt trouwens niet in IE 7 en lager, die kunnen meerdere classes niet handelen, en pakken dus alleen de laatst gedefinieerde class (in dit geval class3).
In IE7 werkt dat prima hoor. IE7 gaat vrij redelijk met de standaarden om, afgezien van wat vage quirks m.b.t. z-indexen enzo. Het blijft een oude kutbrowser, daar niet van :D
Nee.
  vrijdag 9 maart 2012 @ 20:57:42 #216
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_108919238
quote:
0s.gif Op vrijdag 9 maart 2012 20:43 schreef PimD het volgende:

[..]

In IE7 werkt dat prima hoor. IE7 gaat vrij redelijk met de standaarden om, afgezien van wat vage quirks m.b.t. z-indexen enzo. Het blijft een oude kutbrowser, daar niet van :D
Oh, IE7 wel? :P Ik had laatst nog flinke ruzie met IE vanwege die multiple classes. Vooral ook in combinatie met jQuery, wat kan ik me dan ergeren aan die kutbrowser. ;(
pi_108919663
IE7 en IE8 zijn echt irritante browsers met HTML/CSS.
Heb ook gewoon simpel de support voor die 2 afgeschaft op de sites die ik gemaakt heb. :P
De site werkt wel maar is dan niet echt super mooi, denk binnenkort om het helemaal te blokkeren en een update linkje te plaatsen dan. :)
pi_108920535
IE8 niet meer supporten :D _O-

IE8 is een prima browser. Zelfs ondersteuning voor box-sizing, display:table; etc etc. Tuurlijk, nog geen CSS3 dingen, maar als je het in IE8 niet werkend krijgt ben je toch wel heeeeele gekke dingen aan het doen.
Nee.
  vrijdag 9 maart 2012 @ 21:33:21 #219
134533 donroyco
dus niet Donroyco
pi_108920889
quote:
0s.gif Op vrijdag 9 maart 2012 21:25 schreef PimD het volgende:
IE8 niet meer supporten :D _O-

IE8 is een prima browser. Zelfs ondersteuning voor box-sizing, display:table; etc etc. Tuurlijk, nog geen CSS3 dingen, maar als je het in IE8 niet werkend krijgt ben je toch wel heeeeele gekke dingen aan het doen.
Of pruts je te veel.
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_108921073
Gekke dingen doen, prutsen, aanklooien... Potato potatoe :D
Nee.
pi_108921294
Mwah, ik "ondersteun" IE8 ook alleen nog maar functioneel hoor. IE7 helemaal niet meer.
pi_108921382
De klanten waar ik voor werk hebben jammer genoeg nog geen meerderheid aan bezoekers die IE9, FF of Chrome gebruiken. Moet wel zeggen dat IE8 ook wel redelijke de baseline aan het worden is. IE7 moet het er niet gebroken uitzien, IE6 moet het functioneel nog enigszins bruikbaar zijn.

Gelukkig wel altijd met progressive enhancement in het achterhoofd. We gaan dus geen mediaqueries proberen aan de praat te krijgen in IE8, geen ronde hoekjes in IE7, geen dropshadows maken met PNG's etc etc. Die tijd ligt gelukkig (hopelijk) voor de meeste front-enders achter ons.
Nee.
pi_108921524
Ja ik beheer maar 1 website, van mijn eigen club, dus ik heb makkelijk praten :P

IE8 mist voornamelijk de ronde hoeken en rgba enzo, IE7 komt er nog wel doorheen maar daar is ook alles mee gezegd.
pi_108965968
een vraagje..
als ik in javascript een slideshow heb,
kan ik dan mbv php de array op bouwen om de foto's te laten zien?

js-code
1
2
3
4
5
var photos=new Array();
//Specify images, optional link, optional target:
photos[0]=['files/photo01.jpg']
photos[1]=['files/photo02.jpg']
etc

mag ik dat dan in javascript iets van maken...of is dat niet door elkaar te gebruiken?
1
2
3
4
var photos=new Array();
<?php
echo "photos[".$i."]=['files/".$menudata["naam"].".jpg'] ";
?>
pi_108966191
Volgens mij zou dat gewoon moeten werken. Mooier zou natuurlijk zijn om het gewoon op basis van je DOM te doen, aangezien je IMO ook een scenario moet aanbieden voor de gebruiker zonder JS.

Daarnaast denk ik dat de onderhoudbaarheid/leesbaarheid van JS die door PHP wordt gegenereerd niet echt optimaal is. Ik zou gewoon gaan voor een <ul> met <li>'s voor ieder item en dit in JS inlezen.
Nee.
  zondag 11 maart 2012 @ 13:27:59 #226
137776 boem-dikkie
Jedi Mind Baby!
pi_108966297
quote:
6s.gif Op vrijdag 9 maart 2012 21:43 schreef PimD het volgende:
De klanten waar ik voor werk hebben jammer genoeg nog geen meerderheid aan bezoekers die IE9, FF of Chrome gebruiken. Moet wel zeggen dat IE8 ook wel redelijke de baseline aan het worden is. IE7 moet het er niet gebroken uitzien, IE6 moet het functioneel nog enigszins bruikbaar zijn.

Gelukkig wel altijd met progressive enhancement in het achterhoofd. We gaan dus geen mediaqueries proberen aan de praat te krijgen in IE8, geen ronde hoekjes in IE7, geen dropshadows maken met PNG's etc etc. Die tijd ligt gelukkig (hopelijk) voor de meeste front-enders achter ons.
Mooi ook dat ik even een website bekijk in IE en het er prima uit ziet, eigenlijk helemaal goed, en dan klik je op dat 'compatibility-view'-knopje in de adresbalk en dan is alles naar de tering. _O-
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_108966471
Compatibility view is volgens mij gemaakt om oudere sites alsnog te kunnen bekijken in IE8. Nieuwe sites ga ik daar dus niet in testen.
Nee.
pi_108966997
quote:
0s.gif Op zondag 11 maart 2012 13:25 schreef PimD het volgende:
Volgens mij zou dat gewoon moeten werken. Mooier zou natuurlijk zijn om het gewoon op basis van je DOM te doen, aangezien je IMO ook een scenario moet aanbieden voor de gebruiker zonder JS.

Daarnaast denk ik dat de onderhoudbaarheid/leesbaarheid van JS die door PHP wordt gegenereerd niet echt optimaal is. Ik zou gewoon gaan voor een <ul> met <li>'s voor ieder item en dit in JS inlezen.
leesbaarheid gaat aan de haal doordat php alles achter elkaar pleurt
maar dat mag toch geen reden zijn dat het niet werkt...toch?
code ziet er prima uit nu..maar toch werkt het niet

output zou moeten zijn
1
2
photos[0]=['files/photo01.jpg']
photos[1]=['files/photo02.jpg']
maar is
1photos[0]=['files/photo01.jpg']photos[1]=['files/photo02.jpg']

lijkt me geen probleem...in broncode lijkt het goed te zijn maar geen output op het scherm
php probleem of toch js?
of vergeet ik iets?
pi_108967246
Zet er dan ook een ; achter...

1photos[0]=['files/photo01.jpg'];photos[1]=['files/photo02.jpg'];

Oh, en je maakt nu ook een array in een array.

1photos[0] = 'files/photo1.jpg';
Nee.
pi_108967522
ah...die ; deed de truc..
ik heb nagemaakt wat al werkte en dat zag er zo uit
1
2
photos[0]=['files/photo01.jpg']
photos[1]=['files/photo02.jpg']

ik zal je tips verwerken...thanx!
pi_108967699
Dit klopt dus nog niet, want nu heb je een array in een array. Dan moet je 'm dadelijk gaan aanspreken met photos[0][0].
Nee.
  zondag 11 maart 2012 @ 14:14:28 #232
137776 boem-dikkie
Jedi Mind Baby!
pi_108968212
quote:
0s.gif Op zondag 11 maart 2012 13:32 schreef PimD het volgende:
Compatibility view is volgens mij gemaakt om oudere sites alsnog te kunnen bekijken in IE8. Nieuwe sites ga ik daar dus niet in testen.
Ik ook niet, maar ik kijk altijd wel even of er veel anders wordt.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_108969700
quote:
0s.gif Op zondag 11 maart 2012 14:01 schreef PimD het volgende:
Dit klopt dus nog niet, want nu heb je een array in een array. Dan moet je 'm dadelijk gaan aanspreken met photos[0][0].
ik had de haakjes weggehaalt en toen zag ik alleen nog maar de link ipv he haakje
het script heb ik niet zelf geschreven, dus ik laat het met haakjes zo werkt het :)
  zondag 11 maart 2012 @ 17:09:05 #234
87680 Mirel
Mirel wil een bongophone.
pi_108975783
Hoe kan ik in een inputfield een 0 forceren die niet weg te halen of te veranderen is? Googlen gaat zo lastig want dan krijg je alleen resultaten over opmaak veranderen :')
When all else fails, you always have delusion.
  zondag 11 maart 2012 @ 17:11:30 #235
134533 donroyco
dus niet Donroyco
pi_108975880
quote:
0s.gif Op zondag 11 maart 2012 17:09 schreef Mirel het volgende:
Hoe kan ik in een inputfield een 0 forceren die niet weg te halen of te veranderen is? Googlen gaat zo lastig want dan krijg je alleen resultaten over opmaak veranderen :')
1<input type="text" value="0" disabled="disabled"​>​
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. :'(
  zondag 11 maart 2012 @ 17:12:20 #236
87680 Mirel
Mirel wil een bongophone.
pi_108975902
thanks :)
When all else fails, you always have delusion.
  zondag 11 maart 2012 @ 17:17:58 #237
134533 donroyco
dus niet Donroyco
pi_108976098
quote:
0s.gif Op zondag 11 maart 2012 17:12 schreef Mirel het volgende:
thanks :)
Geen dank.
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. :'(
  zondag 11 maart 2012 @ 17:20:13 #238
87680 Mirel
Mirel wil een bongophone.
pi_108976168
Voor het de website waar ik dat forceer is er een product uitverkocht. Maar ik krijg alsnog de melding dat alleen numerieke waarden mogen gebruikt. Ach ja. Er staat groot in het rood dat het uitverkocht is, hopelijk weerhoudt dat mensen om toch niet dat 0tje in een 1tje te veranderen of iets anders :P
When all else fails, you always have delusion.
  zondag 11 maart 2012 @ 17:38:20 #239
352041 Mr.Fahrenheit
burning through the sky
pi_108976792
quote:
0s.gif Op zondag 11 maart 2012 17:20 schreef Mirel het volgende:
Voor het de website waar ik dat forceer is er een product uitverkocht. Maar ik krijg alsnog de melding dat alleen numerieke waarden mogen gebruikt. Ach ja. Er staat groot in het rood dat het uitverkocht is, hopelijk weerhoudt dat mensen om toch niet dat 0tje in een 1tje te veranderen of iets anders :P
Je zult dus dat soort dingen serverside opnieuw moeten controleren om te voorkomen dat mensen met de HTML kunnen aanklooien en invloed kunnen uitoefenen.
  zondag 11 maart 2012 @ 20:08:35 #240
63192 ursel
"Het Is Hier Fantastisch!
pi_108982764
Iemand trouwens hoe ik dit kan bereiken uit een simpele thead regel.
Het omhoog zetten van de thead en de grijze achtergrondkleur. Maar die breedte werkt niet echt mee. ;(
Of zal ik de th texten nog binnen een extra element moeten plaatsen?

  zondag 11 maart 2012 @ 20:09:20 #241
134533 donroyco
dus niet Donroyco
pi_108982805
quote:
0s.gif Op zondag 11 maart 2012 20:08 schreef ursel het volgende:
Iemand trouwens hoe ik dit kan bereiken uit een simpele thead regel.
Het omhoog zetten van de thead en de grijze achtergrondkleur. Maar die breedte werkt niet echt mee. ;(
Of zal ik de th texten nog binnen een extra element moeten plaatsen?

[ afbeelding ]
Post eens wat code.
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. :'(
  zondag 11 maart 2012 @ 20:09:41 #242
137776 boem-dikkie
Jedi Mind Baby!
pi_108982819
quote:
0s.gif Op zondag 11 maart 2012 20:08 schreef ursel het volgende:
Iemand trouwens hoe ik dit kan bereiken uit een simpele thead regel.
Het omhoog zetten van de thead en de grijze achtergrondkleur. Maar die breedte werkt niet echt mee. ;(
Of zal ik de th texten nog binnen een extra element moeten plaatsen?

[ afbeelding ]
Ik snap je niet.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  zondag 11 maart 2012 @ 20:27:32 #243
63192 ursel
"Het Is Hier Fantastisch!
pi_108983759
Was ik al bang voor. :')
De grijze blokken die je bovenin ziet zijn de thead elementen uit een tabel.
Die dienen dus hoger te staan boven de tabel. Verder zit er dus die spatie tussen elk kolom. Zoals je ziet valt de thead regel dus over 2 blokken heen. Het bovenste rode blok en het witte content blok. Ondanks een kleine width blijft toch de gehele regel grijs.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table id="eventTable" class="dataTableIndex" >
    <thead>
        <tr class="list-header-row">
            <th class="list-header-cell html" >Datum</th>
            <th class="list-header-cell html" >Naam</th>
            <th class="list-header-cell html" >Plaats</th>
            <th class="list-header-cell html" >Provincie</th>
            <th class="list-header-cell html cell-last" >Organisatie</th>
        </tr>
    </thead>
    <tbody>
        <tr class="list-row">
            <td value="1331370000"  class="list-row-cell"   >10-03-2012</td>
            <td value="Rommelmarkt Eelde"  id=""  class="list-row-cell"   ><a href="#">Rommelmarkt Eelde</a></td>
            <td value="Eelde" class="list-row-cell"   ><a href="#">Eelde</a></td>
            <td value="Drenthe"  class="list-row-cell"   ><a href="#">Drenthe</a></td>
            <td value="Drentse Vlooienmarkt" class="cell-last" ><a href="#">Drentse Vlooienmarkt</a></td>
        </tr>
    </tbody>
</table>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#eventTable thead {
    position: relative;
    top:-20px;
    height: 50px;
}
#eventTable thead th {
    background-color: grey;
    padding: 0px 5px 0px 5px;
    width: 80px;
    height: 30px;
}
#eventTable tbody td {
    padding: 0px 5px 0px 5px;
}

Dit is wat ik telkens mee achter blijf.:
pi_108991429
cell-spacing zoek je.
  zondag 11 maart 2012 @ 22:53:05 #245
63192 ursel
"Het Is Hier Fantastisch!
pi_108993099
Tnx. Morgen mee stoeien. Laptop heeft er geen zin meer in vandaag :'(
  zondag 11 maart 2012 @ 23:55:29 #246
12221 Tijn
Powered by MS Paint
pi_108996010
Weet iemand hoe je een swipe gesture kunt implementeren die ook werkt op ouderwetse single touch screens?

Ik vind wel dingen als jGestures of jQuery Touchwipe, maar die lijken allemaal gericht te zijn om mobile. Ik zoek iets dat gewoon in Google Chrome op een desktop werkt.

[edit] Ah, nog even doorgezocht en toen vond ik dit: touchSwipe. Dat werkt :)

[ Bericht 22% gewijzigd door Tijn op 12-03-2012 00:35:52 ]
  maandag 12 maart 2012 @ 09:27:55 #247
63192 ursel
"Het Is Hier Fantastisch!
pi_109001747
quote:
14s.gif Op zondag 11 maart 2012 22:26 schreef KomtTijd... het volgende:
cell-spacing zoek je.
Gelukt via cell-spacing kwam ik dankzij Google op de volgende oplossing:

1
2
    border-collapse: separate;
    border-spacing: 15px;
pi_109005539
Ik ben nu bezig met valideren met W3 om die problemen met IE op te lossen.. Maar elke keer als ik er iets corrigeer komen er 4 meer errors binnen, allemaal in de richting van, je tag is niet gesloten, of je tag begint hier. Alles is gesloten, alles begint correct, dus ik snap echt niet wat hij bedoelt.

Ik wil de link geven in een DM als iemand wil helpen?
pi_109006224
tip 1: gebruik het html5 doctype ipv xhtml 1.0.
pi_109006774
quote:
14s.gif Op maandag 12 maart 2012 12:27 schreef KomtTijd... het volgende:
tip 1: gebruik het html5 doctype ipv xhtml 1.0.
Maar ik doe niet aan HTML5. Of maakt dat niet uit?
pi_109007262
Maakt niet uit, de standaard is gewoon compatible. De HTML-5 doctype tag is korter en veelzijdiger. Ik zie alleen maar voordelen.
pi_109007363
*O* Hij doet het in IE dus mijn grootste probleem is opgelost O+ Held.
pi_109008395
Even iets anders, iemand ervaring met het zelf ontwerpen van een eigen huisstijl?
pi_109008686
quote:
0s.gif Op maandag 12 maart 2012 13:38 schreef Alovenac het volgende:
Even iets anders, iemand ervaring met het zelf ontwerpen van een eigen huisstijl?
Ik heb een keer mijn eigen website ontworpen, en dat is waarschijnlijk het laatste design werk wat ik ooit zal doen :P.
pi_109008969
Ik wel, ook met die van een ander. Wat wil je weten?
pi_109010737
quote:
0s.gif Op maandag 12 maart 2012 13:56 schreef RenRen- het volgende:
Ik wel, ook met die van een ander. Wat wil je weten?
Ik wil dus een eenvoudige huisstijl gaan ontwerpen, alleen ben ik dus niet handig in het maken van een eenvoudig logo.

Zijn er nog goede tutorials op internet die ik kan/moet volgen?
pi_109012003
quote:
0s.gif Op maandag 12 maart 2012 14:38 schreef Alovenac het volgende:

[..]

Ik wil dus een eenvoudige huisstijl gaan ontwerpen, alleen ben ik dus niet handig in het maken van een eenvoudig logo.

Zijn er nog goede tutorials op internet die ik kan/moet volgen?
Ik heb nooit een logo ontworpen met tutorials. Wat ik altijd doe is schetsen, nagaan wat ik wil uitstralen als bedrijf/onderneming, dat opschrijven, meer schetsen, misschien meer out of the box denken, nog meer schetsen, kijken naar wat anderen doen en daar inspiratie uit opdoen.

En dan maken. En dán pas komt een tutorial van pas, over hoe illustrator werkt.

Waar ik inspiratie opdoe:
Logopond.com

Net even gegooglet, deze lijkt wel een paar leuke tutorials te hebben:
http://speckyboy.com/2009(...)iques-and-tutorials/
http://sixrevisions.com/g(...)s-using-illustrator/
Paar avn hetzeflde, aar ook wat nieuwe.

En als ik advies kan geven; Houd het echt simpel! Niet te veel gradients en gedoe, 1/2 fonts met een beeldmerk is mooi, simpel en onthouden mensen sneller.
pi_109012146
quote:
0s.gif Op maandag 12 maart 2012 15:08 schreef RenRen- het volgende:

[..]

Ik heb nooit een logo ontworpen met tutorials. Wat ik altijd doe is schetsen, nagaan wat ik wil uitstralen als bedrijf/onderneming, dat opschrijven, meer schetsen, misschien meer out of the box denken, nog meer schetsen, kijken naar wat anderen doen en daar inspiratie uit opdoen.

En dan maken. En dán pas komt een tutorial van pas, over hoe illustrator werkt.

Waar ik inspiratie opdoe:
Logopond.com

Net even gegooglet, deze lijkt wel een paar leuke tutorials te hebben:
http://speckyboy.com/2009(...)iques-and-tutorials/
http://sixrevisions.com/g(...)s-using-illustrator/
Paar avn hetzeflde, aar ook wat nieuwe.

En als ik advies kan geven; Houd het echt simpel! Niet te veel gradients en gedoe, 1/2 fonts met een beeldmerk is mooi, simpel en onthouden mensen sneller.
Thanks. Ik ben dus eigenlijk meer de programmeur, maar wil voor mijn eigen bedrijf wel een mooi logo/huisstijl hebben. Echter had ik geen idee waar ik moest beginnen met het ontwerpen hiervan.
pi_109012185
quote:
0s.gif Op maandag 12 maart 2012 15:11 schreef Alovenac het volgende:

[..]

Thanks. Ik ben dus eigenlijk meer de programmeur, maar wil voor mijn eigen bedrijf wel een mooi logo/huisstijl hebben. Echter had ik geen idee waar ik moest beginnen met het ontwerpen hiervan.
Echt nagaan waarin jij onderscheidend bent, of wat bij jou past, dat lijkt me een leuk begin :) En dan een beetje schetsen, hoeft niet geniaal te zijn!
  maandag 12 maart 2012 @ 15:12:55 #260
56176 Catch22-
Ben je Blind?!
pi_109012194
Stap 1 is een echte designer inhuren. een logo maken is meer dan wat op papier schetsen wat je zelf mooi vindt.
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_109012321
quote:
11s.gif Op maandag 12 maart 2012 15:12 schreef Catch22- het volgende:
Stap 1 is een echte designer inhuren. een logo maken is meer dan wat op papier schetsen wat je zelf mooi vindt.
Als je er het geld niet voor hebt, omdat je net begint en een echte designer nog wat kost, is een mooi begin.
pi_109012516
Inderdaad, ik ben nog student en loop nu een jaar stage. Echter komen steeds meer mensen in mijn omgeving erachter dat ik programmeur ben van websites en dus komen er steeds meer mensen aankloppen of ik een website kan maken.

Dit heeft mij tot nadenken gezet en vind dat ik eigenlijk wel een goede huisstijl moet hebben. Dit kan namelijk weer voor een stukje reclame zorgen.
pi_109012582
quote:
0s.gif Op maandag 12 maart 2012 15:20 schreef Alovenac het volgende:
Inderdaad, ik ben nog student en loop nu een jaar stage. Echter komen steeds meer mensen in mijn omgeving erachter dat ik programmeur ben van websites en dus komen er steeds meer mensen aankloppen of ik een website kan maken.

Dit heeft mij tot nadenken gezet en vind dat ik eigenlijk wel een goede huisstijl moet hebben. Dit kan namelijk weer voor een stukje reclame zorgen.
Gewoon zelf doen, lekker veel om meningen vragen (Als je niet weet wat je verder moet, Post hier je grafisch- en webdesign in dit topic zijn mensen je altijd bereid om te helpen :) ) en doen.
pi_109013342
quote:
0s.gif Op maandag 12 maart 2012 13:07 schreef RenRen- het volgende:
*O* Hij doet het in IE dus mijn grootste probleem is opgelost O+ Held.
Wow. Just wow.
  maandag 12 maart 2012 @ 15:48:54 #265
230788 n8n
Pragmatisch
pi_109013500
quote:
0s.gif Op maandag 12 maart 2012 15:20 schreef Alovenac het volgende:
Inderdaad, ik ben nog student en loop nu een jaar stage. Echter komen steeds meer mensen in mijn omgeving erachter dat ik programmeur ben van websites en dus komen er steeds meer mensen aankloppen of ik een website kan maken.

Dit heeft mij tot nadenken gezet en vind dat ik eigenlijk wel een goede huisstijl moet hebben. Dit kan namelijk weer voor een stukje reclame zorgen.
Kan ook gewoon je naam gebruiken, genoeg vakmensen aan de top die dit doen dus niks om je zorgen om te maken.
Specialization is for insects”.—Robert Heinlein
  maandag 12 maart 2012 @ 15:49:46 #266
56176 Catch22-
Ben je Blind?!
pi_109013535
Beter je naam in een mooi font dan een nietszeggende generieke krabbel bij je hype-naam
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_109013675
quote:
7s.gif Op maandag 12 maart 2012 15:48 schreef n8n het volgende:

[..]

Kan ook gewoon je naam gebruiken, genoeg vakmensen aan de top die dit doen dus niks om je zorgen om te maken.
Eensch.
  maandag 12 maart 2012 @ 16:52:47 #268
87680 Mirel
Mirel wil een bongophone.
pi_109015925
Op http://www.ditisjeugdzorg.nl/nl/home/ als je op 't is zoals 't is klikt,(wat overigens een vreemde URL geeft) kom je op een pagina met een filmpje.

Op een iphone is de resolutie van dat filmpje duidelijk breedbeeld, maar op een gewoon computerscherm niet.. Hoe kan dat eigenlijk? Het heeft geen mobiele layout..

Heb via firebug even geschoven met dingen, en er zitten niet stukjes van het filmpje verstopt. Of je het via firebug dusdanig kan aanpassen weet ik verder niet.
When all else fails, you always have delusion.
  maandag 12 maart 2012 @ 16:54:15 #269
230788 n8n
Pragmatisch
pi_109015990
quote:
0s.gif Op maandag 12 maart 2012 16:52 schreef Mirel het volgende:
Op http://www.ditisjeugdzorg.nl/nl/home/ als je op 't is zoals 't is klikt,(wat overigens een vreemde URL geeft) kom je op een pagina met een filmpje.

Op een iphone is de resolutie van dat filmpje duidelijk breedbeeld, maar op een gewoon computerscherm niet.. Hoe kan dat eigenlijk? Het heeft geen mobiele layout..

Heb via firebug even geschoven met dingen, en er zitten niet stukjes van het filmpje verstopt. Of je het via firebug dusdanig kan aanpassen weet ik verder niet.
mobiel is (waarschijnlijk) .mp4 en desktop krijg je flash, zou daar aan kunnen liggen
Specialization is for insects”.—Robert Heinlein
  maandag 12 maart 2012 @ 17:03:42 #270
87680 Mirel
Mirel wil een bongophone.
pi_109016468
Enkel de extensie zorgt ervoor dat de resolutie ook anders wordt?
When all else fails, you always have delusion.
  maandag 12 maart 2012 @ 17:04:31 #271
230788 n8n
Pragmatisch
pi_109016492
als het verschillende bestanden zijn. moet er wel bij vermelden dat ik niet bijster veel ervaring heb met online video
Specialization is for insects”.—Robert Heinlein
pi_109027021
Beste menschen :) Ik heb een vraagje; ik bouw momenteel een website met html/css maar wil ik het volgende:

Ik wil bedrijfslogo's uitgelijnd onder elkaar hebben en als je op het logo klikt, je de informatie van dat bedrijf krijgt. Als je er weer op klikt klapt het weer in en zie je alleen het logo. Dus een soort 'dropdown' met een image.

Iemand enig idee hoe die code eruit ziet, of hoe dat in het engels heet dat ik het zelf uit kan zoeken :P

Alvast bedankt
pi_109027196
google maar op "Jquery Accordeon".
pi_109030946
Top bedankt!

Nu heb ik via w3schools een jQuery effect wat ik wel zou willen hebben: http://www.w3schools.com/(...)tryjquery_slide_down

Maar als ik deze letterlijk op mijn website plaats (in een al-bestaande-div), doet hij niks? Ik heb een aparte .css, maar als ik hem letterlijk zou kopiëren zou die het toch moeten doen? Wat ik zou willen is, dit effect maar dan een plaatje ipv tekst. Maar om de basis te begrijpen probeer ik het zo eerst maar even, maar zelfs dat wil dus al niet lukken.
  PR/Manusje van alles maandag 12 maart 2012 @ 22:24:43 #275
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_109032174
Ik heb een aantal checkboxjes die onderdeel zijn van een stukje javascript. Deze code laat een aantal thumbnails wel / niet zien. Alleeeen in de code worden er standaard maar 2 checkboxjes getoond van de 8. De andere 6 zitten onder een 'show all' knopje... :{ Als het er 30 zijn is dat inderdaad wel handig. Maar nu dus totaal niet nodig.

De code aanpassen heb ik geprobeerd maar dan werkt het helemaal niet meer. De checkboxjes zijn dan wel standaard zichtbaar. Maar doen vervolgens niets meer... Ik hooop dat ik ergens overheen kijk..

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
 <div class="sidebar_bar">
    <div class="sidebar_left_find">
  <div class="sidebar_list">
<ul id="category_list">

<li count="2" style="display:block;">
<input id="category_1" value="1" type="checkbox">
<span style="display: none;">1 </span>
</li>

<li count="2" style="display:block;">
<input id="category_2" value="2" type="checkbox">
<span style="display: none;">2 </span>
</li>

<li count="11" style="display: list-item;">
<input id="category_3" value="3" type="checkbox">
<span style="display: none;">3 </span>
</li>

<li count="11" style="display: list-item;">
<input id="category_4" value="4" type="checkbox">
<span style="display: none;">4 </span>
</li>

</ul>
<p>
<a href="#" id="category_more" style="display:list-item;">
show all
<img alt="arrow" src="services_bestanden/find_down_arrow.png">
</a>
</p>
</div>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<?php
jjQuery
(document).ready(function($)
 {
 ;$(
'#category_more,').click(function(e){

      
e.preventDefault();
      $(
'#' this.id.replace('more''list li')).fadeIn(0);
      $(
this).hide();

     })
 

   $(
' #nonprofit_all, #price_all').closest('ul').children().find(':checkbox').attr('checked'true);

   var 
tJS serviceRenderInit();

   

   $(
'#category_none, #nonprofit_none, #price_none').click(function(e){
     
e.preventDefault();
     $(
this).closest('ul').children().find(':checkbox').attr('checked'true);
     
tJS.filter();
   });

   $(
'#category_ li:gt(20)').hide();
   $(
'#nonprofit_list li:gt(10)').hide();

});

function 
serviceRenderInit(){

  var 
spots = function(service){
    if(!
service.booking_capacity) return null;

    var 
spot_count service.booking_capacity service.booked_seats;
    if(
spot_count <= 3){
       return  
spot_count + (spot_count == ' Spot Left' ' Spots Left');
    }
    return 
null;
  };

  var 
day_left = function(service){
    if(
service.is_schedulelater) return null;
    var 
service.start_date.split('-');
    var 
days Math.round((new Date(d[0],d[1] - 1d[2]) - new Date())/86400000);

    if(
days <= 3){
      if(
days == 0) return 'Last Day';
      else if(
days == 1) return '1 Day Left';
      else if(
days 1) return days ' Days Left';
    }

    return 
null;
  };

  var 
view = function(service){
    var 
spot_content spots(service);
    var 
day_content day_left(service);
    var 
service_title service.title.length 24 service.title service.title.substring(0,21) +'...';
    var 
nonprofit_name service.nonprofit.name.length 27 service.nonprofit.name service.nonprofit.name.substring(0,27) +'...';
  

    
clear     this.div({'class''clear'});
    
//s_image   = this.div({'class': 'fs_box_pic'}, this.image(service.thumbnail));
    
s_image   this.div({'class''fs_box_pic''style':'background:url(' service.thumbnail ') no-repeat center center'}); 
    
tag_spots spot_content this.div({'class''tag_spots'}, spot_content) : null;
    
tag_day   day_content this.div({'class''tag_day'}, day_content) : null;
    
fs_price  this.div({'class''fs_price'}, '$' service.amount );
    
fs_head   this.span({'class''fs_head'}, service_title);
    
fs_for    this.span({'class''fs_for'}, 'for');
    
fs_disc   this.span({'class''fs_disc'}, nonprofit_name);
    
fs_left   this.div({'class''fs_left'}, [fs_headfs_forfs_disc]);
    
fs_box    this.div({'class''fs_box'}, [tag_spotstag_days_imagefs_leftfs_priceclear ] );

    return 
this.link('/services/' service.to_param ,{'title'service.title}, fs_box);
  };

  var 
settings = {
      
filter_criteria: {
          
category: ['#category_list input:checkbox .EVENT.click .SELECT.:checked''service_categories.ARRAY.category_id'],
          
nonprofit: ['#nonprofit_list input:checkbox .EVENT.click .SELECT.:checked' 'nonprofit.nonprofit_categories.ARRAY.category_id'],
          
price: ['#price_list input:checkbox .EVENT.click .SELECT.:checked .TYPE.range''amount']
          }
      };

  var 
tJS = new tagJS(services"#service_list"viewsettings);

  
obj_map tJS.settings.object_map;
  for (
name in obj_map) {
      if (
name != 'price') {
        $(
'#' name '_list li:gt(0)').hide();

        $.
each(obj_map[name], function(el) {
          $(
'#' name "_" el).next().append(" (" obj_map[name][el].length +")"); 
          $(
'#' name "_" el).parent().show();
          $(
'#' name "_" el).parent().attr('count'obj_map[name][el].length);
        });

        $(
'#' name '_list li:gt(0)').each(function() { 
          if(!$(
this).attr('count')) $(this).remove();
        });

        if ($(
'#' name '_list li').length 6) $('#' name '_more').show();
      }
  }
  
testJS tJS;
  return 
tJS;
}

var 
testJS;
?>

Kijk ik er nou gewoon overheen of is het niet zo snel mogelijk en moet ik dan een deel van de code herschrijven? :')
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! İyvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
pi_109032695
quote:
0s.gif Op maandag 12 maart 2012 22:07 schreef -tape- het volgende:
Top bedankt!

Nu heb ik via w3schools een jQuery effect wat ik wel zou willen hebben: http://www.w3schools.com/(...)tryjquery_slide_down

Maar als ik deze letterlijk op mijn website plaats (in een al-bestaande-div), doet hij niks? Ik heb een aparte .css, maar als ik hem letterlijk zou kopiëren zou die het toch moeten doen? Wat ik zou willen is, dit effect maar dan een plaatje ipv tekst. Maar om de basis te begrijpen probeer ik het zo eerst maar even, maar zelfs dat wil dus al niet lukken.
Mijn magische bol is kapot helaas.
pi_109032750
quote:
11s.gif Op maandag 12 maart 2012 22:24 schreef Surveillance-Fiets het volgende:
Ik heb een aantal checkboxjes die onderdeel zijn van een stukje javascript. Deze code laat een aantal thumbnails wel / niet zien. Alleeeen in de code worden er standaard maar 2 checkboxjes getoond van de 8. De andere 6 zitten onder een 'show all' knopje... :{ Als het er 30 zijn is dat inderdaad wel handig. Maar nu dus totaal niet nodig.

De code aanpassen heb ik geprobeerd maar dan werkt het helemaal niet meer. De checkboxjes zijn dan wel standaard zichtbaar. Maar doen vervolgens niets meer... Ik hooop dat ik ergens overheen kijk..
[ code verwijderd ]

[ code verwijderd ]

Kijk ik er nou gewoon overheen of is het niet zo snel mogelijk en moet ik dan een deel van de code herschrijven? :')
Herschrijven moet je sowieso :') wat een bagger.
  PR/Manusje van alles maandag 12 maart 2012 @ 22:38:04 #278
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_109032989
quote:
0s.gif Op maandag 12 maart 2012 22:33 schreef Scorpie het volgende:

[..]

Herschrijven moet je sowieso :') wat een bagger.
:') :D Ja, heuj, het lijkt te werken. deels... uitkleden en herschrijven doe ik wel als alles werkt.

Maar zie je iets? of is het geen poging waard door el bagger?
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! İyvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
  PR/Manusje van alles maandag 12 maart 2012 @ 22:39:55 #279
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_109033099
heuj, het lijkt te lukken.. hoe ik het doe weet ik niet. Maar het liekt te werken. :X
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! İyvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
pi_109033743
quote:
0s.gif Op maandag 12 maart 2012 22:39 schreef Surveillance-Fiets het volgende:
heuj, het lijkt te lukken.. hoe ik het doe weet ik niet. Maar het liekt te werken. :X
Ik heb geen idee, een testpagina waarop het script werkend te zien is zou al mooi zijn.
  PR/Manusje van alles maandag 12 maart 2012 @ 22:54:26 #281
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_109033901
quote:
0s.gif Op maandag 12 maart 2012 22:51 schreef Scorpie het volgende:

[..]

Ik heb geen idee, een testpagina waarop het script werkend te zien is zou al mooi zijn.
ff kijken, hold on
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! İyvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
  PR/Manusje van alles maandag 12 maart 2012 @ 23:16:20 #282
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_109034926
het is me gelukt. *O* ik ga nog ff verder en als het toonbaar is post ik wel een linkje of zo :*
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! İyvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
pi_109040345
Veel succes met die code toonbaar maken :')
pi_109057078
Ik heb dus de volgende code die ik in mijn code wil;

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
<html>
<head>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("fast");
  });
});
</script>
 
<style type="text/css"> 
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>
</head>
 
<body>
 
<div class="panel">
<p>Because time is valuable, we deliver quick and easy learning.</p>
<p>At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p>
</div>
 
<p class="flip">Show/Hide Panel</p>
 
</body>
</html>

Maar als ik het stukje /script in mijn [/head] zet, de /style in mijn aparte .css bestand en het stukje /body in mijn div (waar ik het dus in wil); krijg ik wel de balk die moet verschijnen, maar niet het 'slide' effect wat je hier ziet: http://www.w3schools.com/(...)yjquery_slide_toggle Iemand enig idee wat ik verkeerd doe?

PS. Dit is mijn div waar hij in moet:

1
2
3
4
5
6
7
8
9
10
11
<div id="body">
<h2 class="title">Lorem Ipsum</h2>
    <div class="story">
            <p>
Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook, vrijwel onveranderd, overgenomen in elektronische letterzetting. Het is in de jaren '60 populair geworden met de introductie van Letraset vellen met Lorem Ipsum passages en meer recentelijk door desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
<br /></p>
<h4>Lorem Ipsum</h4>
Het is al geruime tijd een bekend gegeven dat een lezer, tijdens het bekijken van de layout van een pagina, afgeleid wordt door de tekstuele inhoud. Het belangrijke punt van het gebruik van Lorem Ipsum is dat het uit een min of meer normale verdeling van letters bestaat, in tegenstelling tot "Hier uw tekst, hier uw tekst" wat het tot min of meer leesbaar nederlands maakt. Veel desktop publishing pakketten en web pagina editors gebruiken tegenwoordig Lorem Ipsum als hun standaard model tekst, en een zoekopdracht naar "lorem ipsum" ontsluit veel websites die nog in aanbouw zijn. Verscheidene versies hebben zich ontwikkeld in de loop van de jaren, soms per ongeluk soms expres (ingevoegde humor en dergelijke). <br />
    </div>
  </div>
</div>

Waar nu dus een Lorem Ipsum zit.

Alvast bedankt
pi_109057643
Ik gok dat het door die display:none komt.
Nee.
  dinsdag 13 maart 2012 @ 21:36:39 #286
137776 boem-dikkie
Jedi Mind Baby!
pi_109066711
Omdat je jQuery een div aanspreekt die panel heet en je de div in je code 'story' noemt?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_109067350
Oh fuck, ik had alleen gekeken naar het eerste code stuk. Maar dat is vast de jQuery demo's HTML :')
Nee.
  donderdag 15 maart 2012 @ 17:31:27 #288
230788 n8n
Pragmatisch
pi_109136198


alleen mogelijk met tables?
Specialization is for insects”.—Robert Heinlein
pi_109139456
Hoe bedoel je? Je kunt toch gewoon de footer absoluut onderaan positioneren, en de body een padding geven aan de onderkant die even hoog is als de footer?

Of snap ik niet helemaal wat je wilt?
Nee.
pi_109139629
Je wilt 2 headers??
  donderdag 15 maart 2012 @ 19:34:21 #291
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_109140209
quote:
0s.gif Op dinsdag 13 maart 2012 18:33 schreef -tape- het volgende:
Ik heb dus de volgende code die ik in mijn code wil;
[ code verwijderd ]

Maar als ik het stukje /script in mijn [/head] zet, de /style in mijn aparte .css bestand en het stukje /body in mijn div (waar ik het dus in wil); krijg ik wel de balk die moet verschijnen, maar niet het 'slide' effect wat je hier ziet: http://www.w3schools.com/(...)yjquery_slide_toggle Iemand enig idee wat ik verkeerd doe?

PS. Dit is mijn div waar hij in moet:
[ code verwijderd ]

Waar nu dus een Lorem Ipsum zit.

Alvast bedankt
De content is te lang, daarom schiet de rest er uit.

Klik

Twee mogelijke oplossingen;

1. overflow: auto; of overflow: hidden; gebruiken op .panel, zodat je de hoogte van 120px kunt behouden.
2. De hoogte van .panel aanpassen naar iets van 350px / 400px.
pi_109140543
Of gewoon een wrapper er om heen, met overflow:hidden en die animeren in de hoogte. Dan heb je ook niet meer dat gezeik met paddings/margins die voor een verspringend effect zorgen.
Nee.
  donderdag 15 maart 2012 @ 19:56:24 #293
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_109141337
quote:
9s.gif Op donderdag 15 maart 2012 17:31 schreef n8n het volgende:
[ afbeelding ]

alleen mogelijk met tables?
Lukt prima zonder.

Klik.
pi_109141664
quote:
7s.gif Op donderdag 15 maart 2012 19:56 schreef BBQSausage het volgende:

[..]

Lukt prima zonder.

Klik.
Behalve als je content langer wordt ja. Voglens mij moet je je body een min-height van 100% geven, met daarin een wrapper met de bovenste header en de content, met aan de onderkant een padding/negatieve margin die even hoog is als de onderste footer. Daarnaast een absoluut gepositioneerde footer.

1
2
3
4
5
6
7
8
9
10
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="content">
</div>
</div>
<div id="footer">
</div>
</body>

met als CSS

1
2
3
body, html, #wrapper { min-height:100%; height:100%; }
#wrapper { margin-bottom:-100px; }
#footer { height: 100px; }

Zo ongeveer. Anders even zoeken op 'sticky footer' ofzo.

[ Bericht 26% gewijzigd door PimD op 15-03-2012 20:08:31 ]
Nee.
  donderdag 15 maart 2012 @ 20:38:55 #295
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_109143875
quote:
0s.gif Op donderdag 15 maart 2012 20:02 schreef PimD het volgende:

[..]

Behalve als je content langer wordt ja. Voglens mij moet je je body een min-height van 100% geven, met daarin een wrapper met de bovenste header en de content, met aan de onderkant een padding/negatieve margin die even hoog is als de onderste footer. Daarnaast een absoluut gepositioneerde footer.
[ code verwijderd ]

met als CSS
[ code verwijderd ]

Zo ongeveer. Anders even zoeken op 'sticky footer' ofzo.
Het ligt er ook maar net aan hoe 'sticky' je die footer wilt hebben. Als je hem altijd in beeld wilt hebben, en niet gewoon onderaan de tekst, zou je de content een overflow mee moeten geven oid.

Wil je hem gewoon altijd écht onderaan je pagina hebben, werkt het inderdaad prima met een min-height en padding / filler.
Klik

En bij minder content ziet dat er dus zo uit: Klik
pi_109144039
Als je 'm altijd onderaan de viewport wilt hebben moet je 'm fixed positioneren, niet absoluut zoals in jouw voorbeeld.
Nee.
  donderdag 15 maart 2012 @ 20:47:44 #297
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_109144485
quote:
0s.gif Op donderdag 15 maart 2012 20:41 schreef PimD het volgende:
Als je 'm altijd onderaan de viewport wilt hebben moet je 'm fixed positioneren, niet absoluut zoals in jouw voorbeeld.
Klopt, maar dat is in de meeste gevallen niet gewenst. Net als zo'n grote header die constant bovenaan je pagina blijft zweven.
  donderdag 15 maart 2012 @ 21:11:14 #298
230788 n8n
Pragmatisch
pi_109146044
Footer en de header moeten beide blijven, content in het midden moet schalen naar de overgebleven beschikbare ruimte. Wat ik eigenlijk wil is wat normaal met marge aan de breedte gebeurd. De pagina krijgt een 'letterbox' dat altijd in beeld blijft met daartussen een gallery. Body mag dan ook nooit hoger zijn dan 100%, dat maakt het lastig, zelfs met een table lukt het niet dus voel me genoodzaakt naar js uit te wijken. Bedankt alvast.
Specialization is for insects”.—Robert Heinlein
  donderdag 15 maart 2012 @ 21:15:17 #299
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_109146321
quote:
7s.gif Op donderdag 15 maart 2012 21:11 schreef n8n het volgende:
Footer en de header moeten beide blijven, content in het midden moet schalen naar de overgebleven beschikbare ruimte. Wat ik eigenlijk wil is wat normaal met marge aan de breedte gebeurd. De pagina krijgt een 'letterbox' dat altijd in beeld blijft met daartussen een gallery. Body mag dan ook nooit hoger zijn dan 100%, dat maakt het lastig, zelfs met een table lukt het niet dus voel me genoodzaakt naar js uit te wijken. Bedankt alvast.
Hoe bedoel je "schalen" naar overgebleven ruimte?
  donderdag 15 maart 2012 @ 21:20:54 #300
230788 n8n
Pragmatisch
pi_109146686
quote:
15s.gif Op donderdag 15 maart 2012 21:15 schreef BBQSausage het volgende:

[..]

Hoe bedoel je "schalen" naar overgebleven ruimte?
dat als de viewport minder hoog wordt de afbeeldingen kleiner worden met het venster mee. Net als content zou moeten als je normaliter een venster minder breed maakt.
Specialization is for insects”.—Robert Heinlein
  donderdag 15 maart 2012 @ 21:24:22 #301
370539 kucher
is snucher
pi_109146905
Dat kan met media queries

http://kyleschaeffer.com/(...)g-css-media-queries/

Tevens, gebruik een gecentreerde achtergrond op een div met automatische breedte. Wordt de div kleiner, wordt het plaatje gewoon afgesneden.
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')