eerste hit via google:quote:Op zaterdag 26 mei 2012 21:03 schreef Maartel het volgende:
Uhm, ja maar er verschijnen 10 posts per pagina, dus ik vermoed dat wat lengte betreft aan het post gedeelte niet veel te doen is!
sorryquote:Op maandag 28 mei 2012 10:22 schreef Scorpie het volgende:
Wat werkt niet, wat heb je zelf geprobeerd, waar is je code voorbeeld en waar denk je dat het aan kan liggen.
1 2 3 4 5 6 | $('.slide-out-div').tabSlideOut({ tabHandle: '.handle', //class of the element that will be your tab -doesnt have to be an anchor pathToTabImage: 'images/contact_tab.gif', //relative path to the image for the tab imageHeight: '133px', //height of tab image imageWidth: '44px', //width of tab image }); |
ik was de bloglijst aan het doorspitten..quote:Op maandag 28 mei 2012 10:38 schreef Scorpie het volgende:
De plugin hecht zichzelf aan een element, dus dat werkt idd niet. Zal straks die plugin eens doorspitten.
1 2 3 4 5 | $(”.handle”).click(); Actually, since I’m extending this class, I did this: obj.find(”.handle”).click(); |
Zodra je clicked op de andere div vuur je een event af die de klik op de andere div nabootst.quote:Op maandag 28 mei 2012 10:41 schreef MrNiles het volgende:
[..]
ik was de bloglijst aan het doorspitten..
kwam daar iets tegen van
[ code verwijderd ]
maar hoe ik dat dan zou moeten inpassen
1 2 3 | $('divClassOfId').on('click', function() { $('.slide-out-div').click(); }); |
klinkt goed...lees ook iets vergelijkbaars in de blogquote:Op maandag 28 mei 2012 10:52 schreef Scorpie het volgende:
[..]
Zodra je clicked op de andere div vuur je een event af die de klik op de andere div nabootst.
Dus:
[ code verwijderd ]
1 2 3 | <script> $(’.slidediv’).click(function(){$(’.handle’).click();}); </script> |
Dat klopt, faux columns werkt door een achtergrond plaatje in de omvattende container te zetten en die verticaal te herhalen zodat de illusie ontstaat dat de kortste van de kolommen net zo lang is.quote:Op zaterdag 26 mei 2012 21:34 schreef Maartel het volgende:
Bedankt! Weer een gevalletje van op totaal verkeerde formuleringen Googlen dus
(al krijg ik de indruk dat dit met name om een achtergrondkleur/afbeelding gaat en dat heb ik al wel)
1 | Cufon.replace('.stone-help .title', { fontFamily: 'AlternateGothic2 BT' }); |
-fixed-quote:Op maandag 28 mei 2012 12:07 schreef Scorpie het volgende:
Is .handle de naam van de div waar de plugin mee is geinitaliseerd?
anders grouperen, als je zoveel tabs hebt dan doe je iets niet goedquote:Op donderdag 31 mei 2012 15:07 schreef KomtTijd... het volgende:
ik heb een horizontaal menu opgemaakt als tabbladen, maar meer tabbladen dan horizontale ruimte, waardoor de tabbladen 2 regels innemen. De tabs op de bovenste regel zijn daardoor niet echt tabs meer:
[ link | afbeelding ]
Weten jullie een (makkelijke) manier om dat elegant op te lossen?
Mee eens hoor, maar dat neemt het probleem niet weg. Als het er 5 zouden zijn kunnen ze bij elkaar nog steeds breder zijn dan iemands beeldscherm.quote:Op donderdag 31 mei 2012 15:28 schreef Catch22- het volgende:
[..]
anders grouperen, als je zoveel tabs hebt dan doe je iets niet goed
...Dat kan, maar dan gaat het nog een halve dag uitzoekwerk worden... hoopte eigenlijk op een easy fix...quote:Op donderdag 31 mei 2012 15:24 schreef Mirel het volgende:
Een rij van tabs boven en een rij van tabs beneden, als je op een rij klikt, schuift die naar voren?
Netzoals windows doet of deed bij optievensters met teveel tabbladen.
Bij options:
[ afbeelding ]
als je het er mee eens ben waarom deel je het dan niet anders / slimmer in dat je maar 1 rij hebt?quote:Op donderdag 31 mei 2012 16:04 schreef KomtTijd... het volgende:
[..]
Mee eens hoor, maar dat neemt het probleem niet weg. Als het er 5 zouden zijn kunnen ze bij elkaar nog steeds breder zijn dan iemands beeldscherm.
[..]
...Dat kan, maar dan gaat het nog een halve dag uitzoekwerk worden... hoopte eigenlijk op een easy fix...
Misschien klus ik wel wat firefox-achtigs dat je met pijltjes naar links en rechts kunt schuiven...
dit is juist een usability nightmare. Iedereen vind die vensters in Windows kut en dat is juist door die tabs die steeds van plek veranderen en vaag zijn over wat ze inhoudenquote:Op donderdag 31 mei 2012 15:24 schreef Mirel het volgende:
Een rij van tabs boven en een rij van tabs beneden, als je op een rij klikt, schuift die naar voren?
Netzoals windows doet of deed bij optievensters met teveel tabbladen.
Bij options:
[ afbeelding ]
Klopt, ik snapte ze vroeger nooitquote:Op vrijdag 1 juni 2012 12:10 schreef n8n het volgende:
[..]
dit is juist een usability nightmare. Iedereen vind die vensters in Windows kut en dat is juist door die tabs die steeds van plek veranderen en vaag zijn over wat ze inhouden
Dan is het mooi en onbruikbaar. Hoe helpt dat iets?quote:Op vrijdag 1 juni 2012 14:13 schreef Mirel het volgende:
[..]
Klopt, ik snapte ze vroeger nooit, maar op een website kan je ze kleurtjes geven, schaduweffecten en whatever. Het kan wel mooi worden denk ik
1 2 3 4 5 6 7 8 9 10 11 12 | <div data-role="header"> <div class="ui-btn-left"> <a href="/index-new.html" data-role="button" data-icon="home" data-iconpos="notext" data-inline="true">B1</a> </div> <h1><?=$title;?></h1> <div class="ui-btn-right"> <a href="/" data-role="button" data-icon="gear" data-iconpos="notext" data-inline="true">B2</a> <a href="/" data-role="button" data-icon="search" data-iconpos="notext" data-inline="true">B3</a> <a href="/" data-role="button" data-icon="delete" data-iconpos="notext" data-inline="true">B3</a> <a href="/" data-role="button" data-icon="grid" data-iconpos="notext" data-inline="true">B3</a> </div> </div> |
Gewoon die icons iets omlaag positioneren dan.quote:Op maandag 4 juni 2012 22:09 schreef Chandler het volgende:
Iemand beetje ervaring met meerdere icons/buttons in de header te zetten? Het bleek niet 'standaard' mogelijk te zijn maar via een omweg wel, alleen loop ik tegen een klein probleempje aan.
Via : http://stackoverflow.com/(...)uttons-in-the-header
Heb ik de volgende code gemaakt
[ code verwijderd ]
dit levert een bijna goed plaatje aan, zie voorbeeld hieronder.
[ afbeelding ]
maar als je goed kijkt zie je dat de icons er op een of andere manier niet goed uitkomen.... iemand een idee hoe ik dit kan oplossen?
1 2 3 4 5 6 | <a href="http://buildinternet.com/project/mightyicons/" target="_blank" class="mosaic-overlay"> <div class="details"> <h4>Mighty Social Icons</h4> <p>By Build Internet</p> </div> </a> |
joh..dat is de vraag.quote:Op woensdag 6 juni 2012 12:47 schreef Catch22- het volgende:
als die plugin zo werkt moet je hem zo gebruiken. En anders moet je hem ombouwen/herbouwen
Wow, gaaf webshop is dat!quote:Op dinsdag 12 juni 2012 16:31 schreef Tijn het volgende:
Zoiets als dit bijvoorbeeld: http://www.attika-shop.ch
hey, hoe moeilijk kan het zijnquote:Op dinsdag 12 juni 2012 16:59 schreef Scorpie het volgende:
Je manager zei zeker dat het 'wel eventjes naar mobiel kon worden gemaakt'.
Dat zegt mijn opdrachtgever ook altijdquote:
Werkt dat alleen voor IE 8? Heb er nu al wel een hack voor IE 7 inzitten. dezelfde regels zouden ook wel bij IE 8 en lager kunnen komen.quote:Op dinsdag 12 juni 2012 17:11 schreef Catch22- het volgende:
#div {
height: 300px\0/;
}
?
je kan ook geen javascript toevoegen of <!--[if gte IE 8]>
<style>
(your style here)
</style>
<![endif]--> gebruiken?
1 2 3 4 5 6 7 8 9 10 | if($.browser.msie && parseInt($.browser.version) == 8) { $("body").addClass("ie8"); } if($.browser.msie && parseInt($.browser.version) == 7) { $("body").addClass("ie7"); } if($.browser.msie && parseInt($.browser.version) == 6) { $("body").addClass("ie6"); } |
1 2 3 4 | if($.browser.msie) { $("body").addClass("ie" + parseInt($.browser.version)); } |
Hoop dat die het pakt, een JQuery menu werd vanmiddag al genegeerd door het systeem. Maar ze hebben er een paar duizend euro voor betaald dus het moet per se daarin. Als het niet lukt zorg ik er wel voor dat er een grote download knop voor IE 9 in beeld verschijntquote:
Nee voor het CMS.quote:Op dinsdag 12 juni 2012 17:22 schreef Catch22- het volgende:
een paar duizend euro voor een jquery menu? Sterk werk van de uitvoerende partij
quote:Op woensdag 13 juni 2012 09:15 schreef Scorpie het volgende:
[..]
Sterk werk van de uitvoerende partij.
quote:Op woensdag 13 juni 2012 09:15 schreef Scorpie het volgende:
[..]
Sterk werk van de uitvoerende partij.
Ja, en dan? Dan submit je een lege form. Dat moet je niet willen. Wat probeer je te doen webbyplus? Ik vermoed dat je een design fout maakt.quote:
Weet ik ook niet, zou het ook niet doen maar de vraag was of het kan, nou dat kan wel.quote:Op vrijdag 15 juni 2012 14:47 schreef Scorpie het volgende:
Daarnaast, waarom zou je in hemelsnaam een form auto submitten? Het hele punt van een form is dat het een invoerhulp is. Valt weinig in te voeren bij een auto submit he.
Daarom zeg ik altijd nee als mensen stiekem iets willen doen dat bad practice is. Werkt beter dan die hele discussie aanzwengelen over een design fout die 2 stappen ervoor is gemaakt.quote:Op vrijdag 15 juni 2012 14:50 schreef boem-dikkie het volgende:
[..]
Weet ik ook niet, zou het ook niet doen maar de vraag was of het kan, nou dat kan wel.
Ajax call dus. Niks form submittal.quote:Op vrijdag 15 juni 2012 14:51 schreef webbyplus het volgende:
Vanuit mijn programmeer omgeving (delphi) moet ik waarden posten naar een bepaalde website. Helaas ondersteund delphi niet helemaal wat ik wil, dus zoek ik naar een alternatief. Op het form staan de velden al (hidden) vooringevuld.
Zeker, het is in de praktijk dan ook geen groot bezwaar. Maar het zou natuurlijk mooi zijn dat alles wat je maakt ook werkt zonder clientside scripting.quote:Op maandag 18 juni 2012 12:41 schreef Catch22- het volgende:
uhm ja... Maar de meeste mobiele devices hebben gewoon javascript natuurlijk.
Reageer eens op je DM ofzo.quote:Op maandag 18 juni 2012 12:41 schreef Catch22- het volgende:
uhm ja... Maar de meeste mobiele devices hebben gewoon javascript natuurlijk.
Het zou ook op papier moeten werkenquote:Op maandag 18 juni 2012 13:25 schreef Tijn het volgende:
[..]
Zeker, het is in de praktijk dan ook geen groot bezwaar. Maar het zou natuurlijk mooi zijn dat alles wat je maakt ook werkt zonder clientside scripting.
ja het zou ook mooi zijn als Kate Upton mij als haar vriend wouquote:Op maandag 18 juni 2012 13:25 schreef Tijn het volgende:
[..]
Zeker, het is in de praktijk dan ook geen groot bezwaar. Maar het zou natuurlijk mooi zijn dat alles wat je maakt ook werkt zonder clientside scripting.
1 2 3 4 5 6 7 | function add(tekst) { document.getElementById('textarea').value = document.getElementById('textarea').value + tekst; document.getElementById('textarea').focus(); } |
Na even testen blijkt het aan de enters te liggen. Zodra er een enter in de tekst staat doet 'ie het niet meer.quote:
width in % in plaats van px ?quote:Op donderdag 5 juli 2012 00:22 schreef Treces het volgende:
Zoals je ziet heb ik nu aan de rechterkant een witruimte.
[ afbeelding ]
Het liefst wil ik dat ie precies uitrekent hoe breed een afbeelding moet zijn wil ik dat kunnen voorkomen.
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 | function drawline(div1, div2, color, thickness) { var off1 = getOffset(div1); var off2 = getOffset(div2); // bottom right var x1 = off1.left + (off1.width / 2); var y1 = off1.top + (off1.height / 2); // top right var x2 = off2.left + (off2.width / 2); var y2 = off2.top + (off2.height / 2) // distance var length = Math.sqrt(((x2-x1) * (x2-x1)) + ((y2-y1) * (y2-y1))); // center var cx = ((x1 + x2) / 2) - (length / 2); var cy = ((y1 + y2) / 2) - (thickness / 2); // angle var angle = Math.atan2((y1-y2),(x1-x2))*(180/Math.PI); var angle_because_ie8_is_incompatible_garbage_radians = Math.atan2((y1-y2),(x1-x2)); // make hr var htmlLine = "<div style='padding:0px; margin:0px; height:" + thickness + "px; background-color:" + color + "; line-height:1px; position:absolute; left:" + cx + "px; top:" + cy + "px; width:" + length + "px; -moz-transform:rotate(" + angle + "deg); -webkit-transform:rotate(" + angle + "deg); -o-transform:rotate(" + angle + "deg); -ms-transform:rotate(" + angle + "deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=" + angle_because_ie8_is_incompatible_garbage_radians + "); transform:rotate(" + angle + "deg);' />"; document.body.innerHTML += htmlLine; } function getOffset( el ) { var _x = 0; var _y = 0; var _w = el.offsetWidth|0; var _h = el.offsetHeight|0; while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) { _x += el.offsetLeft - el.scrollLeft; _y += el.offsetTop - el.scrollTop; el = el.offsetParent; } return { top: _y, left: _x, width: _w, height: _h }; } |
1 | drawline($('.player[data-playerid=52]'), $('.player[data-playerid=54]'), '#000', '3'); |
Geenenkele, maar de lijn die er moet komen komt er niet. Nouja, hij komt er wel, maar:quote:
1 | <div style="padding:0px; margin:0px; height:3px; background-color:#000; line-height:1px; position:absolute; left:0px; top:-1.5px; width:0px; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform:rotate(0deg);"></div> |
1 2 3 4 | body { background-image: url(images/bg.png), url(images/bgtop.png); background-repeat: repeat, repeat-x; } |
1 2 3 4 | body { background: url(images/bg.png) top left repeat-x, url(images/bgtop.png) top left no-repeat; } |
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 | <header> <div id="logo"> <div id="logo_text"> <!-- class="logo_colour", allows you to change the colour of the text --> <h1><a href="index.html"><span class="logo_colour">Sterling imitations</span></a></h1> <h2>And contemporary forgeries</h2> </div> </div> <nav> <ul class="sf-menu" id="nav"> <li><a href="index.html">Home</a></li> <li class="selected"><a>My Collection</a> <ul> <li><a>Short Cross Sterlings</a> <ul> <li><a href="shortcrosssterlings.html#continental">Continental Imitations</a></li> <li><a href="shortcrosssterlings.html#contemporary">Contemporary Forgeries</a></li> </ul> <li><a>Voided Long Cross Sterlings</a> <ul> <li><a href="voidedlongcrosssterlings.html#continental">Continental Imitations</a></li> <li><a href="voidedlongcrosssterlings.html#contemporary">Contemporary Forgeries</a></li> </ul> </li> <li><a>Edwardian Sterlings</a> <ul> <li><a href="edwardiansterlings.html#continental">Continental Imitations</a></li> <li><a href="edwardiansterlings.html#contemporary">Contemporary Forgeries</a></li> </ul> <li><a>Related Imitations</a> <ul> <li><a href="relatedimitations.html">Jetons, Unknown, ...</a></li> </ul> </ul> </li> <li><a href="information.html">Information</a></li> <li><a href="articles.html">Articles</a></li> <li><a href="updates.html">Updates</a></li> <li><a href="contact.php">Contact</a></li> </ul> </nav> </header> |
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 | /* Configuration of menu width */ html body ul.sf-menu ul,html body ul.sf-menu ul li { width: 200px; } html body ul.sf-menu ul ul { margin: 0 0 0 200px; } /* Framework for proper showing/hiding/positioning */ ul.sf-menu,ul.sf-menu * { margin: 0; padding: 0; } ul.sf-menu { display: block; position: relative; } ul.sf-menu li { display: block; list-style: none; float: left; position: relative; } ul.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } ul.sf-menu a { display: block; position: relative; } ul.sf-menu ul { position: absolute; left: 0; width: 150px; top: auto; left: -999999px; } ul.sf-menu ul a { zoom: 1; /* IE6/7 fix */ } ul.sf-menu ul li { float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */ width: 150px; } ul.sf-menu ul ul { top: 0; margin: 0 0 0 150px; } ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul, ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul, ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { left: auto; } ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul, ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul, ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul, ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { left: -999999px; } /* Theming the menu */ ul#nav { float: right; } ul#nav ul { background: #09D4FF; margin-top: 5px; padding-bottom: 15px; } ul#nav li a { padding:7px 0px 6px 15px; font: 170% 'Yanone Kaffeesatz', arial, sans-serif; text-shadow: 1px 1px #000; text-decoration: none; color: #FFF; margin-right: 2px; } ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { color: #09D4FF; text-shadow: none; } ul#nav ul li a { color: #FFF; text-shadow: none; } ul#nav ul li a:hover { color: #222; margin-right: 2px; } |
1 2 3 | .blue{ background-color: #09D4FF; } |
De vraag is wat je ermee wilt bereiken? Waarom zou je hiervan niet 1 plaatje maken?quote:Op donderdag 12 juli 2012 14:50 schreef Snoepje5 het volgende:
Wat is het risico van het gebruiken van twee achtergronden, is die er of kan dit foutloos?
[ code verwijderd ]
Dan moet je de code backtracen en kijken waar het fout gaat. voeg waar je denkt dat het fout gaat een alert(variabel naam); toe waarmee je echo't wat je eruit krijgt. Zodat je voor jezelf weet wat je eruit moet krijgen.quote:Op zaterdag 7 juli 2012 10:39 schreef Dalando het volgende:
[..]
Geenenkele, maar de lijn die er moet komen komt er niet. Nouja, hij komt er wel, maar:
[ code verwijderd ]
Niet op de juiste positie.
Ik heb bijvoorbeeld een 'balk' aan de bovenkant van de website, repeat-x.quote:Op vrijdag 13 juli 2012 06:27 schreef cablegunmaster het volgende:
[..]
De vraag is wat je ermee wilt bereiken? Waarom zou je hiervan niet 1 plaatje maken?
Klinkt logisch!quote:Op vrijdag 13 juli 2012 06:20 schreef cablegunmaster het volgende:
Wat je nodig hebt is background-color: ipv color dat lost je probleem wel op.
Dit topic is toch voor dummies?quote:klinkt alsof je niet zo heel veel snapt van websites aanpassen als ik zo de pagina doorlees.
Enorm bedankt voor je uitleg, ik ga er vanavond eventjes mee stoeien.quote:Voeg bij elke <ul> tag een class toe. (welke je een blauwe achtergrond wil geven.)
Dan ziet het er zo uit: <ul class='blue'>
voeg onderstaande code aan je CSS toe en vervolgens is je website aangepast.
Dit zou je achtergrond van je menu blauw laten kleuren.
Ik zal me inderdaad weer eens wat gaan inlezen, want er is toch wel eea veranderd tov 15 jaar geleden. Zeker dat hele CSS gebeuren is nieuw voor me.quote:Best simpel knullig probleempje trouwens. ik raad je aan om je meer in CSS en html te verdiepen. Of een eigen begin van een website te maken.
Ik ben erachter, de selector werkt op een een of andere manier niet? Toch is de div er wel, ik weet het zeker...quote:Op vrijdag 13 juli 2012 06:29 schreef cablegunmaster het volgende:
[..]
Dan moet je de code backtracen en kijken waar het fout gaat. voeg waar je denkt dat het fout gaat een alert(variabel naam); toe waarmee je echo't wat je eruit krijgt. Zodat je voor jezelf weet wat je eruit moet krijgen.
Snap namelijk ook niet wat je met het script probeert te bereiken.
Welke site gaat dit om? want als ik dit zo lees: $('.player[data-playerid=52]') is dit dan een div? o.0quote:Op vrijdag 13 juli 2012 11:13 schreef Dalando het volgende:
[..]
Ik ben erachter, de selector werkt op een een of andere manier niet? Toch is de div er wel, ik weet het zeker...
Ja maar we gaan er wel van uit dat je er de nodige tijd insteekt!quote:Op vrijdag 13 juli 2012 10:32 schreef Sheep666 het volgende:
[..]
Klinkt logisch!
[..]
Dit topic is toch voor dummies?
[..]
Enorm bedankt voor je uitleg, ik ga er vanavond eventjes mee stoeien.
[..]
Ik zal me inderdaad weer eens wat gaan inlezen, want er is toch wel eea veranderd tov 15 jaar geleden. Zeker dat hele CSS gebeuren is nieuw voor me.
Heb inderdaad zitten twijfelen tussen opnieuw beginnen of een template pakken, maar met 2 kleine kids heb ik al zo weinig tijd dus maar voor een template gekozen. Ik maak het me verder ook niet moeilijker dan nodig is, gewoon verder simpel wat tekst en plaatjes. Clean & simple, hou niet zo van 100 kleurtjes en knipperende lampjes.
Nogmaals dank en ik meld me nog dat het gelukt is (uitgaan van het positieve)!
Oh nee, ik bedoel een DIV met een de class player en diezelfde div moet ook als data-playerid "52" hebbenquote:Op vrijdag 13 juli 2012 11:17 schreef cablegunmaster het volgende:
[..]
Welke site gaat dit om? want als ik dit zo lees: $('.player[data-playerid=52]') is dit dan een div? o.0
Volgens jou logica zou er een div moeten bestaan met een class="player[data-playerid=52]"
verander dat dan evenquote:Op vrijdag 13 juli 2012 11:22 schreef Dalando het volgende:
[..]
Oh nee, ik bedoel een DIV met een de class player en diezelfde div moet ook als data-playerid "52" hebben
Weer iemand die dingen zit te googlen en daarna hoopt dat iemand anders uitlegt wat het doet -_-;;quote:
Snap ik, maar had er echt al wel wat uurtjes mee zitten klooien en kwam er niet uit. Leer liever wat bij dan klakkeloos hulp inschakel, hou er ook niet van als anderen dat doen bij dingen waar ik dan weer heel veel vanaf weetquote:Op vrijdag 13 juli 2012 11:21 schreef cablegunmaster het volgende:
[..]
Ja maar we gaan er wel van uit dat je er de nodige tijd insteekt!
Bij leest en bijleert. we zijn geen "Fix het wel even voor je " topic
Als je bij wilt leren raad ik je deze site aan: http://www.w3schools.com/css/default.asp Vaak genoeg gebruik ik dit als referentie mocht ik iets niet meer weten.quote:Op vrijdag 13 juli 2012 11:53 schreef Sheep666 het volgende:
[..]
Snap ik, maar had er echt al wel wat uurtjes mee zitten klooien en kwam er niet uit. Leer liever wat bij dan klakkeloos hulp inschakel, hou er ook niet van als anderen dat doen bij dingen waar ik dan weer heel veel vanaf weetDe links in de openingspost staan hoog op de lijst om door te spitten in elk geval.
True thatquote:Op vrijdag 13 juli 2012 13:14 schreef Catch22- het volgende:
nou, voordat hij daartegenaan loopt is hij wel even onderweg
Wel een paar links naar goede sitesquote:Op vrijdag 13 juli 2012 13:13 schreef Scorpie het volgende:
Hou dan ook even http://w3fools.com/ in het achterhoofd
Dat ik daar nog nooit ben achter gekomen dat dat kan.. Thnx!quote:Op vrijdag 13 juli 2012 15:56 schreef Catch22- het volgende:
rechtermuisklik op het element > inspecteren
1 2 3 4 5 6 | #content_left{ float: left; padding-top: 12px; width: 190px; margin-right: 10px; border-top: 5px solid #000000; } |
Ja nee serieus, ik dacht echt dat ik die had gebruikt en dat het niet werktequote:
quote:Op vrijdag 13 juli 2012 06:20 schreef cablegunmaster het volgende:
Wat je nodig hebt is background-color: ipv color dat lost je probleem wel op.
klinkt alsof je niet zo heel veel snapt van websites aanpassen als ik zo de pagina doorlees.
Voeg bij elke <ul> tag een class toe. (welke je een blauwe achtergrond wil geven.)
Dan ziet het er zo uit: <ul class='blue'>
voeg onderstaande code aan je CSS toe en vervolgens is je website aangepast.
[ code verwijderd ]
Dit zou je achtergrond van je menu blauw laten kleuren.
Best simpel knullig probleempje trouwens. ik raad je aan om je meer in CSS en html te verdiepen. Of een eigen begin van een website te maken.
quote:Op vrijdag 13 juli 2012 22:55 schreef Sheep666 het volgende:
[..]het lukt niet...
Maar nu ik het teruglees, dit was het probleem ook niet, de achtergrond bleef ook netjes blauw maar zodra ik class=selected gebruik, dan is de hele tekst van het menu niet meer te lezen, de tekst daar is ook blauw (zie plaatje 1 vs plaatje 2):
[ afbeelding ]
[ afbeelding ]
Dit heeft toch niets met de background color te maken? Het lijkt wel of die hele tekst daar dan selected wordt
1 | <li class="selected"><a>My Collection</a> |
1 | <li><a class="selected">My Collection</a> |
1 2 3 4 | ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { color: #09D4FF; text-shadow: none; } |
1 | ul#nav li.selected a |
1 | <li class="selected"><a>My Collection</a> |
1 2 3 | li a.selected { color: #hexcodediejewil; } |
1 2 3 | <li class="selected"><a>My Collection</a></li> Veranderen in <li><a class="selected">My Collection<a/></li> |
1 2 3 | <div class="banner"> <span><img src="img?1"></span>14 dagen bedenktijd<span><img src="imgg?1"></span>Voor 17:00 besteld, morgen in huis<span><br /><img src="img1"></span>6 dagen per week beschikbaar<span><img src="img"></span>Achteraf betalen met acceptgiro<span><br /><img src="img1"></span>Klantwaardering 9.5<span><img src="img"></span>Groot assortiment met A-merken </div> |
1 | overflow: auto; |
Nee werkt ook niet.quote:Op maandag 16 juli 2012 00:36 schreef Tijn het volgende:
Is het niet gewoon een kwestie van
[ code verwijderd ]
in het parent element zetten (het element waar de floats in zitten)?
Echt wel.quote:
1 2 3 4 | <div id="parent"> <div class="floating"></div> <div class="floating"></div> </div> |
1 2 3 4 | #parent { overflow: auto; } |
quote:Op maandag 16 juli 2012 07:26 schreef Snoepje5 het volgende:
[..]
Nee werkt ook niet.
Ik heb de achtergrond maar gewoon een height px gegeven.. want dat was het enige probleem: dat de achtergrond niet automatisch meeging met de tekst van dit blok.
quote:Op maandag 16 juli 2012 00:34 schreef Catch22- het volgende:
Ja want je moet even leren hoe het werkt met het boxmodel en floats.
Het is heel belangrijk dat je de bare essentials snapt. Anders wordt t niets
Google maar eens op clearfix. En dan wel de 'nieuwe' gebruiken en niet de oude.quote:Op maandag 16 juli 2012 07:26 schreef Snoepje5 het volgende:
[..]
Nee werkt ook niet.
Ik heb de achtergrond maar gewoon een height px gegeven.. want dat was het enige probleem: dat de achtergrond niet automatisch meeging met de tekst van dit blok.
1 2 | .content { display: inline-table; width: 410px; margin: 10px; border: 1px solid black; padding: 10px; } .column { display: inline-table; width: 180px; margin: 10px 10px 10px auto; border: 1px solid black; padding: 10px; } |
Oepsquote:Op maandag 16 juli 2012 18:43 schreef KomtTijd... het volgende:
Ja, precies waar deze hele pagina al over gaat dus.
Nee. Maar ik had het wel heel lang zelf geprobeerdquote:Op maandag 16 juli 2012 20:59 schreef Catch22- het volgende:
Uit de op
Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
die had je gelezen neem ik aan
1 2 3 4 5 6 7 8 9 | ul#nav ul li a { color: #FFF; text-shadow: none; } ul#nav ul li a:hover { color: #222; margin-right: 2px; } |
1 2 3 4 5 6 7 8 9 | ul#nav ul li a, ul#nav li.selected ul li a { color: #FFF; text-shadow: none; } ul#nav ul li a:hover, ul#nav li.selected ul li a:hover { color: #222; margin-right: 2px; } |
Echt spannend zijn de problemen niet echt inderdaad.quote:Op maandag 16 juli 2012 21:37 schreef Catch22- het volgende:
Het leeuwendeel van de 'problemen' hier gaat over floats en positionering
je hebt iets toegevoegd wat je elders weg had moeten halen...quote:Op maandag 16 juli 2012 22:30 schreef Sheep666 het volgende:
Mijn probleem is opgelost![]()
Voor de geïnteresseerden:
[ code verwijderd ]
Vervangen door:
[ code verwijderd ]
Nogmaals allen bedankt voor de hulp
1 2 3 4 5 6 7 8 9 | #nav ul a, #nav .selected ul a { color: #FFF; text-shadow: none; } #nav ul a:hover, #nav .selected ul a:hover { color: #222; margin-right: 2px; } |
heb het niet helemaal zelf gedaanquote:Op maandag 16 juli 2012 22:36 schreef Catch22- het volgende:
je hebt iets toegevoegd wat je elders weg had moeten halen...
Tnx maaruh... als ik dat erin plak, is het probleem weer terugquote:Op maandag 16 juli 2012 22:54 schreef KomtTijd... het volgende:
[ code verwijderd ]
fixed those selectors for you
...Dan is vrijwel zeker je HTML invalid, want als die correct is kan het haast niet anders dan dat mijn selectors precies het zelfde doen maar dan sneller (want korter).quote:Op maandag 16 juli 2012 22:59 schreef Sheep666 het volgende:
[..]
Tnx maaruh... als ik dat erin plak, is het probleem weer terug![]()
Dus als je het niet erg vindt...![]()
Ik ga weer snel verder bouwen aan die site, heb er weer zin in
quote:
Dat dus.quote:Op dinsdag 17 juli 2012 00:17 schreef RenRen- het volgende:
[..]
Gast, doe normaal, ik laat jou toch ook met rust?
Dan nog is het niet grappig. Gewoon weer ontopicquote:
Gaan we nu weer de discussie houden over het verschil tussen helpen en het ik-heb-iets-nodig-fixen-jullie-het-even-hier-is-mijn-source-code-copy-paste gedrag?quote:Op dinsdag 17 juli 2012 11:03 schreef Bart het volgende:
[..]
Dan nog is het niet grappig. Gewoon weer ontopic. Wil/kun je niet normaal helpen, reageer dan gewoon niet.
Nee, die discussie gaan we dus niet voeren. Wil je helpen, dan help je, wil je niet helpen omdat je van mening bent dat de hulpvrager lui of wat dan ook is, dan help je niet. Dan ga je niet zeiken, geen sneren plaatsen naar anderen of zogenaamd grappig doen. Dan ga je gewoon lekker verder naar een ander topic.quote:Op dinsdag 17 juli 2012 12:17 schreef Scorpie het volgende:
[..]
Gaan we nu weer de discussie houden over het verschil tussen helpen en het ik-heb-iets-nodig-fixen-jullie-het-even-hier-is-mijn-source-code-copy-paste gedrag?
Die sneren bestaan omdat dit topic niet gemodereerd wordt. De OP is daar vrij duidelijk over:quote:Op dinsdag 17 juli 2012 13:49 schreef Bart het volgende:
[..]
Nee, die discussie gaan we dus niet voeren. Wil je helpen, dan help je, wil je niet helpen omdat je van mening bent dat de hulpvrager lui of wat dan ook is, dan help je niet. Dan ga je niet zeiken, geen sneren plaatsen naar anderen of zogenaamd grappig doen. Dan ga je gewoon lekker verder naar een ander topic.
De laatste tijd is dit echter een soort code-dump-plaats geworden a la Stackoverflow. Vind ik oprecht jammer.quote: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.
en dan wordt er elke dag een "help ik snap het nog steeds niet"-post gepost.quote:Op dinsdag 17 juli 2012 13:49 schreef Bart het volgende:
[..]
Nee, die discussie gaan we dus niet voeren. Wil je helpen, dan help je, wil je niet helpen omdat je van mening bent dat de hulpvrager lui of wat dan ook is, dan help je niet. Dan ga je niet zeiken, geen sneren plaatsen naar anderen of zogenaamd grappig doen. Dan ga je gewoon lekker verder naar een ander topic.
Tsja, ik begrijp nu ook jullie commentaar op mijn vraag hier. Ik vond eigenlijk dat ik het nog netjes gedaan had, maar inderdaad, het antwoord stond wel gewoon in de OP.quote:Op dinsdag 17 juli 2012 14:06 schreef Scorpie het volgende:
De laatste tijd is dit echter een soort code-dump-plaats geworden a la Stackoverflow. Vind ik oprecht jammer.
we helpen mensen graag, maar we zijn geen "geef je code en wij fiksen het"-brigade, want als we dat willen doen vragen we er wel geld voor.quote:Op dinsdag 17 juli 2012 14:46 schreef kutkloon7 het volgende:
[..]
Tsja, ik begrijp nu ook jullie commentaar op mijn vraag hier. Ik vond eigenlijk dat ik het nog netjes gedaan had, maar inderdaad, het antwoord stond wel gewoon in de OP.
Tja, das een beetje het kip & ei verhaal. Ik hoef in PTA ook niet te vragen om auto advies als ik niet weet wat een motor is, wat wielen zijn, hoe een stuur werkt of waar het gaspedaal zit.quote:Op dinsdag 17 juli 2012 14:50 schreef Cue_ het volgende:
Even als (vooral)lurker van het topic. Het gaat ook meer om de manier waarop het medegedeeld wordt. Het is gelijk "leer je basic eens", terwijl je ook gewoon kan zeggen "misschien moet je je wat meer hier in daarover inlezen" . Zodat er toch nog wat extra informatie krijgt, even wat pointers waar je op verder kan zoeken.
Als je de moeite neemt om de OP te lezen, nemen wij echt wel de moeite mensen te helpen.quote:Op dinsdag 17 juli 2012 14:50 schreef Cue_ het volgende:
Even als (vooral)lurker van het topic. Het gaat ook meer om de manier waarop het medegedeeld wordt. Het is gelijk "leer je basic eens", terwijl je ook gewoon kan zeggen "misschien moet je je wat meer hier in daarover inlezen" . Zodat er toch nog wat extra informatie krijgt, even wat pointers waar je op verder kan zoeken.
slaan gewoon nergens op. Als het enige doel is je eigen ego te boosten door andere mensen af te zeiken kun je wat mij betreft beter niets posten.quote:
Je moet er even op letten dat je > gebruikt als je met selected bezig gaat in geneste UL's, anders krijg je raar gedrag.quote:Op maandag 16 juli 2012 22:59 schreef Sheep666 het volgende:
[..]
Tnx maaruh... als ik dat erin plak, is het probleem weer terug![]()
Dus als je het niet erg vindt...![]()
Ik ga weer snel verder bouwen aan die site, heb er weer zin in
En de enige manier om daarop te reageren is een sneer? Even een modje DM'en of een TR plaatsen, of een berichtje in het FB-topic posten is geen optie?quote:Op dinsdag 17 juli 2012 14:06 schreef Scorpie het volgende:
[..]
Die sneren bestaan omdat dit topic niet gemodereerd wordt. De OP is daar vrij duidelijk over:
[..]
De laatste tijd is dit echter een soort code-dump-plaats geworden a la Stackoverflow. Vind ik oprecht jammer.
1. Daar geloof ik niets van. Mensen geven vanzelf op.quote:Op dinsdag 17 juli 2012 14:08 schreef Catch22- het volgende:
[..]
en dan wordt er elke dag een "help ik snap het nog steeds niet"-post gepost.
Dat soort constateringen mag je vanaf nu voor je houden.quote:Op dinsdag 17 juli 2012 15:55 schreef Catch22- het volgende:
Wat? In welke wereld zou ik mij daardoor beter voelen? Ik constateer alleen maar dat de uitlatingen van de user daarboven overeenkomen met hetgeen RenRen zoal zei.
1 | <a href="home.htm"><li>Home</li></a> |
1 | <li><a href="home.htm">Home</a></li> |
display:block; op de a elementen binnen die list. Want normaal is het display:inline en dat is voor tekstelementen wat een li dus is.quote:Op dinsdag 17 juli 2012 20:07 schreef kutkloon7 het volgende:
Nog een vraagje. Ik probeer altijd, zover dat mogelijk is, xhtml strict te valideren. Maar ik heb nu zo'n fancy dropdown menu met CSS gemaakt, en ik wil natuurlijk dat de hele knop klikbaar is in plaats van alleen de tekst, dus ik heb de li tag binnen de link gezet:
[ code verwijderd ]
ipv:
[ code verwijderd ]
Maar dit is natuurlijk niet xhtml valide. Wat raden jullie aan? Schijt hebben aan de validator, of de link met CSS zo opmaken dat ie precies in de list past?
Ik weet niet of dat laatste de moeite waard is, zoveel heb je volgens mij nou ook weer niet aan helemaal valide code.
Je bent een held! Was ik zelf nooit op gekomenquote:Op dinsdag 17 juli 2012 20:39 schreef Mirel het volgende:
[..]
display:block; op de a elementen binnen die list. Want normaal is het display:inline en dat is voor tekstelementen wat een li dus is.
quote:Op dinsdag 17 juli 2012 22:28 schreef Catch22- het volgende:
N00bvragen zijn niet erg. Als je maar duidelijk code post met een duidelijke vraag& wat doet met de opmerkingen
1 2 3 4 5 6 7 8 9 | <html> <head> <style> body { background: url('image.png'); } </style> </head> <body> </body> </html> |
Ik heb zelf niet echt ervaring met CSS3, maar misschien kan dit je verder helpen?quote:Op dinsdag 17 juli 2012 23:52 schreef DaveGrohl het volgende:
heeft 1 van jullie ervaring met animeren (fade in) van een css background (image)
het zou moeten kunnen met jquery danwel css3 -transition ( volgens mij)
stel ik heb:
[ code verwijderd ]
wat zou er dan moeten gebeuren om een fade in van die background te bewerkstelligen?
ik heb wat 'net niet' oplossing gevonden, zoals de div infaden e.d. maar ik wil perse alleen de css image. of is dat niet mogelijk?
thanks!
1 2 3 4 5 | <script> $(document).ready(function() { $('#white').fadeOut(2000); }); </script> |
Dat dus.quote:Op woensdag 18 juli 2012 00:17 schreef Dalando het volgende:
Je kan een DIV gebruiken als underlay, met daarin een afbeelding die je infade-int?
Ja, dan ben je genaaid.quote:Op woensdag 18 juli 2012 09:36 schreef Catch22- het volgende:
Heb dat ook wel eens gehad. Opgelost met een absoluut gepositioneerde div linksboven met een <img /> erin die infade... Wel klote als je de browser resized...
Gebeurt helemaal niets? Behalve dat er 'hoi' staat?quote:
quote:
Trouwens, als je nog een scrollbar erbij wilt, moet je even #inhoud overflow-y: scroll; meegeven.quote:Op woensdag 18 juli 2012 18:26 schreef DaveGrohl het volgende:
[..]Die doet wel wat ik wil. Kan me herinneren, dat ik zoiets werkend had, maar op andere problemen stuitte. Ga weer even speuren. Thanks!!
Thanks, ja had ik gezien. Begin nu ook te twijfelen of ik 't wel ga implementeren. 't Is voor een hobbieprojectje. Mijn grootste probleem blijft toch het mooi laden van een fullscreen css background image. Vind het persoonlijk lelijk als het beeld opbouwt ipv het er meteen staat.quote:Op woensdag 18 juli 2012 18:35 schreef Catch22- het volgende:
Was een webkit voorbeeld. Pas wel op met fadeeffecten. Ze zijn meestal irritanter dan mooi
1 2 3 4 5 6 7 | alert(oud); alert(chosen); if (oud === chosen){ alert('ja'); }else { alert('nee'); } |
In eerste inzicht wel.quote:Op donderdag 19 juli 2012 10:24 schreef KomtTijd... het volgende:
...dan is oud blijkbaar niet gelijk aan chosen.
1 2 | alert("["+oud+"]"); alert("["+chosen+"]"); |
heb je wel een styledefinitie?quote:Op woensdag 25 juli 2012 14:04 schreef Snoepje5 het volgende:
Bij IE worden mijn h3 titels allemaal vééls te dik en bold weergegeven dan in firefox, chrome, opera etc. Hoe kun je dit voorkomen met een code oid? Kan niks vinden op internet.
Wat een slechte browser overigens dat IE.. dat er nog steeds mensen gebruik van maken zeg..
Probeer eensquote:Op woensdag 25 juli 2012 14:04 schreef Snoepje5 het volgende:
Bij IE worden mijn h3 titels allemaal vééls te dik en bold weergegeven dan in firefox, chrome, opera etc. Hoe kun je dit voorkomen met een code oid? Kan niks vinden op internet.
Wat een slechte browser overigens dat IE.. dat er nog steeds mensen gebruik van maken zeg..
1 | font-weight:500; |
Nee, maar als ik jouw 500 vervang door simpelweg bold dan blijkt het wel te werken.. :Squote:Op woensdag 25 juli 2012 16:04 schreef lkb9000 het volgende:
[..]
Probeer eens
[ code verwijderd ]
toe te voegen.
Ah dan had IE dus niet door dat ie bold moest pakken, en nu wel, yay!quote:Op woensdag 25 juli 2012 20:07 schreef Snoepje5 het volgende:
[..]
Nee, maar als ik jouw 500 vervang door simpelweg bold dan blijkt het wel te werken.. :S
Terwijl de tekst toch al bold was..
Dan maar gewoon font-weight:bold; gebruiken in de h3 css
Bij 'widget-header' als het zo mooi heet in mijn css.quote:Op donderdag 26 juli 2012 00:10 schreef lkb9000 het volgende:
[..]
Ah dan had IE dus niet door dat ie bold moest pakken, en nu wel, yay!
Waar had je zelf aangegeven dat de tekst bold moest zijn?
Hoe werkt dat in IE dan?quote:Op donderdag 26 juli 2012 09:30 schreef Catch22- het volgende:
Daarom je inspector gebruiken
font-weight met een getal werkt in IE niet altijd even jofel
windowstoets + pijltjestoets (indien win7))quote:Op donderdag 26 juli 2012 10:13 schreef Catch22- het volgende:
Nee. Is hij niet gewoon heel klein ofzo? (rechtermuisklik in de taakbalk en dan maximaliseren ofzo, of windowstoets + pijltjestoets (indien win7))
Dat zie ik ja..quote:Op donderdag 26 juli 2012 09:58 schreef Catch22- het volgende:
F12 idd.
Onderschat de kracht van inspectors/debuggers niet. Anders kan je beter stoppen met webdevelopment, want dan maak je het jezelf onmogelijk moeilijk.
Als iets niet werkt, zoek dat even uit waarom het niet werkt, dan weet je het gelijk voor de volgende keer.
Ja, ik heb wel wat dat in elkaar overlapt. Dat bij inspect tweemaal een kleur doorgestreept staat ofzo.quote:Op donderdag 26 juli 2012 10:22 schreef KomtTijd... het volgende:
Dan is je specificity niet goed. Als je !important nodig hebt in je default stylesheet doe je vrijwel zeker iets verkeerd.
Nee, dat kan niet met HTML.quote:Op vrijdag 27 juli 2012 16:41 schreef Snoepje5 het volgende:
Kan ik met html geld van elkaar aftrekken?
In mijn voorbeeld zou dat {{ product.price }} - 30¤ moeten zijn. Google me gek, maar kan niks vinden.
Ja: http://www.scriptingmaste(...)rming-basic-math.aspquote:Op vrijdag 27 juli 2012 16:52 schreef Snoepje5 het volgende:
[..]
K*t, waarmee dan wel, javascript oid?
PHP is het makkelijkstequote:Op vrijdag 27 juli 2012 16:52 schreef Snoepje5 het volgende:
[..]
K*t, waarmee dan wel, javascript oid?
1 2 3 4 5 6 7 | <?php $input = "80"; $value = $input - 30; $output= $value." euro"; echo $output; //Output: 50 euro ?> |
watvoor template engine is dat? Als het smarty is kan het wel ongeveer zoquote:Op vrijdag 27 juli 2012 16:41 schreef Snoepje5 het volgende:
Kan ik met html geld van elkaar aftrekken?
In mijn voorbeeld zou dat {{ product.price }} - 30¤ moeten zijn. Google me gek, maar kan niks vinden.
Daar heb je je backend voor.quote:Op vrijdag 27 juli 2012 16:52 schreef Snoepje5 het volgende:
[..]
K*t, waarmee dan wel, javascript oid?
Twig, kan het ook meequote:Op vrijdag 27 juli 2012 17:47 schreef KomtTijd... het volgende:
[..]
watvoor template engine is dat? Als het smarty is kan het wel ongeveer zo
In principe wel natuurlijk, maar vaak is het een functie uit een CMS of module die je liever niet wilt hacken, terwijl templates er juist zijn om te customizen.quote:Op vrijdag 27 juli 2012 19:31 schreef PimD het volgende:
Dat is toch logica die je in je back-end wilt hebben, en niet in je opmaak lijkt me.
Je bedoelt zoals bij een checkout de prijs omzetten in een andere currency via javascript, om vervolgens die waarde weer door te geven aan een betaalmodule, waardoor je als je een beetje Javascript en Firebug gebruikt je pizza`s voor 0.01 cent kan kopen? Klinkt als een goede technische implementatie.quote:Op vrijdag 27 juli 2012 21:09 schreef KomtTijd... het volgende:
[..]
In principe wel natuurlijk, maar vaak is het een functie uit een CMS of module die je liever niet wilt hacken, terwijl templates er juist zijn om te customizen.
Mijn studievereniging had op een dergelijke manier (denk ik, ik weet niet precies hoe die site in elkaar zat, daarna hebben ze hem veranderd) een keer een hele shitload aan pizza's binnengehaaldquote:Op zondag 29 juli 2012 13:28 schreef Scorpie het volgende:
[..]
Je bedoelt zoals bij een checkout de prijs omzetten in een andere currency via javascript, om vervolgens die waarde weer door te geven aan een betaalmodule, waardoor je als je een beetje Javascript en Firebug gebruikt je pizza`s voor 0.01 cent kan kopen? Klinkt als een goede technische implementatie.
Quirks modus wordt alleen gerenderd als je geen geldig doctype hebt, of als je dat als gebruiker specifiek aangeeft dat je dat wilt.quote:Op donderdag 2 augustus 2012 21:22 schreef kutkloon7 het volgende:
Ik ben benieuwd naar jullie mening over een klein (theoretisch) dingetje. Ik heb een klein site-opzetje gebouwd, waar het vooral draait om de opmaak (of eigenlijk nog niet eens de opmaak, maar meer de opzet van de opmaak, dus vooral positionering en functionaliteit van het drop down menu).
Nou werkt het op zich prima in de laatste versies van firefox, opera, chrome, safari, IE, alleen als ik de laatste in quirks mode open (via de developer tools) werkt het drop down menu niet (voor de rest is de opmaak in oudere IE versies ook vrij lelijk, maar de functionaliteit is er).
Is dit erg? Voor deze site op zich maakt het me eigenlijk niet zoveel uit, het is een site voor een dispuut van een studentenvereniging die volgens mij niet erg veel gebruikt gaat worden, maar ik vroeg me gewoon af hoe belangrijk het is voor een site om ook te werken in bijvoorbeeld quirks mode (voor wat serieuzere sites, bijvoorbeeld overheidssites).
je moet het inderdaad alleen gebruiken voor berekeningen e.d, niet om op te slaan ,dat moet je echt aan de achterkant berekenenquote:Op zondag 29 juli 2012 13:28 schreef Scorpie het volgende:
[..]
Je bedoelt zoals bij een checkout de prijs omzetten in een andere currency via javascript, om vervolgens die waarde weer door te geven aan een betaalmodule, waardoor je als je een beetje Javascript en Firebug gebruikt je pizza`s voor 0.01 cent kan kopen? Klinkt als een goede technische implementatie.
dit dus.quote:Op vrijdag 3 augustus 2012 11:26 schreef QM84 het volgende:
[..]
Quirks modus wordt alleen gerenderd als je geen geldig doctype hebt, of als je dat als gebruiker specifiek aangeeft dat je dat wilt.
Aangezien jij, ga ik even vanuit, netjes een doctype gebruikt, wordt de site alleen in quirksmode gerenderd als de gebruiker daar expliciet voor kiest. Dan verdient deze ook niet anders dan een niet-werkende site voorgeschoteld te krijgen.
De Quirksmode in de inspector is toegevoegd, om te kijken hoe oude sites (die standaard in die modus gerenderd worden) zouden renderen als het wel volgens de standaarden zou gaan.
Mooi, dit was me niet even helemaal duidelijk, ik dacht dat oudere browsers het ook zo renderden.quote:Op vrijdag 3 augustus 2012 11:26 schreef QM84 het volgende:
[..]
Quirks modus wordt alleen gerenderd als je geen geldig doctype hebt, of als je dat als gebruiker specifiek aangeeft dat je dat wilt.
Aangezien jij, ga ik even vanuit, netjes een doctype gebruikt, wordt de site alleen in quirksmode gerenderd als de gebruiker daar expliciet voor kiest. Dan verdient deze ook niet anders dan een niet-werkende site voorgeschoteld te krijgen.
De Quirksmode in de inspector is toegevoegd, om te kijken hoe oude sites (die standaard in die modus gerenderd worden) zouden renderen als het wel volgens de standaarden zou gaan.
Misschien even de header.php (neem aan dat die zo heet) en dan nét voor de benaming van die toolbar een <br> plakken?quote:Op maandag 6 augustus 2012 11:33 schreef -J-D- het volgende:
Ik heb een probleem met CSS, mede omdat ik te weinig kennis er van heb.
[ afbeelding ]
Ik heb het logo in het menu geplaatst door dat bij de eigenschappen van het menu-item in Joomla in te vullen. Zoals jullie zit het logo echter niet mooi. Ik zou het graag in het midden van die grijze balk willen hebben, zodat het logo een stukje boven de grijze balk en een stukje onder de grijze balk uitsteekt.
Bij de eigenschappen in Joomla kan ik geen uitlijning van het plaatje aangeven.
Ik heb hierover veel gegoogled (op termen als image in menu align e.d.) maar ik zoek blijkbaar verkeerd.
Heeft een van jullie een tip hoe ik de CSS-file die hieronder staat kan aanpassen om dit te bereiken?
CSS-file
Website
Mijn dank is groot voor het meedenken!
quote:Op maandag 6 augustus 2012 11:33 schreef -J-D- het volgende:
Ik heb een probleem met CSS, mede omdat ik te weinig kennis er van heb.
[ afbeelding ]
Ik heb het logo in het menu geplaatst door dat bij de eigenschappen van het menu-item in Joomla in te vullen. Zoals jullie zit het logo echter niet mooi. Ik zou het graag in het midden van die grijze balk willen hebben, zodat het logo een stukje boven de grijze balk en een stukje onder de grijze balk uitsteekt.
Bij de eigenschappen in Joomla kan ik geen uitlijning van het plaatje aangeven.
Ik heb hierover veel gegoogled (op termen als image in menu align e.d.) maar ik zoek blijkbaar verkeerd.
Heeft een van jullie een tip hoe ik de CSS-file die hieronder staat kan aanpassen om dit te bereiken?
CSS-file
Website
Mijn dank is groot voor het meedenken!
1 2 3 | .menu img { margin-top:-30px; } |
Ik heb dat geprobeerd bij .topmenu aangezien ik geen .menu zag. Helaas werkte dat niet.quote:
Je kan die er gewoon ergens bij plaatsen in de css, .menu bestaat wel degelijk volgens mn chrome dev tools. En het moet sowieso op zichzelf staan aangezien het .menu img is ipv alleen .menuquote:Op maandag 6 augustus 2012 19:09 schreef -J-D- het volgende:
[..]
Ik heb dat geprobeerd bij .topmenu aangezien ik geen .menu zag. Helaas werkte dat niet.
Had ik het op een andere plaats in de CSS-bestand moeten plaatsen?
Een <br> werkte helaas ook niet.
Je hebt helemaal gelijk!quote:Op maandag 6 augustus 2012 20:28 schreef lkb9000 het volgende:
[..]
Je kan die er gewoon ergens bij plaatsen in de css, .menu bestaat wel degelijk volgens mn chrome dev tools. En het moet sowieso op zichzelf staan aangezien het .menu img is ipv alleen .menu
En het werkt als ik het toevoeg via Chrome
Ik ben begonnen met HTML3 en CSS1 in 1997. Ik leer nog steeds bijna dagelijks nieuwe dingen.quote:Op maandag 6 augustus 2012 21:28 schreef Quotidien het volgende:
Hoelang hebben jullie erover gedaan HTML en CSS te leren?
Gewoon uit nieuwsgierigheid.
Zo leren veel tutorials het mensen helaas wel aan.quote:Op maandag 6 augustus 2012 23:31 schreef Tijn het volgende:
Wees blij dat je in elk geval bijna geen opmaak in de attributen meer tegenkomt
<h1 color="blue"> enzo
Wat maakt niet uit?quote:Op maandag 6 augustus 2012 23:51 schreef robin007bond het volgende:
[..]
Maakt niet uit hoor
Maar dat kun je veel beter apart in css doen.
Het was geen stomme vraag maar een stomme opmerking.quote:Op maandag 6 augustus 2012 23:55 schreef robin007bond het volgende:
[..]
Ik dacht dat je jouw bericht had bewerkt, omdat je het een stomme vraag vond o.i.d.
Er zijn toch niet serieus tutorials die anno 2012 dit soort onzin uit de steentijd aanleren? Ik bedoel, je gaat toch ook niet meer mensen uitleggen wat de <font> tag is?quote:Op maandag 6 augustus 2012 23:44 schreef robin007bond het volgende:
[..]
Zo leren veel tutorials het mensen helaas wel aan.
Net als:
<body bgcolor="green">
</body>
Wat is er mis met de <font> tag dan? Je moet toch je font kunnen bepalen?quote:Op maandag 6 augustus 2012 23:58 schreef Tijn het volgende:
[..]
Er zijn toch niet serieus tutorials die anno 2012 dit soort onzin uit de steentijd aanleren? Ik bedoel, je gaat toch ook niet meer mensen uitleggen wat de <font> tag is?
Dat is lang geleden, dat ik dat voor het laatst gezien heb.quote:Op maandag 6 augustus 2012 23:31 schreef Tijn het volgende:
Wees blij dat je in elk geval bijna geen opmaak in de attributen meer tegenkomt
<h1 color="blue"> enzo
quote:Op dinsdag 7 augustus 2012 00:41 schreef Quotidien het volgende:
[..]
Wat is er mis met de <font> tag dan? Je moet toch je font kunnen bepalen?
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |