1 2 3 4 5 6 7 8 9 10 | // pages top toggle box jQuery("#open").click(function(){ jQuery("div#panel_wrapper").slideDown("slow"); }); jQuery("#close").click(function(){ jQuery("div#panel_wrapper").slideUp("slow"); }); jQuery("#toggle a").click(function () { jQuery("#toggle a").toggle(); }); |
quote:Op vrijdag 2 maart 2012 10:38 schreef Mirel het volgende:
Dit is alles. Ik kan wel de hele .js posten maar ik geloof dat dit het is.
[ code verwijderd ]
1 2 3 4 5 | jQuery("#open").click(function(){ jQuery("div#panel_wrapper").slideDown("slow", function() { initialize(); }); }); |
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 | <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(52.1025780, 5.0978729); var settings = { zoom: 15, center: latlng, mapTypeControl: true, mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, navigationControl: true, navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), settings); var companyPos = new google.maps.LatLng(52.1025780, 5.0978729); var companyLogo = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo.png', new google.maps.Size(100,50), new google.maps.Point(0,0), new google.maps.Point(50,50) ); var companyShadow = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo_shadow.png', new google.maps.Size(130,50), new google.maps.Point(0,0), new google.maps.Point(65, 50) ); var companyPos = new google.maps.LatLng(52.1025780, 5.0978729); var companyMarker = new google.maps.Marker({ position: companyPos, map: map, icon: companyLogo, shadow: companyShadow, title:"Filmdepartment" }); } </script> |
1 2 3 4 5 6 7 8 9 10 11 12 | // pages top toggle box jQuery("#open").click(function(){ jQuery("div#panel_wrapper").slideDown("slow", function() { initialize(); }); }); jQuery("#close").click(function(){ jQuery("div#panel_wrapper").slideUp("slow"); }); jQuery("#toggle a").click(function () { jQuery("#toggle a").toggle(); }); |
Hmm, nouja, een vraag stellen kan altijd..quote:Op vrijdag 2 maart 2012 10:10 schreef Catch22- het volgende:
Ja, maar dan moet je dus niet hier komen.
Het is hetzelfde als aan een automonteur vragen hoe je een band moet vervangen en als hij zegt "Pak eerst de krik" dat jij vraagt "wat is een krik?"
Vind ik ook. KomtTijd.. ik vind dat je best fel bent. Mensen komen hier gewoon om wat hulp vragen, jij hoeft ze niet te helpen maar ze meteen weer wegsturen vind ik ook wat ver gaan.quote:Op vrijdag 2 maart 2012 13:51 schreef Maartel het volgende:
[..]
Hmm, nouja, een vraag stellen kan altijd..
Er zullen zat mensen zijn die niet veel van programmeren weten maar bijvoorbeeld wel een leuk achtergrondje of plugin aan hun profieltje/weblog/hyves/etc toe willen voegen. Ik vind het een beetje ver gaan om te zeggen dat elke hobbyist zich volledig in moet lezen in dingen die ze daarna nooit meer gebruiken. (zoals ik al eerder vergeleek, als ik een vriend in het buitenland vraag hoe ik 'dank je wel' moet zeggen in het spaans, zal een 'ga eerst maar eens een LOI studie Spaans volgen' me ook niet echt verder helpen).
Dat je als gevorderde geen zin hebt om een vraag, die voor jou makkelijk is te beantwoorden, te beantwoorden aan iemand die zelf maar een beetje aan t hobby-en is, dat is natuurlijk een tweede, en je volste recht.
Nouja, hij heeft ook niet gezegd dat ik nooit meer in dit topic mag komen.quote:Op vrijdag 2 maart 2012 13:56 schreef picodealion het volgende:
[..]
Vind ik ook. KomtTijd.. ik vind dat je best fel bent. Mensen komen hier gewoon om wat hulp vragen, jij hoeft ze niet te helpen maar ze meteen weer wegsturen vind ik ook wat ver gaan.
Ik wil ook iedereen helpen hoor, maar na een keer of 4 ben je wel zat om ieder greintje medewerking eruit te moeten zeulen bij degene die je probeert te helpen. Dan heb ik wel wat beters te doen.quote:Op vrijdag 2 maart 2012 13:56 schreef picodealion het volgende:
[..]
Vind ik ook. KomtTijd.. ik vind dat je best fel bent. Mensen komen hier gewoon om wat hulp vragen, jij hoeft ze niet te helpen maar ze meteen weer wegsturen vind ik ook wat ver gaan.
Je hoeft natuurlijk niet te posten.quote:Op vrijdag 2 maart 2012 14:27 schreef KomtTijd... het volgende:
[..]
maar na een keer of 4 ben je wel zat om ieder greintje medewerking eruit te moeten zeulen bij degene die je probeert te helpen. Dan heb ik wel wat beters te doen.
Hoeft niet nee, maar het is wel leuk.quote:
Begrijp me niet verkeerd, ik waardeer je inzet hier enorm. Maar misschien dat wanneer je zelf het idee hebt dat je iemand 5x hetzelfde aan het uitleggen bent, je dan beter niet meer kan posten dan dat je gaat roepen dat iemand alles anders moet doen.quote:Op vrijdag 2 maart 2012 14:34 schreef KomtTijd... het volgende:
[..]
Hoeft niet nee, maar het is wel leuk.
Je zult mij dan ook niemand "weg zien sturen" hier, maar ik ga ook niet 5x het zelfde uitleggen. Dan is het namelijk niet meer leuk.
Dat is gewoon een handige tip. Ik heb het vak ook niet geleerd door alles te copypasten en door anderen te laten doen.quote:Op vrijdag 2 maart 2012 14:37 schreef Tijn het volgende:
[..]
Begrijp me niet verkeerd, ik waardeer je inzet hier enorm. Maar misschien dat wanneer je zelf het idee hebt dat je iemand 5x hetzelfde aan het uitleggen bent, je dan beter niet meer kan posten dan dat je gaat roepen dat iemand alles anders moet doen.
quote:"Er staan 2 systeembeheerders langs de weg met pech. Zegt de een tegen de ander: probeer anders even uit te stappen en opnieuw in te stappen"
Geen dankquote:Op zondag 4 maart 2012 22:58 schreef Mirel het volgende:
Doe eens lief tegen elkaar jongens. En fix mijn googlemaps even.
Grapje, dat is al af.
een fallback is toch zo geschreven?quote:Op maandag 5 maart 2012 01:06 schreef KomtTijd... het volgende:
Ik heb de laatste tijd heerlijk zitten stylen met :nth-child en rgba-kleuren. Wat werkt dat toch geniaalEen veld highlighten? Gewoon background:rgba(255,255,255,0.05) eroverheen!
't wachten is op de eerste mensen die komen klagen dat ze het overzicht kwijt raken in IE7
1 2 3 4 5 6 7 | <script> var auto_refresh = setInterval( function() { $('#loaddiv').load('progress.php'); }, 2000); </script> |
1 2 3 | if(val == 100){ clearTimeout(auto_refresh); } |
Je kan via je code of js toch gewoon even en odd classes aangeven?quote:Op maandag 5 maart 2012 01:23 schreef KomtTijd... het volgende:
Voor nth-child niet echt. heb niet zoveel zin om mijn templates daarvoor om te gaan bouwen.
Maar ik ga voor de leesbaarheid nog wel een keer een fallback maken als ik me verveel. 't Betreft geen publieke pagina's.
Ja idd, of je geeft gewoon alle IE8 gebruikers een schop onder hun hol. (alle bezoekers persoonlijk kennen geeft je dat voordeelquote:Op maandag 5 maart 2012 08:11 schreef Catch22- het volgende:
[..]
Je kan via je code of js toch gewoon even en odd classes aangeven?
Gewoon extra zware js specifiek aan IE koppelen, als er dan geklaagd wordt over de snelheid bied je een sneller alternatief aanquote:Op maandag 5 maart 2012 10:19 schreef KomtTijd... het volgende:
[..]
Ja idd, of je geeft gewoon alle IE8 gebruikers een schop onder hun hol. (alle bezoekers persoonlijk kennen geeft je dat voordeel)
1 2 3 4 5 6 7 8 | $(document).ready(function(){ setTimeout(function(){ $("div.map_loading").fadeOut("slow", function () { $("div.map_loading").remove(); }); }, 2000); }); |
1 2 3 4 5 6 7 8 9 10 | $("a.open").click(function () { $(document).ready(function(){ setTimeout(function(){ $("div.map_loading").fadeOut("slow", function () { $("div.map_loading").remove(); }); }, 2000); }); }); |
1 2 3 4 | <li id="toggle"> <a id="open" class="open" href="#"></a> <a id="close" style="display: none;" class="close" href="#"></a> </li> |
1 2 3 4 5 | var loadGoogleMap = function(){ // hier je code die de API inlaadt enzo } $('#open').bind('click', loadGoogleMap); |
1 2 3 4 5 6 7 8 9 10 | $("a.open").click(function () { $(document).ready(function(){ setTimeout(function(){ $("div.map_loading").fadeOut("slow", function () { $("div.map_loading").remove(); }); }, 2000); }); }); |
Dit gaat niet over googlemaps maar om een laadicoontje. Die staat er een beetje nep bij maar goedquote:Op maandag 5 maart 2012 17:56 schreef PimD het volgende:
Vier keer een functie nesten, dat zal vast lekker te onderhouden zijn ja. Als je nou gewoon de laadfunctionaliteit lostrekt, en dus een functie loadGoogleMap ofzo hebt, dan roep je die toch gewoon aan op je click-event?
[ code verwijderd ]
Zoiets. Al maanden niet meer met jQuery gewerkt.
1 2 3 4 5 6 7 8 | $(document).ready(function() { $('a.open').click(function () { setTimeout(function(){ $("div.map_loading").fadeOut("slow", function () { $("div.map_loading").remove(); }); }, 2000); }); |
1 2 3 4 5 6 7 | <?php $(document).ready(function() { $('a.open').click(function () { $("div.map_loading").delay(2000).fadeOut("slow", function(element){ element.remove(); } )} }); }); ?> |
Ik gebruik altijd de PHP tag om code te tonen, vind ik mooier qua highlight.quote:
Laat eens een testpagina zien waarop het staat.quote:Op dinsdag 6 maart 2012 09:17 schreef Mirel het volgende:
Alles wat hier staat doet het overigens niet. Het koppelen aan de a.open
1 2 3 4 5 6 7 8 | $(document).ready(function(){ setTimeout(function(){ $("div.map_loading").fadeOut("slow", function () { $("div.map_loading").remove(); }); }, 2000); }); |
Ik vermoed dat dat te maken heeft met timing issues, die weer worden veroorzaakt door al die onready events en bijbehorende functie calls die in je berg HTML zitten gestopt.quote:Op dinsdag 6 maart 2012 10:04 schreef Mirel het volgende:
Pakt 'ie het dan vanuit een externe? Als het niet vanuit header.php werkte..
Besteed het dan uit, want je kan niks en je wil het ook niet leren nu. Zoek iemand met verstand van zaken die het wel voor je wil doen.quote:Op dinsdag 6 maart 2012 10:11 schreef Mirel het volgende:
Sorry maar ik snap nauwelijks van wat je zegt, nogmaals: ik weet NIKS van javascript/jquery en al die andere dingen.
Er is overigens een custom.js bestand, heb daar even mijn googlemaps code daar verplaatst, maar het werkt niet.Maar goed, ik ga nu niet alles lopen aanpassen, want dan ben ik lang bezig.
Dus we gaan nog heel veel meer van zulke 'can`t do, won`t do, shall not do' vragen van je krijgen?quote:Op dinsdag 6 maart 2012 10:23 schreef Mirel het volgende:
Nee, het is een kleinigheidje om het idee op te wekken dat de googlemap daadwerkelijk geladen wordt. Ga ik niet veel aandacht aan besteden. Heb gister en vandaag wat geprobeerd, het werkt niet, dusja, op naar het volgende.
quote:Op dinsdag 6 maart 2012 10:28 schreef Mirel het volgende:
Godverdomme. NEE. Ik vroeg om wat hulp, die hulp ontving ik en ik probeerde zelf ook wat (staat niet in dit topic). Ik zat niet klakkeloos over te kopieren. Als het iets cruciaals was, dan was ik nu nog bezig, maar dat is het niet.
Ik vraag niet om antwoorden.
Het gaat er meer om dat je na 2 seconden al opgeeft, zonder te achterhalen wat het is, hoe het gefixed kan worden en hoe je in de toekomst dit soort dingen zou kunnen voorkomen. Grote kans natuurlijk dat je bij het volgende probleem dezelfde attitude tentoon spreid.quote:Op dinsdag 6 maart 2012 10:23 schreef Mirel het volgende:
Nee, het is een kleinigheidje om het idee op te wekken dat de googlemap daadwerkelijk geladen wordt. Ga ik niet veel aandacht aan besteden. Heb gister en vandaag wat geprobeerd, het werkt niet, dusja, op naar het volgende.
Ik ben hier sinds gistermiddag al mee bezig. Daarom vind ik het niet leuk dat ik er beschuldigd van wordt dat ik op kant-en-klaar oplossingen zit te wachten.quote:Op dinsdag 6 maart 2012 10:33 schreef Scorpie het volgende:
[..]
[..]
Het gaat er meer om dat je na 2 seconden al opgeeft, zonder te achterhalen wat het is, hoe het gefixed kan worden en hoe je in de toekomst dit soort dingen zou kunnen voorkomen. Grote kans natuurlijk dat je bij het volgende probleem dezelfde attitude tentoon spreid.
Vraag jezelf eens af hoe dat komt. Ik heb al wat hints gegeven...quote:Op dinsdag 6 maart 2012 10:35 schreef Mirel het volgende:
[..]
Ik ben hier sinds gistermiddag al mee bezig.
Hoe noem je het dan, als je zegt dat je nergens wat vanaf weet? Wat verwacht je dan dat het beeld van jou is bij ons als we zulke opmerkingen zien staan?quote:Daarom vind ik het niet leuk dat ik er beschuldigd van wordt dat ik kant en klaar oplossingen zit te wachten.
Tsja, ik ben misschien iets te hard maar die frustratie die je nu hebt is te danken aan een onoverzichtelijke brei van code gemaakt door iemand die geen idee heeft wat hij/zij aan het doen is.quote:Ik ben nu een beetje moe van het boos en geïrriteerd zijn dus ik hou op.
Dan geef ik je een welgemeende tip mee; blijf ver uit de buurt van Javascript, leg je toe op CSS en HTML en laat de rest doen door iemand die daar wel mee overweg kan.quote:Op dinsdag 6 maart 2012 10:38 schreef Mirel het volgende:
Mijn kennis ging niet verder dan níet inline code ergens neer te zetten, dingen aanroepen vanuit andere bestanden of scriptbestanden lukte ook niet. Totdaar gaat m'n kennis. Het is nogmaals een niet essentieel iets en ik heb nog andere dingen die ik nu moet doen en heb besloten om dat gifje maar te laten zitten.
1 2 3 4 5 6 7 8 9 10 11 | #up a.buttonclean:hover { display:inline-block; font-weight:bold; text-decoration:none; width:90%; line-height:20px; border:0; position:relative; z-index:911; } |
Nope, werkt niet..quote:
Aangepast naar '#twitter ul, #twitter, li'. Zie geen merkbaar verschil met wat ik eerst had.quote:Ik denk dat het feit dat de parent een display:inline heeft ook niet helpt. Zie dit in je code trouwens:
#twitter ul, li { }
bedoel je niet ul, li of #twitter ul, #twitter li ?
Dat zijn weer 3 compleet andere selectors.quote:Op dinsdag 6 maart 2012 15:13 schreef Pino112 het volgende:
Aangepast naar '#twitter ul, #twitter, li'. Zie geen merkbaar verschil met wat ik eerst had.
Meeschalen is geen probleem als het maar goed gebeurdquote:Op dinsdag 6 maart 2012 15:30 schreef Catch22- het volgende:
Op zich wel. Alleen ben ik niet zo'n fan van meeschalen. Ik heb mijn browser vaak op 1600px breedte en dan is je content wel heel breed. Breder dan 600px moet je content niet laten worden eigenlijk. Ik zou hem centreren en vastpinnen op 960px;
dropdowns doe ik altijd met superfish icm hoverintent omdat dat fijner is voor gebruikers.
Nadeel dat ik alleen maar op max 1680*1050 kan testen, en daar vind ik het niet lelijk staan eigenlijk.quote:Op dinsdag 6 maart 2012 19:17 schreef Catch22- het volgende:
Klopt. Maar als content te breed wordt is t niet goed :-)
Pssst. Het is niet verplicht om je browser fullscreen te zetten!quote:Op dinsdag 6 maart 2012 20:04 schreef Pino112 het volgende:
[..]
Nadeel dat ik alleen maar op max 1680*1050 kan testen, en daar vind ik het niet lelijk staan eigenlijk.
En de klant ook niet..
Toch is het aan te raden niet meer dan 75 karakters per zin te gebruiken, daarnaast is iets meer regelafstand ook geen overbodige luxe.quote:Op dinsdag 6 maart 2012 20:04 schreef Pino112 het volgende:
[..]
Nadeel dat ik alleen maar op max 1680*1050 kan testen, en daar vind ik het niet lelijk staan eigenlijk.
En de klant ook niet..
http://www.bzzen.com/2010/02/leesbaarheid-van-tekst/quote:Kies 66 karakters als regellengte
Een regellente van 45 tot 75 karakters ervaren lezers als prettig. Een regellengte van 66 karakters, inclusief spaties, is optimaal. De ogen leggen dan een prettige afstand naar het begin van de volgende regel af en hoeven dit niet te vaak te doen. Het aantal karakters per regel vind je door de tekst te kopiëren en te tellen met bijvoorbeeld het online tel programma van Javascript Kit. Daarna deel je het resultaat door het aantal regels.
Tis nu een groot plaatje en probeer daar wat winst te behalen.quote:Op woensdag 7 maart 2012 09:33 schreef Catch22- het volgende:
http://css3please.com/
http://gradients.glrzad.com/
http://www.colorzilla.com/gradient-editor/
http://css3generator.com/
en even pielen
of als je het met een afbeelding wil doen; is die 1/3e een vaste hoogte of variabel?
Gewoon linear gradient lines. Zie de link.quote:Op woensdag 7 maart 2012 10:23 schreef Catch22- het volgende:
ik zou het met CSS3 doen in dat geval, met een plaatje als backup voor IE.
Is het een gradient of radial? Want een gradient hoeft maar 1px breed te zijn he.
Ik zou voor IE een Direct X filter gebruiken. Dan hoef je niet te klungelen met plaatjes en kun je alles vanuit je CSS doen.quote:Op woensdag 7 maart 2012 10:23 schreef Catch22- het volgende:
ik zou het met CSS3 doen in dat geval, met een plaatje als backup voor IE.
1 | .icon_twitter:hover, .icon_facebook:hover, .icon_youtube:hover, .icon_vimeo:hover, .icon_googleplus:hover{ |
of .parentelement imgquote:Op woensdag 7 maart 2012 11:26 schreef QM84 het volgende:
Op al die iconen een extra class toevoegen die voor al die iconen hetzelfde is? (.icon bvb),
dan hoef je alleen .icon:hover te stylen.
Doe je goedquote:Op woensdag 7 maart 2012 11:42 schreef RenRen- het volgende:
Mijn site doet trouwens he-le-maal niets in IE. Dat lijkt me niet echt goed.Alleen het menu doet het ongeveer.
Ja, en waar het aan kan liggen weet ik ook nietquote:
Ik heb er snel naar gekeken en het lijkt erop dat alle tags zijn afgesloten, als ik tijd heb ga ik daar even uitgebreid naar kijken en alle tags nalopen.quote:Op woensdag 7 maart 2012 13:15 schreef QM84 het volgende:
IE wil nog wel eens moeilijk doen over fouten in de tags, > vergeten achter een tag oid.
Javascript-fout kan ook een oorzaak zijn.
En als je font-face gebruikt: er zijn een paar fonts waar IE over valt, en het dus ook vertikt om te werken, als je die gebruikt.
Gebruikt een tool zoals Notepad++. Die zet code die fout is om naar standaard zwarte tekst. En als je op een begin tag klikt, dan wordt die gehighlight, en de einde tag ook.quote:Op woensdag 7 maart 2012 13:16 schreef RenRen- het volgende:
[..]
Ik heb er snel naar gekeken en het lijkt erop dat alle tags zijn afgesloten, als ik tijd heb ga ik daar even uitgebreid naar kijken en alle tags nalopen.
En ik gebruik wel fontface, met een alternatief font dat op iedere computer te vinden is, maar dat zou toch niet de reden moeten zijn voor een (voor het grootste deel) lege pagina?Of wel en moet ik dat eruit filteren voor IE?
Bedankt voor het meedenken.
Je bedoelt dat dan alles wat binnen die tag valt wordt gehighlight? Even kijken waar ik die kan vinden, kan ik die tool gebruiken om te controleren.quote:Op woensdag 7 maart 2012 13:23 schreef Mirel het volgende:
[..]
Gebruikt een tool zoals Notepad++. Die zet code die fout is om naar standaard zwarte tekst. En als je op een begin tag klikt, dan wordt die gehighlight, en de einde tag ook.
Ik denk 9, maar ik moet nu weg, dus kan niet kijken, ik laat het je nog zeker weten.quote:Op woensdag 7 maart 2012 13:26 schreef KomtTijd... het volgende:
Welke IE-versies gaat het fout in?
IE9 heeft toch ook iets van development tools die je zou kunnen gebruiken?
jjasjlkdjsalkd. Doe ik wel als ik tijd heb dit weekendquote:Op donderdag 8 maart 2012 08:48 schreef Scorpie het volgende:
Dan wordt het trial & error, uitschakelen van styles / divs totdat je het gevonden hebt.
Opnieuw bouwen? Welnee. Je weet toch wel wat <!-- --!> doet en /** **/ doet?quote:Op donderdag 8 maart 2012 08:49 schreef RenRen- het volgende:
[..]
jjasjlkdjsalkd. Doe ik wel als ik tijd heb dit weekendAlles opnieuw bouwen, best een kutklus.
...quote:Op donderdag 8 maart 2012 08:52 schreef Scorpie het volgende:
[..]
Opnieuw bouwen? Welnee. Je weet toch wel wat <!-- --!> doet en /** **/ doet?
1 2 3 4 | *{ margin:0; padding:0; } |
Geen flauw idee hoe nieuw het is. Kwam het toevallig van de week tegen en dit is hoe ze het noemen:quote:Op donderdag 8 maart 2012 09:40 schreef Mirel het volgende:
Hoe nieuw is dat normalize.css eigenlijk? Ik heb daar nooit wat van gehoord tijdens de lessen op school
Of nog beter: gebruik helemaal geen reset.quote:Op donderdag 8 maart 2012 09:23 schreef Catch22- het volgende:
[ code verwijderd ]
haal dat eens weg en include voor je reguliere stylesheet een normalize.css.
Of nog beter: toch welquote:Op donderdag 8 maart 2012 10:13 schreef KomtTijd... het volgende:
[..]
Of nog beter: gebruik helemaal geen reset.
Juist wel.quote:Op donderdag 8 maart 2012 10:13 schreef KomtTijd... het volgende:
[..]
Of nog beter: gebruik helemaal geen reset.
quote:Op donderdag 8 maart 2012 11:46 schreef boem-dikkie het volgende:
Ik vind een 'reset' wel handig. Dan wordt alles zo gestyled zoals ik zelf aangeef in plaats van de user agent stylesheet die alles in elke browser anders pleurt.
alleen haalt een reset ALLE stijlen weg, dus een <strong> tag zorgt niet meer voor vetgedrukte tekst, een LI springt niet in etc etc.quote:Op donderdag 8 maart 2012 11:46 schreef boem-dikkie het volgende:
Ik vind een 'reset' wel handig. Dan wordt alles zo gestyled zoals ik zelf aangeef in plaats van de user agent stylesheet die alles in elke browser anders pleurt.
Precies: Een kwestie van voorkeur. Ik vind het zelf heel handig, om de <strong> te stylen zoals ik dat wil. Soms is het vetgedrukt, maar het kan ook een iets groter font zijn, of italic, of... Hetzelfde als een li; in de meeste gevallen dat ik li's gebruik, wil ik ook niet dat ze inspringen; eigenlijk alleen bij lijstjes in de content-area wel; dan stijl ik liever die op inspringen, en de rest gewoon niet.quote:Op donderdag 8 maart 2012 12:45 schreef Catch22- het volgende:
[..]
alleen haalt een reset ALLE stijlen weg, dus een <strong> tag zorgt niet meer voor vetgedrukte tekst, een LI springt niet in etc etc.
normalize.css zorgt ervoor dat een li in elke browser hetzelfde inspringt. Dat een H3 in elke browser standaard even groot wordt etc etc.
Dat is semantisch niet oke natuurlijkquote:Op donderdag 8 maart 2012 13:01 schreef QM84 het volgende:
[..]
Precies: Een kwestie van voorkeur. Ik vind het zelf heel handig, om de <strong> te stylen zoals ik dat wil. Soms is het vetgedrukt, maar het kan ook een iets groter font zijn, of italic, of...
ook dit is semantisch niet geheel correct. Een lijst springt in principe in. De afwijking is in menu's, ik defenieer liever in een menu dat het anders moet, want het standaardgedrag is dan semantisch oke.quote:Hetzelfde als een li; in de meeste gevallen dat ik li's gebruik, wil ik ook niet dat ze inspringen; eigenlijk alleen bij lijstjes in de content-area wel; dan stijl ik liever die op inspringen, en de rest gewoon niet.
Ik gebruikte heel lang resets, maar ben nu overgestapt naar een normalize stylesheet.quote:Maw: mijn voorkeur gaat uit naar een reset. Ik snap ook best dat anderen liever een normalize hebben; 't is maar net wat je zelf het makkelijkst werken vindt. Hier is geen goed of fout in, geen reden waarom je de ene móét gebruiken en de ander niet.
Waarom??quote:Op donderdag 8 maart 2012 13:01 schreef QM84 het volgende:
[..]
Precies: Een kwestie van voorkeur. Ik vind het zelf heel handig, om de <strong> te stylen zoals ik dat wil. Soms is het vetgedrukt, maar het kan ook een iets groter font zijn, of italic, of...
Omdat designers soms rare mensen zijn?quote:
een lijst die achterelkaar staat is niet echt een lijst natuurlijk. En EM is voor nadruk (emphasis). Maargoed; suit yourself.quote:Op donderdag 8 maart 2012 13:10 schreef QM84 het volgende:
Wat heeft dikgedrukte tekst of insprong met semantiek te maken?
Strong is een tag die aangeeft dat de tekst daarbinnen extra benadrukt moet worden. Hoe je dat visueel oplost, heeft 0,niks met semantiek te maken. Zelfde principe voor lijsten..
Dat ligt aan jezelf, je moet wel gestructureerd blijven werken. Voor mij is LESS wel iets dat mij tijd bespaart. Door zowel de mixin's als de nesting.quote:Ik gebruik ook SCSS sinds kort, maar ik ben er nog niet helemaal over te spreken.. het moedigt aan om rommelig en inefficiënt te coderen. Op zich kan het qua css3-mixins wel handig zijn. Maar bvb de tijd die je kwijt bent aan het debuggen, wat een stuk lastiger is geworden, weegt daar imho niet tegenop.
niet alles natuurlijk. Maar het zorgt er wel voor dat de basis overal gelijk is.quote:Op donderdag 8 maart 2012 13:52 schreef DutchErrorist het volgende:
Oke wacht even zorgt een normalize.css ervoor dat alles hetzelfde wordt gerenderd? Want ik heb nu een probleem dat alles in Chrome er goed uit ziet, in Firefox bijna alles, en in IENaja daar ga ik het niet eens over hebben.
Oeeeeeh even kijkenquote:Op donderdag 8 maart 2012 13:54 schreef Catch22- het volgende:
[..]
Dat ligt aan jezelf, je moet wel gestructureerd blijven werken. Voor mij is LESS wel iets dat mij tijd bespaart. Door zowel de mixin's als de nesting.
[..]
niet alles natuurlijk. Maar het zorgt er wel voor dat de basis overal gelijk is.
Dit en het font van de body op 62.5% zodat een em 10 pixels representeert. Door px, em en % goed in te zetten kan je heel nice websites maken die zich aanpassen aan de browser.quote:Op donderdag 8 maart 2012 11:46 schreef boem-dikkie het volgende:
Ik vind een 'reset' wel handig. Dan wordt alles zo gestyled zoals ik zelf aangeef in plaats van de user agent stylesheet die alles in elke browser anders pleurt.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | #left { background: url('images/title.gif') repeat-x; float: left; width: 300px; background-color: white; margin: 6px; border-style:solid; border-color:black; border-width: 0 1px 1px 1px; } #left h1 { font-size: 8px; letter-spacing: 1px; font-family: pixChicagoRegular; font-weight:normal; |
Dat zorgt er voor dat de standaard stijl die aan bepaalde elementen wordt gehangen door de browser (paddings, margins, inspringen van list items, e.d.) worden 'gereset' naar een vaste waarde zodat ze in alle browsers hetzelfde zijn en zo worden als dat jij aangeeft in je CSS.quote:Op donderdag 8 maart 2012 13:52 schreef DutchErrorist het volgende:
Oke wacht even zorgt een normalize.css ervoor dat alles hetzelfde wordt gerenderd? Want ik heb nu een probleem dat alles in Chrome er goed uit ziet, in Firefox bijna alles, en in IENaja daar ga ik het niet eens over hebben.
Die streep komt van dat gifje (die title.gif) en verder heeft die h1 geen stylen.quote:Op donderdag 8 maart 2012 14:17 schreef Catch22- het volgende:
series, wat denk je nou?
wat voor verdere stylen heeft die h1 en waar komt die streep vandaan?
1 2 3 4 5 6 7 8 9 10 11 12 13 | <div id="left"> <h1> GetSimple Features</h1> <ul> <li>XML based data storage</li> <li>Best-in-Class User Interface</li> <li>'Undo' protection & backups</li> <li>Easy to theme</li> <li>Great documentation</li> <li>Growing community</li> </ul> <p>This is your sidebar text. Please change me in <em>Theme -> Edit Components</em></p> <p><a href="http://get-simple.info/download/">Download the Latest GetSimple</a></p> </div> |
Dan zet hij het goed in chrome maar staat het verkeerd firefox in (tegen de bovenkant gedrukt) .quote:Op donderdag 8 maart 2012 14:40 schreef Catch22- het volgende:
geef die h1 eens margin:0; en padding:0;, want hij heeft in Chrome een padding gok ik
er zit ergens een margin of padding die niet goed is. Zonder een codevoorbeeld kan ik je niet vertellen wat en moet je het zelf vinden.quote:Op donderdag 8 maart 2012 14:43 schreef DutchErrorist het volgende:
[..]
Dan zet hij het goed in chrome maar staat het verkeerd firefox in (tegen de bovenkant gedrukt) .
Ik zal even zoeken.quote:Op donderdag 8 maart 2012 15:59 schreef Catch22- het volgende:
[..]
er zit ergens een margin of padding die niet goed is. Zonder een codevoorbeeld kan ik je niet vertellen wat en moet je het zelf vinden.
Dit is echt basis css. Ik neem aan dat dat blok al in een div of soortgelijk element zit, en waarschijnlijk zelfs met een class of een id eraan dat je kan gebruiken om het te stijlen. Dan mag je zelf even gaan zoeken hoe je css gebruikt om borders, achtergrondkleuren en eventueel zelfs een box-shadow toe te voegen.quote:Op donderdag 8 maart 2012 16:07 schreef Yuri_Boyka het volgende:
Ik heb een vraag.
Ik heb een webshop en als je hebt besteld dan kom je op de success pagina.
[ afbeelding ]
Nu heb ik daar een stuk omcirkeld waar ik een BOX wil hebben zodat dat stukje opvalt en mensen eerder geneigd zijn om het te delen.
Ik heb gisteren het internet afgespeurd maar ik kan echt niet vinden hoe ik dat nou naar voren kan laten springen. Er moet dus niet alleen een rand omheen maar alles daar binnen moet beetje lichtgrijs zijn.
Kan iemand me hiermee helpen, liefst via Skype.
Het liefst wil ik zo'n systeem maar dat was lastig te maken.
[ afbeelding ]
Bedankt!
quote:Op donderdag 8 maart 2012 16:15 schreef picodealion het volgende:
[..]
Dit is echt basis css. Ik neem aan dat dat blok al in een div of soortgelijk element zit, en waarschijnlijk zelfs met een class of een id eraan dat je kan gebruiken om het te stijlen. Dan mag je zelf even gaan zoeken hoe je css gebruikt om borders, achtergrondkleuren en eventueel zelfs een box-shadow toe te voegen.
quote:Op vrijdag 2 maart 2012 10:23 schreef Catch22- het volgende:
[html, css, js] Voor Dummies
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Ja leuk en aardig en ik begrijp het ook wel. Maar ik heb het al druk zat met andere zaken rondom de business dat ik geen tijd heb om zoveel tijd te spenderen om uit te zoeken hoe ik een box kan maken daar, wat voor jullie a piece of cake is.quote:
Leuk dat je het wil oppakken! Herhaling is inderdaad de heilige graal. En vooral er (voortdurend) mee bezig zijn.quote:Op donderdag 8 maart 2012 16:53 schreef McCandless het volgende:
Ik ben een beginneling en heb een vraag. Hoeveel tijd gaat het me ongeveer kosten om html en CSS goed onder de knie te krijgen en hoe leer ik mijzelf nou echt een goede manier van code schrijven aan?
Probleem is een beetje dat ik braaf wat tutorials doorgelopen heb, maar dat ik eigenlijk niet echt een project heb waarmee ik het geleerde in praktijk kan brengen. Mijn uiteindelijke doel is dat ik zelf een webshop via een eenvoudig open-source systeem op kan zetten, maar om daar nou meteen mee te beginnen is gewoon nog een stap te ver voor mij.
Hoe hebben jullie het gedaan? Ik vergeet nu vaak al weer wat ik vorige week gelezen/gedaan heb, dus ik neem aan dat succes hem vooral zit in de herhaling?
Tja, ik heb helaas een full-time baan, waardoor voor mij vooral de avond-uren en weekenden overblijven. Moet ik echt gaan denken in jaren voordat ik een fatsoenlijke website kan bouwen?quote:Op donderdag 8 maart 2012 16:54 schreef donroyco het volgende:
[..]
Leuk dat je het wil oppakken! Herhaling is inderdaad de heilige graal. En vooral er (voortdurend) mee bezig zijn.
Nouja, ik hou me op dit moment veel bezig met SEO dus weet hoe belangrijk het is dat een website goed in elkaar steekt qua techniek en code en heb het er ook zeker wel voor over om dit te leren, maar ik wil wel graag een beeld hebben van hoe lang het zou duren voor ik één en ander weet.quote:Op donderdag 8 maart 2012 16:58 schreef n8n het volgende:
Zorg alleen alsjeblieft–voor iedereen–dat je wel kwaliteit gaat produceren en niet als zovelen alles snel in elkaar leert te hacken op een manier waarmee nu >80% van alle websites worden gemaakt. Dit betekend veel uitproberen, veel artikelen lezen en elke 'webtaal' gebruiken waarvoor deze bedoeld is.
Ligt er ook aan over welke kennis je beschikt en waar je mee begint. Zou je aanraden om je eerst volledig te focussen op html, de basis van het web. Dan css om de opmaak te leren, javascript voor extra functionaliteit en dan php om daadwerkelijk applicaties te schrijven.quote:Op donderdag 8 maart 2012 16:58 schreef McCandless het volgende:
[..]
Tja, ik heb helaas een full-time baan, waardoor voor mij vooral de avond-uren en weekenden overblijven. Moet ik echt gaan denken in jaren voordat ik een fatsoenlijke website kan bouwen?
Koop dit boek:quote:Op donderdag 8 maart 2012 16:58 schreef McCandless het volgende:
[..]
Tja, ik heb helaas een full-time baan, waardoor voor mij vooral de avond-uren en weekenden overblijven. Moet ik echt gaan denken in jaren voordat ik een fatsoenlijke website kan bouwen?
Zorg dat je een goede basis hebt.quote:Op donderdag 8 maart 2012 16:58 schreef McCandless het volgende:
[..]
Tja, ik heb helaas een full-time baan, waardoor voor mij vooral de avond-uren en weekenden overblijven. Moet ik echt gaan denken in jaren voordat ik een fatsoenlijke website kan bouwen?
krijg jij geld voor dat boek ofzo? allemachtig je loopt die rommel aan iedereen te verkopen pffquote:Op donderdag 8 maart 2012 17:02 schreef boem-dikkie het volgende:
[..]
Koop dit boek:
http://www.bol.com/nl/p/e(...)010712714/index.html
Bijzonder goed vormgegeven boek om HTML en CSS te leren. Als je even Google'd vind je wel een inkijkexemplaar met wat pagina's.
html en css zijn niet moeilijk om te begrijpen als je de basisfundamenten weet, het is gewoon wat functies leren. Met css is het al wat lastiger, hiermee moet je veel uitproberen omdat het niet altijd werkt zoals gewenst en je hebt wat trucjes te leren. Gelukkig zijn beide uitgebreid gedocumenteerd. Het is vooral een kwestie van tijd.quote:Op donderdag 8 maart 2012 17:00 schreef McCandless het volgende:
[..]
Nouja, ik hou me op dit moment veel bezig met SEO dus weet hoe belangrijk het is dat een website goed in elkaar steekt qua techniek en code en heb het er ook zeker wel voor over om dit te leren, maar ik wil wel graag een beeld hebben van hoe lang het zou duren voor ik één en ander weet.
Dit ja, bij html is semantiek dan ook belangrijk en met css zou ik veel websites maken met alleen een menu of een image gallery om zo uit te proberen wat er mogelijk is.quote:Op donderdag 8 maart 2012 17:03 schreef Catch22- het volgende:
[..]
Zorg dat je een goede basis hebt.
Html
- welke tags zijn er?
- welke tags gebruik je wanneer?
CSS
- Welke properties zijn er?
- Wat is een blockelement?
- Wat doen floats?
JS
- Hoe werkt de basis?
en ga dan proberen een standaard Wordpress installatie te begrijpen. Of probeer een andere site na te maken...
de hoeveelheid tijd die je nodig hebt ligt tussen een half jaar en infinity, afhankelijk van hoeveel tijd je er wekelijks insteekt en hoe snel je het oppakt.
boeken raad ik sowieso nooit aan, altijd verouderd en je leert de manier aan van een ander die in mijn ervaring nooit kunnen tippen aan hoe het 'hoort'. Altijd een beetje halfslachtig naar mijn mening.quote:Op donderdag 8 maart 2012 17:03 schreef Catch22- het volgende:
[..]
krijg jij geld voor dat boek ofzo? allemachtig je loopt die rommel aan iedereen te verkopen pff
Heb je 'm gezien? Ik heb nog nooit eerder zo'n mooi vormgegeven boek gezien die over een 'saai' onderwerp gaat als HTML/CSS.quote:Op donderdag 8 maart 2012 17:03 schreef Catch22- het volgende:
[..]
krijg jij geld voor dat boek ofzo? allemachtig je loopt die rommel aan iedereen te verkopen pff
hoe durf je html en css saai te noemenquote:Op donderdag 8 maart 2012 17:07 schreef boem-dikkie het volgende:
[..]
Heb je 'm gezien? Ik heb nog nooit eerder zo'n mooi vormgegeven boek gezien die over een 'saai' onderwerp gaat als HTML/CSS.
Boeken sowieso -1quote:Op donderdag 8 maart 2012 17:07 schreef boem-dikkie het volgende:
[..]
Heb je 'm gezien? Ik heb nog nooit eerder zo'n mooi vormgegeven boek gezien die over een 'saai' onderwerp gaat als HTML/CSS.
fantástischquote:
als je mij een niet partnerprogramma link geeft klik ik en kijk ikquote:Op donderdag 8 maart 2012 17:02 schreef boem-dikkie het volgende:
[..]
Koop dit boek:
http://www.bol.com/nl/p/e(...)010712714/index.html
Bijzonder goed vormgegeven boek om HTML en CSS te leren. Als je even Google'd vind je wel een inkijkexemplaar met wat pagina's.
Het is toch niet zo moeilijk als mensen hier al zeiden dat je het in een element moet zetten en het stylen? Anderen hier hebben ook hun bussiness, je bent niet de enige.quote:Op donderdag 8 maart 2012 16:35 schreef Yuri_Boyka het volgende:
[..]
Ja leuk en aardig en ik begrijp het ook wel. Maar ik heb het al druk zat met andere zaken rondom de business dat ik geen tijd heb om zoveel tijd te spenderen om uit te zoeken hoe ik een box kan maken daar, wat voor jullie a piece of cake is.
Ik wil het liefst zoiets als die oranje of die blauwe. Ik heb de files doorgekeken van die specifieke theme waarin dit shorcuts/codes zijn maar daar zie ik door de bomen het niet bos niet meer.
[ afbeelding ]
http://www.bo l.com/nl/p/engelse-boeken/html-css/1001004010712714/index.htmlquote:Op donderdag 8 maart 2012 17:10 schreef mschol het volgende:
[..]
als je mij een niet partnerprogramma link geeft klik ik en kijk ik
ik ook. ga je gang!quote:Op donderdag 8 maart 2012 17:10 schreef n8n het volgende:
Mis eigenlijk wel een html/css le pro topic waar artikelen gepost worden en manieren van werken bediscussieerd
wat doet dannyquote:
nice, ik ga ff op zoek naar aanvullende bronnen voor de OPquote:
referral toevoegen aan bol.com en ibood links. Snap het wel hoor, maakt ook weinig uit verderquote:
Zou interessant kunnen zijn!quote:Op donderdag 8 maart 2012 17:10 schreef n8n het volgende:
Mis eigenlijk wel een html/css le pro topic waar artikelen gepost worden en manieren van werken bediscussieerd
Basis-basis: http://tutsplus.com/course/30-days-to-learn-html-and-css/quote:Op donderdag 8 maart 2012 16:58 schreef McCandless het volgende:
[..]
Tja, ik heb helaas een full-time baan, waardoor voor mij vooral de avond-uren en weekenden overblijven. Moet ik echt gaan denken in jaren voordat ik een fatsoenlijke website kan bouwen?
weet ikquote:Op donderdag 8 maart 2012 17:11 schreef Catch22- het volgende:
[..]
http://www.bo l.com/nl/p/engelse-boeken/html-css/1001004010712714/index.html
dat doet Danny
Merci, en de rest ook natuurlijk! Er is voor mij weer wat werk aan de winkel.quote:Op donderdag 8 maart 2012 17:15 schreef donroyco het volgende:
[..]
Basis-basis: http://tutsplus.com/course/30-days-to-learn-html-and-css/
En daarbij het merendeel wat de rest zegt.
Wie bepaald hoe het hoort dan? Hoe weet ik of ik het doe zoals het 'hoort'?quote:Op donderdag 8 maart 2012 17:06 schreef n8n het volgende:
[..]
boeken raad ik sowieso nooit aan, altijd verouderd en je leert de manier aan van een ander die in mijn ervaring nooit kunnen tippen aan hoe het 'hoort'. Altijd een beetje halfslachtig naar mijn mening.
de specificatie, daarom is het aan te raden–vind ik–alles achter elkaar te leren, zo leer je elke specificatie los van elkaar en gebruik je deze zoals 'het hoort'. Semantiek is belangrijk. Zoals het hoort is altijd subjectief, toch hebben toonaangevende ontwikkelaars overeenkomstige idealen waardoor ze die positie verkregen hebben.quote:Op donderdag 8 maart 2012 17:24 schreef McCandless het volgende:
[..]
Wie bepaald hoe het hoort dan? Hoe weet ik of ik het doe zoals het 'hoort'?
Er zijn gigantisch veel blogs over frontend development met allerlei verschillende inzichten en do's en don'ts. En Google schrijft ongeveer de wet voor over SEO. Maar uiteindelijk vind je gewoon je eigen stijl.quote:Op donderdag 8 maart 2012 17:24 schreef McCandless het volgende:
[..]
Wie bepaald hoe het hoort dan? Hoe weet ik of ik het doe zoals het 'hoort'?
Werkte idd niet, heb gewoon een id en class gebruiktquote:Op woensdag 7 maart 2012 11:34 schreef Mirel het volgende:
Ohik wist niet dat je 2 classes kon doen op 1 element. Ik deed altijd een class en id als het nodig was.
Nicequote:Op donderdag 8 maart 2012 17:13 schreef Catch22- het volgende:
[..]
referral toevoegen aan bol.com en ibood links. Snap het wel hoor, maakt ook weinig uit verder
Frontenddevelopers topic #1 : Go Pro!
ta-daa! Voor de pro's
kan gewoon, scheiden met spatie en je kan ze onafhankelijk van elkaar beïnvloeden. Stiekem zijn id's er alleen voor anchor links en voor extra gewicht in de css.quote:Op donderdag 8 maart 2012 19:26 schreef Mirel het volgende:
[..]
Werkte idd niet, heb gewoon een id en class gebruikt
Meerdere classes in hetzelfde attribuut zetten, en scheiden met spaties. <p class="class1 class2 class3">quote:Op donderdag 8 maart 2012 19:26 schreef Mirel het volgende:
[..]
Werkte idd niet, heb gewoon een id en class gebruikt
textarea maak je op met rows= en cols= in de tag.quote:Op vrijdag 9 maart 2012 14:45 schreef RenRen- het volgende:
Toch niet, ik weet even niet wat ik moet doen.
Ik heb een contactformulier met onderin een textarea. Ik heb in een voorvertoning in Firefox de textarea staan en daar is hij netjes 200px hoog. Als ik het bestand inclusief CSS upload naar mijn server en het dan online bekijk, is hij 30px hoog. Ik dacht dat dat niet klopte, dus heb het bestand van de server bekeken en daarin staat ook gewoon dat de textarea 200px hoog is.
Waarom laat hij dat niet zien? Hard F5 heb ik al gedaan, op een andere computer die nog niet op de server was geweest, klopte het ook niet.
Hij pakt height prima bij de andere formulieren hoor, dus het werkt wel.quote:Op vrijdag 9 maart 2012 15:11 schreef Catch22- het volgende:
[..]
textarea maak je op met rows= en cols= in de tag.
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: |