Denigreren doe je maar met je vriendin.quote: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"
Ga ik me even over inlezen, heb er nog nooit van gehoord.quote:
Eerst heel tof bijdehand doen en dan vervolgens mijn punt maken. Heerlijk hoor mopquote: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.
Kan wel, maar ik snap gewoon niet waarom het lokaal wel werkt, best goed eigenlijkquote:Op vrijdag 9 maart 2012 17:04 schreef Tegan het volgende:
http://www.w3schools.com/tags/tag_textarea.asp
Ik zie nergens 'height' staan?
Rot toch opquote: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
Je textarea via css stylen is sowieso netter.quote: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.
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).quote: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">
Dat zekerquote:Op vrijdag 9 maart 2012 19:54 schreef BBQSausage het volgende:
[..]
Je textarea via css stylen is sowieso netter.
quote: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...
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 vanquote: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).
Oh, IE7 wel?quote: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
Of pruts je te veel.quote:Op vrijdag 9 maart 2012 21:25 schreef PimD het volgende:
IE8 niet meer supporten![]()
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.
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 |
1 2 3 4 | var photos=new Array(); <?php echo "photos[".$i."]=['files/".$menudata["naam"].".jpg'] "; ?> |
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.quote: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.
leesbaarheid gaat aan de haal doordat php alles achter elkaar pleurtquote: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.
1 2 | photos[0]=['files/photo01.jpg'] photos[1]=['files/photo02.jpg'] |
1 | photos[0]=['files/photo01.jpg']photos[1]=['files/photo02.jpg'] |
1 | photos[0]=['files/photo01.jpg'];photos[1]=['files/photo02.jpg']; |
1 | photos[0] = 'files/photo1.jpg'; |
1 2 | photos[0]=['files/photo01.jpg'] photos[1]=['files/photo02.jpg'] |
Ik ook niet, maar ik kijk altijd wel even of er veel anders wordt.quote: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 had de haakjes weggehaalt en toen zag ik alleen nog maar de link ipv he haakjequote: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].
quote: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"> |
Geen dank.quote:
Je zult dus dat soort dingen serverside opnieuw moeten controleren om te voorkomen dat mensen met de HTML kunnen aanklooien en invloed kunnen uitoefenen.quote: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
Post eens wat code.quote: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.quote: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 ]
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; } |
Gelukt via cell-spacing kwam ik dankzij Google op de volgende oplossing:quote:
1 2 | border-collapse: separate; border-spacing: 15px; |
Maar ik doe niet aan HTML5. Of maakt dat niet uit?quote:Op maandag 12 maart 2012 12:27 schreef KomtTijd... het volgende:
tip 1: gebruik het html5 doctype ipv xhtml 1.0.
Ik heb een keer mijn eigen website ontworpen, en dat is waarschijnlijk het laatste design werk wat ik ooit zal doenquote: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 wil dus een eenvoudige huisstijl gaan ontwerpen, alleen ben ik dus niet handig in het maken van een eenvoudig logo.quote:Op maandag 12 maart 2012 13:56 schreef RenRen- het volgende:
Ik wel, ook met die van een ander. Wat wil je weten?
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.quote: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?
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.quote: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.
Echt nagaan waarin jij onderscheidend bent, of wat bij jou past, dat lijkt me een leuk beginquote: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.
Als je er het geld niet voor hebt, omdat je net begint en een echte designer nog wat kost, is een mooi begin.quote: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.
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 helpenquote: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.
Wow. Just wow.quote:Op maandag 12 maart 2012 13:07 schreef RenRen- het volgende:
Hij doet het in IE dus mijn grootste probleem is opgelost
Held.
Kan ook gewoon je naam gebruiken, genoeg vakmensen aan de top die dit doen dus niks om je zorgen om te maken.quote: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.
Eensch.quote: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.
mobiel is (waarschijnlijk) .mp4 en desktop krijg je flash, zou daar aan kunnen liggenquote: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.
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 == 1 ? ' Spot Left' : ' Spots Left'); } return null; }; var day_left = function(service){ if(service.is_schedulelater) return null; var d = service.start_date.split('-'); var days = Math.round((new Date(d[0],d[1] - 1, d[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_head, fs_for, fs_disc]); fs_box = this.div({'class': 'fs_box'}, [tag_spots, tag_day, s_image, fs_left, fs_price, clear ] ); 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", view, settings); 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; ?> |
Mijn magische bol is kapot helaas.quote: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.
Herschrijven moet je sowiesoquote: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?
quote:Op maandag 12 maart 2012 22:33 schreef Scorpie het volgende:
[..]
Herschrijven moet je sowiesowat een bagger.
Ik heb geen idee, een testpagina waarop het script werkend te zien is zou al mooi zijn.quote: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.
ff kijken, hold onquote: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.
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> |
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> |
De content is te lang, daarom schiet de rest er uit.quote: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
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.quote:
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> |
1 2 3 | body, html, #wrapper { min-height:100%; height:100%; } #wrapper { margin-bottom:-100px; } #footer { height: 100px; } |
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.quote: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.
Klopt, maar dat is in de meeste gevallen niet gewenst. Net als zo'n grote header die constant bovenaan je pagina blijft zweven.quote: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.
Hoe bedoel je "schalen" naar overgebleven ruimte?quote: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.
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.quote:Op donderdag 15 maart 2012 21:15 schreef BBQSausage het volgende:
[..]
Hoe bedoel je "schalen" naar overgebleven ruimte?
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |