Tijn | donderdag 8 december 2011 @ 11:18 | |||
[html, css, js] Voor Dummies Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken. HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken. CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken. JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic. Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic Code posten Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag ( ![]() Veel voorkomende problemen Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator. Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn. | ||||
Tijn | donderdag 8 december 2011 @ 11:20 | |||
Ik zit nog hiermee:
| ||||
Catch22- | donderdag 8 december 2011 @ 11:21 | |||
moet het echt per sé in 2 uls dan? Je moet je nooit door 'regels' en 'semantiek' laten leiden als je het daardoor jezelf onnodig moeilijk maakt. | ||||
boem-dikkie | donderdag 8 december 2011 @ 11:23 | |||
Divs? | ||||
TheSeeker_NL | donderdag 8 december 2011 @ 11:28 | |||
Hoe kan je met CSS instellen dat een regel tekst bij een bepaalde breedte (einde van de div) wordt afgebroken en dat de laatste drie characters "..." worden? Ik ben dit ooit tegengekomen maar ik kan het niet meer terugvinden. Iets met overflow? | ||||
Catch22- | donderdag 8 december 2011 @ 11:29 | |||
http://www.quirksmode.org/css/textoverflow.html
| ||||
TheSeeker_NL | donderdag 8 december 2011 @ 11:30 | |||
Super bedankt! | ||||
Tijn | donderdag 8 december 2011 @ 11:30 | |||
In veel gevallen geef ik je gelijk, maar het is in dit geval belangrijk dat het echt zo correct mogelijk is. | ||||
Tijn | donderdag 8 december 2011 @ 11:31 | |||
Hoe zie je dat dan voor je? | ||||
Catch22- | donderdag 8 december 2011 @ 11:32 | |||
oke, wat voor data heb je? want je bent vrij summier in je specs. misschien dat je wat kan stoeien met display:inline enzo, maar het blijft gekunstel. Kan je de data niet anders aanleveren? In plaats van 1.2.3.4.5.6 > 1.4.2.5.3.6 | ||||
boem-dikkie | donderdag 8 december 2011 @ 11:32 | |||
Oh wacht, ik heb dat wel eens gedaan maar dat was in een form. Ik denk niet dat list items scheiden met een div een heel correct resultaat oplevert. ![]() | ||||
Tijn | donderdag 8 december 2011 @ 11:38 | |||
Het is een lijstje met gemeentes. Gewoon zo:
Maar dan een heleboel (alle gemeentes van een provincie). Omdat het zo'n lange lijst wordt, wil ik graag dat het visueel in twee kolommen wordt verdeeld. Maar het is belangrijk dat dat zo toegankelijk en w3c-correct mogelijk wordt gedaan. Het is eigenlijk niet acceptabel om er twee lijst-elementen van te maken. En het is dus de bedoeling dat de volgorde min of meer in tact blijft. | ||||
MrNiles | donderdag 8 december 2011 @ 11:40 | |||
misschien sub-koppen maken A - B - C - ....- Z als je dan op een letterklikt dat je dan de lijst krijgt met de steden die beginnen met die letter? | ||||
GI | donderdag 8 december 2011 @ 11:41 | |||
| ||||
Tijn | donderdag 8 december 2011 @ 11:45 | |||
Ja, zoiets heb ik nu dus. Dat kan op zich wel hoor, maar eigenlijk is de volgorde dan verkeerd. Maar ik zou het mooier vinden als het zo werd: 1 4 2 5 3 6 Ik weet niet hoe ik dat voor elkaar zou moeten krijgen. | ||||
picodealion | donderdag 8 december 2011 @ 11:47 | |||
Dit is al een eeuwenoud probleem, en er is maar een oplossing die werkt en het semantisch houdt: http://www.css3.info/preview/multi-column-layout/ | ||||
GI | donderdag 8 december 2011 @ 11:48 | |||
Wat je dan nog zou kunnen doen is
| ||||
GI | donderdag 8 december 2011 @ 11:49 | |||
Laat me raden. IE doet niet mee ? | ||||
Tijn | donderdag 8 december 2011 @ 11:50 | |||
Ja, dat is best tof. Maar gaat natuurlijk nooit werken in IE enzo ![]() Aan zoiets zat ik ook te denken... maar ik weet niet hoe erg ze het vinden dat er een div in een ul staat zonder li eromheen. Volgens mij valideert dat niet (althans niet met XHTML strict, waarin ik deze pagina maak). | ||||
Pizzalucht | donderdag 8 december 2011 @ 11:50 | |||
Je kan ook iets proberen als display: table op de container en display: table-cell op de column ![]() Edit: lees net dat het niet werkt op IE7 en lager. | ||||
Tijn | donderdag 8 december 2011 @ 11:51 | |||
Misschien is dit trouwens uiteindelijk ook niet zo'n slechte oplossing. Dan maar geen kolommen. | ||||
MrNiles | donderdag 8 december 2011 @ 11:54 | |||
ik denk dat de leesbaarheid veel beter is... 2 kolommen kan toch best verwarrend werken en om hoeveel regels gaat het wel niet? | ||||
Tijn | donderdag 8 december 2011 @ 11:57 | |||
Ja, ik denk dat je gelijk hebt. Sommige provincies (zoals Zuid-Holland) hebben tegen de 100 gemeenten, dus dat loopt aardig op. | ||||
GI | donderdag 8 december 2011 @ 12:01 | |||
Is het essentieel dat het in één lijst staat dan ? Je zou ook via jquery of iets in die geest een zoekfilter in kunnen bouwen. | ||||
boem-dikkie | donderdag 8 december 2011 @ 12:03 | |||
Als je alle gemeenten moet opsommen zou ik inderdaad gewoon gaan voor de A-B-C-..-Z lijst. Veel overzichtelijker. | ||||
Tijn | donderdag 8 december 2011 @ 12:04 | |||
Ja. Het is semantisch één lijst, dus het moet ook in één lijstelement zitten. Het is echt compleet onacceptabel dat het niet zou werken zonder Javascript, dus ik denk niet dat zoiets een oplossing gaat zijn ![]() | ||||
Tijn | donderdag 8 december 2011 @ 12:05 | |||
Bedankt voor het meedenken, mensen. Zo'n forum is echt ideaal voor de eenzame ZZP'er die geen collega's heeft om mee te overleggen ![]() | ||||
Catch22- | donderdag 8 december 2011 @ 12:26 | |||
Maar je werkt voor de overheid dus? | ||||
GI | donderdag 8 december 2011 @ 12:27 | |||
Het is een ZZPer ![]() | ||||
Catch22- | donderdag 8 december 2011 @ 12:28 | |||
die kunnen niet voor de overheid werken? | ||||
Tijn | donderdag 8 december 2011 @ 12:44 | |||
Nee, het is voor een belangenorganisatie voor mensen met een handicap, maar het heeft wel met de overheid te maken. Ze willen wel graag het goede voorbeeld geven door zich te houden aan dingen als Drempelvrij en de Webrichtlijnen van de Overheid te houden. | ||||
Light | donderdag 8 december 2011 @ 22:09 | |||
Een ul mag alleen li's bevatten, en moet ten minste 1 li bevatten om geldige (x)html te zijn. ![]() | ||||
_superboer_ | vrijdag 9 december 2011 @ 01:38 | |||
Op mijn site wil ik graag een map waarop alle sushirestaurants staan. De gegevens van de sushirestaurants staan in dit kml-bestand. Nu gebruik ik de standaard methode van google om de kml aan te roepen, echter krijg ik geen markers te zien (zelfs geen kaart) op http://www.japansesushi.nl/restaurants.
[ Bericht 31% gewijzigd door _superboer_ op 09-12-2011 02:24:48 ] | ||||
KomtTijd... | vrijdag 9 december 2011 @ 03:17 | |||
Je kunt ook met :nth-child je lijst in kolommen opdelen. Mits je schijt hebt aan oude IE-versies. | ||||
_superboer_ | vrijdag 9 december 2011 @ 03:57 | |||
Laat maar, lijkt het nu wel te doen ![]() [ Bericht 48% gewijzigd door _superboer_ op 09-12-2011 04:30:55 ] | ||||
DoeJohn | vrijdag 9 december 2011 @ 10:00 | |||
Ik heb een sticky footer gemaakt voor op mn website (zie de code hieronder) hij werkt nu overal, behalve op de iphone/ipad ik heb ergens gelezen dat dit met position fixed te maken heeft is er iemand die weet hoe ik dit kan verhelpen? <div class="push"></div> <div class="footer"> <div class="footer-align"> <p>Copyright Marcel Woudstra all rights reserved 2011</p> </div> </div> </div> </div> .footer { position:fixed; bottom:0; width:100%; height:50px; background-color:#202020; font-family : Helvetica, Verdana, sans-serif; font-size : 10px; color:#9e9e9e; } .footer-align { padding-top:10px; text-align:center; } .push { height:50px; } | ||||
Catch22- | vrijdag 9 december 2011 @ 10:04 | |||
ik wel? | ||||
Treces | vrijdag 9 december 2011 @ 10:42 | |||
Je gebruikt een oude versie van Google Maps (versie 2). Maar er is niks mis mee hier. | ||||
picodealion | vrijdag 9 december 2011 @ 11:18 | |||
Laat dit gewoon weg op een telefoon, daar heb je sowieso al weinig schermruimte. Om dan een footer constant in beeld te hebben is gewoon schermvervuiling. | ||||
Crimyclown | vrijdag 9 december 2011 @ 15:06 | |||
Ben bezig met een ontwerp voor een eindexamenopdracht. Dit ontwerp is voor een applicatie die de klant in de toekomst misschien veelvuldig gaat verspreiden. Het ontwerp is gratis voor de klant maar kan ik hier auteursrechten etc. contractueel met de klant over vastleggen zodat deze gratis versie slechts unicum is en niet voor publicatie? | ||||
boem-dikkie | vrijdag 9 december 2011 @ 15:07 | |||
Ja dit soort punten kun je vastleggen in een contract. | ||||
Crimyclown | vrijdag 9 december 2011 @ 15:08 | |||
Misschien is het een beetje grof, maar het ontwerp is erg sterk. En als die het ontwerp in de toekomst veelvoudig gaat publiceren heb ik er niets aan. Bedankt in ieder geval ![]() | ||||
KomtTijd... | vrijdag 9 december 2011 @ 17:56 | |||
Contract? Gewoon de goeie licentie kiezen voor je software is voldoende. Al kan het nooit kwaad om met de opdrachtgever af te spreken wat je precies zult opleveren natuurlijk. | ||||
Crimyclown | vrijdag 9 december 2011 @ 18:01 | |||
Het gaat om een ontwerp. Tekeningen en onderzoeken voor de website. | ||||
Dalando | vrijdag 9 december 2011 @ 18:46 | |||
Alleen de plaatjes laden zo snel dat soms de plaatjes nog niet helemaal geladen zijn maar dan moeten ze toch al worden weergegeven ![]() | ||||
boem-dikkie | vrijdag 9 december 2011 @ 20:48 | |||
Ik wil dat als mensen in de div 'content' op het linkje werk klikken er in de footer een link highlight. Nou heb ik met jQuery dit gemaakt maar het werkt niet. Zou niet weten waarom niet, iemand enig idee?
| ||||
picodealion | vrijdag 9 december 2011 @ 20:50 | |||
Daar heb je die hele find niet voor nodig. Gewoon
| ||||
picodealion | vrijdag 9 december 2011 @ 20:54 | |||
Als aanvulling: 'find' begint met de DOM doorzoeken bij het element waar je op dat moment bent, en wordt vaak gebruikt om de dichtstbijzijnde element van iets te vinden. Als je een class of element hebt dat vaker voorkomt en je wil degene vinden die het dichtst bij is gebruik je 'find'. Als je een ID hebt weet je dat het element uniek is op de pagina, en hoef je dus niet te zoeken. Het is namelijk al bekend welk element je op doelt. | ||||
boem-dikkie | vrijdag 9 december 2011 @ 20:54 | |||
Hij doet het inderdaad. Thanks. | ||||
boem-dikkie | zaterdag 10 december 2011 @ 19:28 | |||
Ik heb vijf linkjes onder elkaar met dezelfde class 'naarboven'. Nou wil ik dat dat eerste linkje niet zichtbaar is. Dus ik heb dit toegevoegd:
Hij laat nu geen één meer zien, iemand enig idee waarom? | ||||
PimD | zaterdag 10 december 2011 @ 19:39 | |||
Ik gok dat je die a href's ieder in een <li> ofzo hebt staan? [ Bericht 10% gewijzigd door boem-dikkie op 10-12-2011 19:40:24 ] | ||||
boem-dikkie | zaterdag 10 december 2011 @ 19:40 | |||
Ho. Verkeerde knopje. ![]() Maar nee, heb ik niet. | ||||
PimD | zaterdag 10 december 2011 @ 19:40 | |||
Post eens wat meer HTML dan? | ||||
boem-dikkie | zaterdag 10 december 2011 @ 19:43 | |||
Die div staat 5 keer onder elkaar. En dit is mijn css.
| ||||
PimD | zaterdag 10 december 2011 @ 19:44 | |||
Je hebt dus wel een wrapper om iedere a heen. Dan is iedere a automatisch :first-child. Als je nou
doet zou het moeten werken. Mits er natuurlijk geen andere elementen in dezelfde wrapper zitten als de 'goup's. | ||||
boem-dikkie | zaterdag 10 december 2011 @ 19:47 | |||
Het werkt. Wat bedoel je met andere elementen? Het linkje is het enige wat in de div .goup komt te staan. Het is een divje die naast elke post komt te staan met een linkje die naar bovenaan de pagina gaat. Dat hoeft niet bij de eerste post vandaar. | ||||
PimD | zaterdag 10 december 2011 @ 19:49 | |||
:first-child gaat om (zoals de selector al zegt) het eerste child van een element. Als er dus bijvoorbeeld nog een <h1> voor de eerste .goup zit gaat de selector '.goup:first-child' niet af en zal je code dus niet werken. | ||||
boem-dikkie | zaterdag 10 december 2011 @ 19:54 | |||
Maar als je .goup:first-child a doet pakt hij toch het eerste linkelement binnen de div .goup? Zoals ik al zei er zit niks anders in die div op het linkje na. | ||||
picodealion | zaterdag 10 december 2011 @ 20:04 | |||
In dat geval zou een :first-of-type wel moeten werken als im me niet vergis? | ||||
picodealion | zaterdag 10 december 2011 @ 20:05 | |||
-edit- eh, dat klopt niet, laat maar ![]() | ||||
RenRen- | zondag 11 december 2011 @ 13:50 | |||
Is het trouwens mogelijk om met codes te detecteren of een browser HTML5 aan kan? | ||||
PimD | zondag 11 december 2011 @ 13:56 | |||
HTML5 bestaat uit zo gigantisch veel onderdelen/modules, er is volgens mij nog geen enkele browser die alles ondersteunt. Het beste kun je feature detection doen, bijvoorbeeld met een library als Modernizr. | ||||
RenRen- | zondag 11 december 2011 @ 13:59 | |||
.. ![]() ![]() | ||||
boem-dikkie | zondag 11 december 2011 @ 14:01 | |||
Waarom überhaupt zo veel moeite doen voor een workaround om iets te laten werken dat nog niet eens officieel af is? | ||||
RenRen- | zondag 11 december 2011 @ 14:05 | |||
Het bestaat officieel nog niet, maar ik moet het in mijn plan verwerken anders wordt hij waarschijnlijk afgewezen. Het hoeft niet al helemaal een uitgebreid uitgewerkte workaround te zijn, als het maar wel mogelijk is IE te detecteren en dan iets als een andere code te laten zien aan IE gebruikers. Of zoiets. ![]() | ||||
Catch22- | zondag 11 december 2011 @ 14:13 | |||
Je gaat html5 gebruiken voor animaties? Good luck want dat lukt je niet. Ik zou het persoonlijk met CSS3 proberen. | ||||
picodealion | zondag 11 december 2011 @ 14:18 | |||
Nee, echt totaal niet ![]() Ja, IE is te detecteren. Ja, specifieke onderdelen/functies van HTML5 zijn te detecteren. En dan? | ||||
RenRen- | zondag 11 december 2011 @ 15:01 | |||
Serieus niet? ![]() Was ik al bang voor ![]() | ||||
PimD | zondag 11 december 2011 @ 15:02 | |||
Dat heeft niks met HTML5 te maken, alleen met Javascript die inline CSS manipuleert ![]() | ||||
picodealion | zondag 11 december 2011 @ 15:09 | |||
"DHTML". Dat waren nog eens tijden. | ||||
Tijn | zondag 11 december 2011 @ 15:16 | |||
Dat hele verhaal leg ik aan m'n klanten niet eens meer uit als ze weer eens komen vragen of ik geen HTML5 site voor ze kan bouwen ![]() | ||||
boem-dikkie | zondag 11 december 2011 @ 15:24 | |||
Als klanten je überhaupt al benaderen met de vraag of je een HTML5 website kunt bouwen voor ze weet je al dat het project sowieso veel gezeur gaat veroorzaken vanwege onkennis. ![]() | ||||
Tijn | zondag 11 december 2011 @ 15:36 | |||
Ik kom het veel tegen, hoor. Klant: "Ja, jij kunt toch van die HTML5 sites bouwen?" Tijn: "Euh... Ja, ik denk het..." Klant: "Ok, ja dat het er een beetje hip uitziet, animaties enzo, maar dat 'ie het ook op m'n iPad doet he" Tijn: "Ja, gewoon zonder Flash bedoel je? Ik kan sowieso geen Flash." Klant: "Nee precies, Flash is uit man, HTML5 is het helemaal!" Tijn: "Ja, ok..." Klant: "Maar hij moet het ook gewoon in IE7 doen he, niet dat gelul dat je Chrome moet hebben ofzo" Tijn: "Dus je wilt een HTML5 site die het doet op je iPad en in IE7?" Klant: "Ja precies! En een beetje snel he, volgende week ofzo eerste demo?" En dan lever je uiteindelijk gewoon XHTML met jQuery aan en dan zijn ze helemaal blij ![]() | ||||
QM84 | zondag 11 december 2011 @ 16:47 | |||
HTML5 wordt vaak gezien als een soort synoniem voor hyperdynamische moderne websites. Het grootste probleem daarbij is eigenlijk, dat HTML5 dat helemaal niet is. HTML5 (alhoewel het '5' ondertussen ook al nergens meer op slaat, aangezien de versienummering losgelaten wordt vanaf nu) is niets meer of minder dan een extra set tags en attributen, die toegevoegd zijn aan de HTML-specificatie. Een paar ouderwetste elementen zijn er definitief uitgehaald. Alhoewel de specificatie nog niet volledig af is, is het overgrote deel ervan al gewoon te gebruiken. Zeker de 'semantische tags', zoals nav, article, section, etc. kan je zonder problemen al gebruiken. Voor support in IE8 en lager, kan je een klein javascriptje schrijven, of gewoon htmlshiv.js googlen en downloden (net zo makkelijk), die deze tags on-the-fly aanmaakt, zodat je ze gewoon kan CSS'en. Er is op dit moment eigenlijk geen enkele reden meer om nog XHTML te gebruiken. CSS3 is een ander verhaal. Hierbij zijn veel eigenschappen nog maar half geïmplementeerd, of verschilt de implementatie tussen browsers (vandaar de vendor-prefixes). Als je hier veel gebruik van gaat maken (wat best kan overigens), moet je ervoor zorgen dat je pagina zonder alle typische CSS3-shit er nog steeds normaal uit ziet. Met conditional comments kan je bvb aan de HTML-tag in je document een speciale IE-class toevoegen, zodat je bepaalde zaken die niet ondersteund worden in IE8 <, kan overriden obv die class. het jQuery-framework is zo ontworpen, dat deze in elke browser hetzelfde resultaat geeft. Voor animaties en dergelijke, is dit nog altijd de meest veilige oplossing. Wel raar, dat je plan bij voorbaat afgewezen gaat worden, als je verteld wát je precies van plan bent.. Komt een beetje raar en dubieus over ![]() | ||||
karton2 | zondag 11 december 2011 @ 22:37 | |||
Ik wil mbv CSS een afbeelding verticaal centreren in een div. Mijn div opbouw ziet er zo uit: <div id="container"> <div id="content"> <div id="producten"></div> </div> <div> Bijbehorende CSS: #container { margin-left: auto; margin-right: auto; height: 750px; width: 870px; background-color: #d4d4d4; } #content { width: 858px; height: 610px; margin-top: auto; margin-left: auto; text-align: center; background-image: url(images/content_achtergrond.png); position: relative; } #producten { background-image: url(images/producten.png); width: 472px; height: 324px; margin-left: 280px; margin-top: 50px; text-align:center; } In <div id="producten"></div> zit de afbeelding die ik vertikaal wil centeren in de div Content. Op internet is er veel te vinden over dat het lastig is een afbeelding vertikaal te centeren in een div, maar ik begrijp niet wat het beste voor mijn code is gezien ik nogal een beginner ben met css/html. | ||||
Treces | zondag 11 december 2011 @ 22:54 | |||
Als er wel iets is, wat ik graag zie terugkomen als een standaard optie, dan ishet wel verticaal centreren. Wat een geouwehoer is dat nu. | ||||
Light | maandag 12 december 2011 @ 00:28 | |||
Heb je de OP gelezen, en dan met name het stukje over code posten? | ||||
QM84 | maandag 12 december 2011 @ 10:38 | |||
Het is in principe niet lastig, je moet alleen weten wat je doet. De meest simpele oplossing heeft namelijk als 'bijwerking', dat je precies moet weten hoe alle HTML-elementen zich gedragen, hoe het box-model in elkaar zit en wat wel en niet geoorloofd is in CSS. De truuk is, om de parent van de container waar het verticaal gecentreerde element in moet komen, weer te geven als tabel en de parent als tabel-cel, met een vertical-align:middle. Maar als je, zoals je zelf al zegt, nog echt een beginner bent in CSS en HTML, zou ik eerst beginnen met de basis onder de knie te krijgen. Voordeel daarvan is, dat je ook veel gerichter kan gaan zoeken naar oplossingen, mocht je specifieke problemen tegenkomen. | ||||
Pizzalucht | maandag 12 december 2011 @ 10:44 | |||
Note: The values "inline-table", "run-in", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", "table-row-group", and "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports the values. Kun je me trouwens de situatie schetsen waarin je verticaal wilt centreren? Over het algemeen is standaard alignen met wat padding mooier. | ||||
Catch22- | maandag 12 december 2011 @ 10:46 | |||
als de div gewoon een breedte heeft en de afbeelding als enige in die div staan, kan je hem gewoon een text-align:center geven | ||||
Pizzalucht | maandag 12 december 2011 @ 10:46 | |||
Dat is horizontaal ![]() | ||||
Catch22- | maandag 12 december 2011 @ 10:47 | |||
oja, ik had de tekst niet gelezen, 't is nog vroeg. verticaal centreren is inderdaad kut, tenzj je de IE7 support laat vallen, of je met JS in de weer gaat | ||||
Pizzalucht | maandag 12 december 2011 @ 10:48 | |||
Nja kan vast wel iets met absolute en dan margin-top: -[helft-vancontent]px; en top: 50%; Maar dat lijkt me niet echt een geweldige oplossing. | ||||
QM84 | maandag 12 december 2011 @ 10:52 | |||
Er is sowieso geen geweldige oplossing inderdaad.. óf je moet smerige code schrijven, óf je moet bepaalde support laten vallen (zoals in mijn voorbeeld hierboven.. nu vind ik dat niet zo erg ![]() Ik vind jouw eerdergestelde vraag eigenlijk het meest relevante: Verticaal centreren is iets wat je eigenlijk nooit gebruikt, zeker niet voor standaard content. Voor achtergrondplaatjes is het een ander verhaal, dat is ook prima mogelijk. Wellicht is het gewoon een probleem, waarbij de gewenste oplossing juist het probleem veroorzaakt en er een veel betere manier is om hetzelfde te bewerkstelligen. | ||||
Pizzalucht | maandag 12 december 2011 @ 10:54 | |||
Het kan zijn dat je iets verticaal wilt centreren, voorbeeld:![]() (de inhoud in het gele vak) Aangezien het gele vak een bepaalde hoogte heeft is verticaal centreren niet nodig, omdat dit alleen maar problemen geeft, kun je ook gewoon een marge gebruiken. | ||||
Catch22- | maandag 12 december 2011 @ 10:58 | |||
of padding, omdat dat gele de background van de container is. Variabele hoogte/breedte en centreren is altijd lastig. | ||||
QM84 | maandag 12 december 2011 @ 10:58 | |||
Inderdaad, de juiste oplossing voor het juiste probleem ![]() edit: Zoiets bijvoorbeeld.. overigens ook een mooie oplossing, werkt ook niet in IE7 | ||||
Pizzalucht | maandag 12 december 2011 @ 11:01 | |||
Padding is als je een "witruimte" wilt die deel uit maakt van de container waar je de padding op doet. Toch...? | ||||
Catch22- | maandag 12 december 2011 @ 11:02 | |||
Ja. | ||||
Pizzalucht | maandag 12 december 2011 @ 11:02 | |||
Waarom zou je daar dan padding op doen ![]() | ||||
QM84 | maandag 12 december 2011 @ 11:02 | |||
Margin = witruimte buiten de box, padding is standaard witruimte binnen de box. Als je dus binnen een container, de gele balk in dit geval, een standaard witruimte wilt hebben, is het netter om op de container een padding te zetten, ipv op alle children een margin. | ||||
KomtTijd... | maandag 12 december 2011 @ 11:06 | |||
Absoluut niet inderdaad. Als je scherm kleiner is dan de content, verdwijnt die buiten beeld zonder scrollbalk. oh en: http://www.w3.org/TR/CSS2/box.html#box-dimensions | ||||
Pizzalucht | maandag 12 december 2011 @ 11:10 | |||
overflow:scroll;? ![]() | ||||
picodealion | maandag 12 december 2011 @ 11:13 | |||
Wat doet die trollface hier ![]() | ||||
Pizzalucht | maandag 12 december 2011 @ 11:15 | |||
Sorry, ik heb een geschikter plaatje gekozen. | ||||
KomtTijd... | maandag 12 december 2011 @ 11:19 | |||
Schattig, maar dat werkt dan dus niet meer ![]() | ||||
picodealion | maandag 12 december 2011 @ 11:20 | |||
Ach, als je eerst toont dat je weinig verstand hebt van HTML (geen schande, daar is dit topic voor) maar vervolgens met zulke plaatjes gaat gooien om je gelijk te halen kan je net zo goed wegblijven ![]() | ||||
Pizzalucht | maandag 12 december 2011 @ 11:21 | |||
Je snapt niet dat ik een grapje maak? Ik zeg toch zelf al dat het een slechte oplossing is? | ||||
picodealion | maandag 12 december 2011 @ 11:24 | |||
Nee, sorry. Dat ging echt langs me heen ![]() | ||||
TheSeeker_NL | maandag 12 december 2011 @ 11:25 | |||
Ik weet niet of deze vraag hier thuis hoort, zo niet dan hoor ik het wel. Gaat om een stukje SEO eigenlijk:
Ik probeer die 301 redirect dus te regelen maar ik weet niet precies of ik het goed doe. Is het zo simpel als in je htaccess het volgende toe te voegen (voor elke pagina?): Redirect 301 /http://www.blabla.nl http://blabla.nl Ik heb bij google webmaster tools geprobeerd mijn voorkeursdomein te veranderen in blabla.nl maar ik heb verificatie-problemen (raar want ik heb de website op 3 verschillende manier echt geverificeerd). Iemand die er veel ervaring mee heeft? | ||||
Pizzalucht | maandag 12 december 2011 @ 11:28 | |||
Ik heb het volgende in mijn .htaccess:
Die zorgt dat alles naar www. gaat andersom(niet getest):
| ||||
picodealion | maandag 12 december 2011 @ 11:28 | |||
Dit is idd niet een HTML vraag ![]() Sowieso is zelf een redirect doen beter dan het aangeven bij Google WMT. Ten eerste omdat er meer crawlers zijn dan Google, ten tweede omdat de gebruiker dan ook altijd op dezelfde url terechtkomt. Het is inderdaad zo simple als een regel in je .htaccess, als ik me niet vergis (niet getest dus) is het:
| ||||
picodealion | maandag 12 december 2011 @ 11:29 | |||
Dit is inderdaad completer, en iets netter. Toch niet verkeerd voor uit m'n hoofd ![]() De R=301 flag geeft aan Google aan dat het een permanente redirect is, dus beter voor SEO. Die is wel belangrijk in dit geval. | ||||
TheSeeker_NL | maandag 12 december 2011 @ 11:33 | |||
Wow super dat jullie zo snel reageren. Ik kan niet echt snel heldere informatie vinden over hoe en wat. Wel dat het schijnbaar belangrijk is voor je SEO ![]() Even uitproberen, bedankt mensen ![]() | ||||
picodealion | maandag 12 december 2011 @ 11:45 | |||
Ik kan je aanraden om op SEOmoz.org en SearchEngineLand.com rond te neuzen. | ||||
TheSeeker_NL | maandag 12 december 2011 @ 14:51 | |||
Bedankt voor de tip! Een berg aan informatie ![]() | ||||
Scorpie | dinsdag 13 december 2011 @ 10:51 | |||
Ik ben op zoek naar een gallery-achtige plugin/framework die images en video in een set (dus door elkaar) kan afspelen. De meeste examples werken met images of flash only, ben er nog geen 1 tegengekomen die alles door elkaar heen afspeelt met de mogelijkheid tot autoplay. Iemand hints / tips? | ||||
Catch22- | dinsdag 13 december 2011 @ 10:52 | |||
Je kan niet zelf coden begrijp ik? | ||||
Scorpie | dinsdag 13 december 2011 @ 10:58 | |||
Wat is dat nou weer voor vraag ![]() ![]() | ||||
GI | dinsdag 13 december 2011 @ 10:59 | |||
http://jquery.com/demo/thickbox/ | ||||
GI | dinsdag 13 december 2011 @ 11:00 | |||
O, niet meer ondersteunt. Maar er is vast iets van dezelfde strekking | ||||
Scorpie | dinsdag 13 december 2011 @ 11:07 | |||
Mja ik vond zelf deze: http://planetozh.com/projects/lightbox-clones/ Daar staan er een hoop op. Ga daar wel mee aan de slag ![]() | ||||
KomtTijd... | dinsdag 13 december 2011 @ 11:28 | |||
CeeBox http://catcubed.com/2008/12/23/ceebox-a-thickboxvideobox-mashup/ Doet images, flash, iframes, AJAX, .... | ||||
Tijn | dinsdag 13 december 2011 @ 14:30 | |||
Ik gebruik zelf altijd FancyBox. Lekker fancy ![]() | ||||
Catch22- | dinsdag 13 december 2011 @ 14:41 | |||
fancybox ruled, is net een nieuwe van uit he. | ||||
Crimyclown | dinsdag 13 december 2011 @ 23:33 | |||
Is het mogelijk met CSS type verticaal in een DIV te centreren. | ||||
Tijn | woensdag 14 december 2011 @ 00:07 | |||
Wat is tegenwoordig een goede manier om bijvoorbeeld een menu altijd in beeld te houden, ook als je naar beneden scrollt? | ||||
Pizzalucht | woensdag 14 december 2011 @ 00:50 | |||
Je zou position: fixed kunnen gebruiken. Maar ik raad het niet aan. Ik zou zelf denk ik voor een JS oplossing gaan(met animation) om een soort "fixed", maar dan mooier, te kunnen krijgen, en hier dan een fallback naar position: fixed gebruiken ![]() Zoiets: http://www.jtricks.com/javascript/navigation/floating.html | ||||
KomtTijd... | woensdag 14 december 2011 @ 01:32 | |||
ALsjeblieft, hou op. Het is geen 2004 meer ![]() Position:fixed is idd de oplossing. Wat veel gedaan wordt is dmv javascript de scrollpositie uitlezen, zodat je een menu fixed kan zetten zodra het uit beeld dreigt te scrollen. Bijv. een menubalk onder een banner, die fixed wordt zodra je de banner uit beeld gescrolled hebt. Voorbeeld is bijv. te ticker bij facebook, .fixed_scrolling_wrapper wordt fixed gemaakt zodra je de ads erboven weggescrold hebt. Je moet overigens wel nadenken over de impact van fixed elementen op kleine schermen (netbooks, telefoons). Als je niet oppast zet je 90% van het beeld vol met menu's die niet weg te scrollen zijn. | ||||
Tijn | woensdag 14 december 2011 @ 01:40 | |||
Ja, door dat hele gedachtenproces ben ik net ook gegaan. Nu is het nog een klein menuutje en leek het me cool om 'em altijd op de pagina te houden. Maar de inhoud is variabel en gaat zeker groeien. Dat in combinatie met de kleine schermen van telefoons en tablets zorgt er al gauw voor dat het alleen maar irritant is dat 'ie fixed is. Maar ik ben wel blij dat ik nu weet hoe het moet, mocht ik het ooit wél willen ![]() | ||||
remi1986 | woensdag 14 december 2011 @ 10:59 | |||
Ik maak gebruik van de jQuery autocomplete: http://docs.jquery.com/Plugins/Autocomplete Nu wil ik de url kunnen wijzigen aan de hand van een keuze uit een select box. Volgens de documentatie kan dat met setOptions http://docs.jquery.com/Plugins/Autocomplete/setOptions#options
Echter, hier gebeurt niks mee. De url wordt niet veranderd. Ook krijg ik met Firebug geen foutmeldingen. Ik heb nu een tijdelijke oplossing door bij het teruggeven van het resultaat in Javascript (in de success: van de autocomplete) te controleren op de waarde in de selectbox, maar hiervoor worden teveel records opgehaald, dus ik wil het resultaat verfijnen in het AJAX php bestand. Heeft iemand een idee wat er niet klopt? | ||||
Catch22- | woensdag 14 december 2011 @ 11:23 | |||
Kan je niet beter de waarde van de select meeposten en het door 1 file laten afhandelen? | ||||
picodealion | woensdag 14 december 2011 @ 11:39 | |||
Idd, ik heb het laatst op mijn werk ook gemaakt (precies hoe KomtTijd.. zegt), maar ik zet er wel altijd een rule bij dat bij < 600px breedte dat gewoon niet gebeurt. | ||||
remi1986 | woensdag 14 december 2011 @ 11:52 | |||
Ja dat wil ik ook. Echter de autocomplete zet je op in de Document Ready. En op de één of andere manier wordt dit gecached. Ik wil dus on the fly de url veranderen, wanneer de waarde van de selectbox veranderd | ||||
Crimyclown | donderdag 15 december 2011 @ 13:33 | |||
Ik probeer text in een div tag te centreren.
maar dit werkt enkel wanneer er maar 1 regel tekst is. Nu heb ik in #test3 2 regels tekst welke ik verticaal gecentreerd wil hebben in de div tag. De regels ten opzichte van elkaar moeten een normale line-height krijgen. Is dit mogelijk? | ||||
PimD | donderdag 15 december 2011 @ 13:38 | |||
Je zou het kunnen proberen met display:table/display:table-cell. | ||||
Crimyclown | donderdag 15 december 2011 @ 13:44 | |||
Lukt ook niet, anders zet ik de content van de div gewoon in een table zetten met v-align erop. | ||||
Catch22- | donderdag 15 december 2011 @ 13:45 | |||
doe je ontwerp eens posten + code, kan me niet voorstellen dat dit niet anders kan. | ||||
Treces | donderdag 15 december 2011 @ 13:53 | |||
Je zou het met jQuery kunnen doen ![]() | ||||
Crimyclown | donderdag 15 december 2011 @ 13:53 | |||
| ||||
Crimyclown | donderdag 15 december 2011 @ 13:58 | |||
Dat zou wel ideaal zijn. Even uitproberen. [ Bericht 1% gewijzigd door Crimyclown op 15-12-2011 14:04:59 ] | ||||
Catch22- | donderdag 15 december 2011 @ 14:08 | |||
http://jsbin.com/orucev/4/ zoiets. ff naar je eigen wens aanpassen waarom staat die knop in een UL btw? http://jsbin.com/orucev/9 | ||||
Crimyclown | donderdag 15 december 2011 @ 14:27 | |||
Om dat ding te centreren van alles geprobeerd. Dacht misschien kan een ul wel gecentreerd worden. | ||||
Crimyclown | donderdag 15 december 2011 @ 14:35 | |||
Bedankt Catch22-, het werkt. | ||||
Crimyclown | vrijdag 16 december 2011 @ 18:23 | |||
Is iemand hier toevallig bekent met CMS Made Simple? Kan op de website vreemd genoeg niet de informatie vinden die ik zoek. Zou graag een link naar een nieuwe pagina/sjabloon maken. Of moet ik sjablonen niet als html pagina zien? Testpagina
| ||||
KomtTijd... | vrijdag 16 december 2011 @ 18:32 | |||
Probeer eerst eens zelf te begrijpen wat je nou wilt, dat zoekt al een stuk makkelijker ![]() Een nieuwe pagina of een nieuw sjabloon zijn wel 2 behoorlijk verschillende dingen. En wat die code ermee te maken heeft...? ![]() | ||||
picodealion | zaterdag 17 december 2011 @ 17:09 | |||
Iemand een idee hoe ik dit voor elkaar krijg met css?![]() Ik zit al te pielen met text-shadow maar daarbij heb ik 2 opties: - de shadow direct achter de tekst laten, en de blur op 4px zetten. Lijkt er enigszins op, maar het moet met strakke lijnen ipv geblurred - 4 shadows instellen voor de 4 richtingen. lijkt er meer op, maar de hoeken zijn dan erg lelijk: http://jsfiddle.net/38mM6/1/ (1px blur om het iets zachter te maken, anders is het nog blokkeriger..) Lijkt het allemaal niet te worden. [ Bericht 29% gewijzigd door picodealion op 17-12-2011 17:16:09 ] | ||||
picodealion | zaterdag 17 december 2011 @ 17:18 | |||
Hmm, al begint dit wel wat te worden.. http://jsfiddle.net/38mM6/2/ | ||||
Dalando | zaterdag 17 december 2011 @ 19:01 | |||
Volgensmij zijn de meeste gradients en shadows zijn in browser niet heel vloeiend inderdaad... Bijvoorbeeld op http://dalando.nl/ zie je ook dat de achtergrond gradient niet geheel vloeiend is... Dus volgensmij kun je het niet echt beter krijgen... | ||||
picodealion | zaterdag 17 december 2011 @ 19:05 | |||
Daar was ik al bang voor, toch bedankt ![]() Ik zal eens met de opdrachtgever overleggen of het echt niet anders kan. In het aangeleverde design zijn het plaatjes (nu 5 stuks, maar je weet nooit wat er verandert/uitbreidt). Niet ideaal, imo. | ||||
Crimyclown | zaterdag 17 december 2011 @ 23:31 | |||
A bedankt, ik heb het gevonden. Dacht dat sjablonen voor html pagina's stonden. Het is allemaal ook een stuk logischer ook nu. Maar de handleiding op CMSMS heb ik ook niet heel veel aangehad. Informatie die er staat is zeer minimaal. | ||||
KomtTijd... | zondag 18 december 2011 @ 00:11 | |||
Ben ik met je eens, die handleiding is een beetje crappy. Gelukkig is de werkwijze supermakkelijk en overzichtelijk, en de modulehulp-pagina's e.d. zijn wel duidelijk. | ||||
xaban06 | zondag 18 december 2011 @ 01:13 | |||
Ik ben nog maar net bezig met CSS, al heel vaak geprobeerd het onder de knie te krijgen, maar liep steeds vast. Dit is dus de ik weet niet hoeveelste poging en loop alweer vast ![]() Kijk hier wat het probleem is. Ik krijg 2 'containers' in een container, niet naast elkaar. | ||||
Pizzalucht | zondag 18 december 2011 @ 01:18 | |||
Probeer eens een float:left; op de div van het logo ![]() | ||||
picodealion | zondag 18 december 2011 @ 01:18 | |||
Beide containers zijn 'div' elementen, die hebben als display waarde "block". Die stapelen altijd onder elkaar. Een mogelijke oplossing is om er met css inline-blocks van te maken, blokken die dus naast elkaar blijven staan:
Of je kan ze allebei naar links floaten:
Inline-block wordt niet door oude browsers (IE 6 enzo) ondersteund, maar tegenwoordig kunnen de meeste browsers er wel mee omgaan. Float wordt wel altijd ondersteund, maar is lastiger onder de knie te krijgen. | ||||
Pizzalucht | zondag 18 december 2011 @ 01:20 | |||
Float kan ook nog wel eens problemen opleveren in oudere browsers, maar die zijn meestal met wat hack-werk wel weer recht te breien. Liever lelijke code dan slechte ondersteuning. | ||||
xaban06 | zondag 18 december 2011 @ 01:34 | |||
Thanks! Div's worden dus altijd onderelkaar gestapeld? Hoe voorkom je dit? Ik ga nu even float left proberen. /edit
/edit En wat is het beste om een plaatje/iets verticaal te centreren? | ||||
Pizzalucht | zondag 18 december 2011 @ 01:37 | |||
Er zijn eigenlijk altijd meerdere manieren om iets te bereiken, maar als je voor compatibiliteit gaat, zou ik toch voor float gaan. Lees even vanaf hier voor verticaal centreren. | ||||
xaban06 | zondag 18 december 2011 @ 01:39 | |||
Thanks, ga ik straks gelijk even doen! De blokken zijn nu wel naast elkaar, maar de hoogte van de blokken kloppen niet meer? Ze lopen niet gelijk. /edit Door float wel, met inline-block niet. Opgelost dus. | ||||
Pizzalucht | zondag 18 december 2011 @ 01:41 | |||
Met floats moet je inderdaad specifieke afmetingen meegeven ![]() | ||||
xaban06 | zondag 18 december 2011 @ 01:45 | |||
Afbeelding verticaal centreren heb ik opgelost met margin-top:
Is dit netjes? Of bagger bagger bagger code? Zie hier hoe het eruit ziet. | ||||
picodealion | zondag 18 december 2011 @ 01:53 | |||
Zolang je zeker weet dat het logo altijd 50px is en de container eromheen 100px is dit gewoon prima. | ||||
Crimyclown | maandag 19 december 2011 @ 16:07 | |||
Ik moet in mijn html document gaan stylen. Op de een of andere manier werkt:
| ||||
Catch22- | maandag 19 december 2011 @ 16:10 | |||
http://www.w3.org/TR/html401/types.html#type-name je ID moet met een letter beginnen. | ||||
Crimyclown | maandag 19 december 2011 @ 16:12 | |||
Vandaar ![]() | ||||
KomtTijd... | maandag 19 december 2011 @ 17:15 | |||
Had de W3 validator er zo voor je uitgepikt hoor ![]() | ||||
Cue_ | donderdag 22 december 2011 @ 09:18 | |||
Oke, nieuw probleempje. Heb een php pagina met daarin verschillende gegevens, opgebouwd met ong 5 blokken als onderstaande:
Nu moet er nieuwe pagina erbij komen die eigenlijk zorgt dat de verschillende blokken omstebeurten getoond worden. Dus eerst de uitkomst van blok 1, daarna blok 2, blok 3 etc. Zag zoiets wel mbv javascript
Maar hoe ik t van mij erin zal moeten verwerken.. ik heb geen idee ![]() Wat ik precies wil: Ik wil dat de pagina zonder verversen elke 10 sec een ander van die 5 blokken laat zien. Dus dat hij 10 sec table 1 laat zien, vervolgens 10 sec table 2 , tot en met table 5 en dan weer begint bij table 1. | ||||
boem-dikkie | donderdag 22 december 2011 @ 09:22 | |||
Zoek gewoon even op een jQuery slider die naast afbeeldingen ook divjes kan sliden. Dan pleur je daar gewoon elk blok in? | ||||
Cue_ | donderdag 22 december 2011 @ 09:24 | |||
Geeft dat geen problemen met de php functies die ik aanroep in die divjes? | ||||
Bart | donderdag 22 december 2011 @ 10:39 | |||
Graag je vragen voortaan in één topic stellen ![]() ![]() | ||||
Cue_ | donderdag 22 december 2011 @ 10:55 | |||
Dat was ik van plan, maar kon het topic eerst niet vinden, kreeg ik dus dat topic door..dus gepost.. kreeg ik daarna deze door ivm nieuwer ![]() | ||||
Bart | donderdag 22 december 2011 @ 10:58 | |||
![]() | ||||
cablegunmaster | donderdag 22 december 2011 @ 16:20 | |||
Wat voor php functies wil je aanroepen? ik snap je niet? meeste sliders, hebben namelijk een heel uitgebreid keuze menu. de content is makkelijk met php in te laden om vervolgens als html toonbaar weer te geven. en dan doet de Jquery slider zijn werk. | ||||
Tijn | donderdag 22 december 2011 @ 17:00 | |||
Hoe bedoel je dit? Een div is een element in de pagina die je de bezoeker voorschotelt. PHP draait op de server, waar het hele concept van een div niet bestaat. | ||||
Cracka-ass | donderdag 29 december 2011 @ 11:51 | |||
Ik vroeg me af hoe je het volgende kunt realiseren en hoe het heet. Ik zou graag willen dat als mijn site gegoogled wordt het er als volgt uit komt te zien: (structuur)![]() | ||||
ursel | donderdag 29 december 2011 @ 12:00 | |||
Daar heb je geen invloed op. Als Google een juiste indexatie ervan kan maken wil het dit automatisch doen. Heb nog nergens gelezen hoe je dit exact kunt forceren. | ||||
Cracka-ass | donderdag 29 december 2011 @ 12:02 | |||
Ik heb het al gevonden. Je kunt zelf 'sitelinks' degraderen (zoals zij het noemen) bij hulpprogamma's voor webmasters van google. Thanks voor het meedenken iig. | ||||
McCandless | donderdag 29 december 2011 @ 12:23 | |||
Klopt, maar dan moeten ze wel gegenereerd zijn. Zijn die sitelinks al zichtbaar als je googled op je website-naam? Anders zou je namelijk eerst wat aan linkbuilding moeten doen, zodat je site populairder wordt op die zoekterm. | ||||
Cracka-ass | donderdag 29 december 2011 @ 12:25 | |||
Ja die zijn zichtbaar. Het ziet er alleen zo slordig uit allemaal onder elkaar. | ||||
McCandless | donderdag 29 december 2011 @ 13:22 | |||
Tja,hoe groter jouw website in beeld staat, hoe beter er op geklikt wordt is het idee. Jij kunt het wellicht niet mooi vinden, maar sitelinks bij andere websites zien er net zo uit, dus een bezoeker zal zich er niet aan storen. De reden dat je sitelinks kan degraderen is dat je links die ongewenst verschijnen zo weg kan halen. Bij mijn site heb ik bijvoorbeeld de pagina naar de winkelwagen gedegradeerd omdat bezoekers er niks aan hebben om meteen naar de winkelwagen te gaan. | ||||
Crimyclown | donderdag 29 december 2011 @ 15:35 | |||
Hoe link je in CMSMS een pagina zonder dat de url voor de bezoeker verandert? De enige manier die ik heb gevonden om een pagina te linken is met ?page=.
| ||||
KomtTijd... | donderdag 29 december 2011 @ 15:44 | |||
hoe bedoel je dat? Een form is geen link. Als je geen ?page= enzo in de url wilt, moet je pretty_urls aanzetten in je config.php file. Zie de PDF in de doc-map voor uitleg. | ||||
Crimyclown | donderdag 29 december 2011 @ 15:47 | |||
Dank. De form is een voorbeeld, mag ook gewoon een a href zijn. Heb twee uur gezocht voordat ik eindelijk ergens vandaan kon halen hoe je een pagina kan linken ![]() | ||||
KomtTijd... | donderdag 29 december 2011 @ 15:51 | |||
![]() Als <a href=""> typen je te moeilijk is kun je ook {cms_selflink page=""} gebruiken voor een automatisch gegenereerde URL. Of wat bedoel je nou? -edit- De wysiwyg editor doet dat automatisch trouwens, als je een interne link maakt. | ||||
Crimyclown | donderdag 29 december 2011 @ 15:54 | |||
Ik had de hele website in HTML staan. Dus met <a href"#">. Maar nu ben ik bezig die html pagina's in CMSMS te zetten. | ||||
KomtTijd... | donderdag 29 december 2011 @ 15:58 | |||
Je weet ook van het bestaan van de {menu} tag? | ||||
Crimyclown | donderdag 29 december 2011 @ 16:11 | |||
Ja maar dat schiet niet op voor dit project, werk met vervolgpagina's. Elke pagina staan de knoppen op andere plekken. | ||||
Mirel | vrijdag 30 december 2011 @ 18:33 | |||
Ik heb een hover probleempje op www.mirelmasic.nl bij het menu bovenaan. In IE 9 gaat de hover 1px teveel naar beneden. In Firefox 8 is dat 2px. Opera 11.60 en Chrome 16 zijn OK, maar van iemand anders hoor ik dat het bij hem ook fout gaat in Chrome. Zo'n klein detail is misschien lastig om met www.browsershots.org te bekijken ![]() Hoe kan ik dit fixen? Zijn er specifieke css codes of moet ik een aparte stylesheet maken voor de andere browsers? Of is het een bepaalde fout in de css die de ene browser negeert en de andere niet? | ||||
picodealion | vrijdag 30 december 2011 @ 18:41 | |||
Wat betekent dat? Je vragen zijn soms echt onduidelijk.. plaats anders een plaatje ofzo waarin je precies aangeeft wat er gebeurt dat verkeerd is. Ik zie in IE9 niks raars. | ||||
picodealion | vrijdag 30 december 2011 @ 18:44 | |||
En 'rouwe' in je CV moet 'rauwe' zijn. | ||||
Mirel | vrijdag 30 december 2011 @ 18:49 | |||
oeh dankje, even fixen ![]() ![]() Plaatje: ![]() Dat dus. Dat grijze. Dat gaat buiten het balkje. Het is lastig te zien maar let op de lichtgrijze stipjes van het patroon, dan zie je dat hij eroverheen gaat. Uitgezoomd op 100% valt het enigszins op en dat is stom. | ||||
picodealion | vrijdag 30 december 2011 @ 18:53 | |||
Ah, ok. Ik zie het nu ook in IE9. Als je een overflow:hidden op de list items zet zou die overbodige hoogte gewoon verborgen moeten blijven. Sowieso is het (zo goed als) nooit de goede oplossing om voor specifieke browsers nog andere stijlen of aanvullingen te gebruiken. Bijna altijd kan je dan beter de boel op een andere manier aanpakken waardoor het wel overal goed werkt. | ||||
Mirel | vrijdag 30 december 2011 @ 20:21 | |||
Thanks ![]() | ||||
KomtTijd... | vrijdag 30 december 2011 @ 20:45 | |||
Het klopt ook dat je niet naar "info" mag als je je browser niet minstens 1100 pixels breed is? En het echte probleem komt volgens mij door de line-height, maar ik snap (nog) niet helemaal waarom, blijkbaar is 36px line-height anders dan 36px height. | ||||
Mirel | vrijdag 30 december 2011 @ 21:21 | |||
Ja, dat is irritant. En ik heb schijt aan die resoluties. Al 5 jaar hoor ik dat ik max 780px ofzo moet doen. Vind het wel leuk geweest. Nu maak ik het gewoon hoe ik het wil. | ||||
KomtTijd... | vrijdag 30 december 2011 @ 21:25 | |||
...maak het dan zo dat je gewoon een scrollbalk krijgt, en niet dat je halve navigatie onbruikbaar wordt. | ||||
Mirel | vrijdag 30 december 2011 @ 21:34 | |||
komt nog | ||||
n8n | zaterdag 31 december 2011 @ 12:58 | |||
Maak het dan gewoon resolutie-onafhankelijk door procenten en media-queries te gebruiken | ||||
Mirel | zaterdag 31 december 2011 @ 13:25 | |||
had ik, maar die fontgrootte zat dan ook te kutten. Weet niet of ik die ook kleiner kan maken met resoluties. En dat dingetje met die categorieën doet misschien stom met naar rechts floaten omdat die boxen op 100% zijn, al kunnen die ook op 97% ofzo ![]() Net even gekeken en ik zie dat met javascript de fontgrootte aangepast kan worden, dus dan kan ik het menu mee laten gaan, moet nog even uitvogelen hoe het dan zit met de height van het menu ![]() | ||||
n8n | zaterdag 31 december 2011 @ 13:36 | |||
Geen js nodig. Je maakt eerst een lage resolutie die je wilt bedienen (bijv. 800px) zijn. Daarna zet je alle wijzigingen op hogere resolutie tussen…: @media all and (min-width:800px) { …deze haakjes } + Zit alles in 1 css-bestand dus dat scheelt weer een load naar de server (geen js nodig). + Browsers die geen media-queries ondersteunen krijgen standaard de smalste versie. + Kan het ook gebruiken voor een mobiele versie zonder veel extra moeite. Fontgrootte, hoogtes alles kan je aanpassen naar de resolutie [ Bericht 24% gewijzigd door n8n op 31-12-2011 13:42:41 ] | ||||
Mirel | zaterdag 31 december 2011 @ 14:11 | |||
Omdat @media zo lastig googlet, kan je even linken naar een pagina daarover? Heb nog nooit gehoord over '@media' ![]() edit; dat dus http://www.w3schools.com/css/css_mediatypes.asp Dus het is zoiets?
Even samenvatten: In feite wil ik dus dat voor 800x600 de font-size van het menu bijvoorbeeld 10 pixels is dat de 3 menu items passen in de breedte. En bij 1024x768 mag dat groter zijn. Is die code op die manier goed? En het gewone .menu stukje dat niet binnen @media zit moet dus gefocused zijn op een standaard resolutie voor de mensen wiens browser dat niet kan lezen? [ Bericht 22% gewijzigd door Mirel op 31-12-2011 14:19:35 ] | ||||
Light | zaterdag 31 december 2011 @ 15:02 | |||
@media bedoel je? W3Schools is niet de beste bron. | ||||
KomtTijd... | zaterdag 31 december 2011 @ 18:00 | |||
Makkelijkste oplossing is gewoon die menubalk een vaste breedte geven. | ||||
karton2 | zondag 1 januari 2012 @ 19:41 | |||
Ik heb een html document waar ik de woorden "vorige pagina" wil opmaken in een eigen stijl dmv een stylesheet. Ik heb geprobeerd om een een class te maken en deze te benoemen in de css maar hij pakt de css niet. Wat ik heb gedaan is in de HTML: <p class="vorigepagina">Vorige pagina</p> CSS: .vorigepagina{color: #8f8f8f; font-family: Verdana, Geneva; font-size: 13px; font-weight: normal;text-decoration:none} en toch pakt de css de opmaak voor deze link niet mee als ik de site test. Een tweede vraag is die ik heb is dat de link altijd hetzelfde moet blijven als erop geklikt wordt, als er op geklikt is geweest etc. Dit heb ik opgelost door 'text-decoration:none' in de css te zetten, mijn vraag is of dat goed is. Alvast bedankt! | ||||
PimD | zondag 1 januari 2012 @ 19:50 | |||
Zet eens een voorbeeld online. Ik gok dat er het een specificity-probleem is, aangezien de .vorigepagina CSS die je post gewoon zou moeten werken. Tenzij je dus ergens anders een specifiekere selector hebt gebruikt. Voor wat je tweede vraag, dit kun je doen met pseudo-selectors als :active, :hover, :visited en :focus. Bijvoorbeeld a.homepage:visited { blaat:blaat; }. | ||||
karton2 | zondag 1 januari 2012 @ 20:10 | |||
ik zit in joomla te werken en probeer een useraccount voor je te maken maar als ik met die gegevens wil inloggen weigert ie dienst. Hij blijft steken bij het loginscherm ![]() .. dit gaat niet opschieten zo. | ||||
karton2 | zondag 1 januari 2012 @ 20:28 | |||
Zou je misschien uit kunnen leggen wat het probleem kán zijn zodat ik er zelf achteraan kan gaan. | ||||
Crimyclown | zondag 1 januari 2012 @ 21:27 | |||
Euhm, heb een pagina in CMSMS wanneer ik deze doorlink de melding "Not Found The requested URL was not found on this server." geeft. Maar als ik op f5 druk krijg ik de pagina gewoon te zien. Bug? Er zitten verder geen fouten in de codes. [ Bericht 3% gewijzigd door Crimyclown op 01-01-2012 21:33:19 ] | ||||
Crimyclown | zondag 1 januari 2012 @ 21:35 | |||
Probleem opgelost ![]() | ||||
picodealion | zondag 1 januari 2012 @ 22:09 | |||
Dit is niet echt een html/css vraag. Dat een andere, specifiekere css regel de jouwe overschrijft. Stel je linkje zit in een div met een id (bijv id="navigatie") en je hebt deze css:
Zou de link toch rood zijn, ookal staat .vorigepagina in de css pas na de andere regel. Een id gebruiken is namelijk specifieker dan alleen een class. Althans, dat is wat PimD bedoelde met specificity. Zie hieronder voor meer mogelijke redenen ![]() | ||||
KomtTijd... | zondag 1 januari 2012 @ 22:11 | |||
Het probleem kan vanalles zijn, dat kunnen wij moeilijk ruiken. Om maar wat met hagel te schieten: - je CSS wordt niet geladen - specificity is te laag - je maakt een typfout in een classname - je CSS of HTML valideert niet Het is iig allemaal vrij makkelijk te achterhalen als je even in de paginabron kijkt en/of firebug gebruikt. | ||||
picodealion | zondag 1 januari 2012 @ 22:13 | |||
Daarnaast is een p natuurlijk geen link. Of was het maar een lukraak (en dus een beetje verkeerd) voorbeeld? | ||||
DutchErrorist | zondag 1 januari 2012 @ 22:53 | |||
Oke dom vraagje misschien, maar het wil maar niet lukken. Ik probeer een webpagina te maken met een lange verticale banner 3*3 vakjes en dan weer een banner. Nu lukken die 9 vakjes wel, maar als ik er een banner links van wil, of rechts dan verneukt hij alles. Hoe kan ik dit het makkelijkst op lossen. Als jullie een plaatje nodig hebben hoor ik het graag. | ||||
KomtTijd... | zondag 1 januari 2012 @ 23:44 | |||
die 3*3 vakjes in een wrapper gooien. Dat is het antwoord op de vraag die ik denk dat je probeert te stellen. | ||||
DutchErrorist | zondag 1 januari 2012 @ 23:53 | |||
Nou ja dat probeer, maar op een of andere manier wil het niet lukken. [code] <div id="links"></div> <div id="midden">9 div classes achter elkaar met float left</div> </div id="rechts"></div> [/code] Zoiets is het globaal, maar de rechter div begint pas bij de laatste div binnen het midden. Maar dat snap ik dus niet. Ik denk dat ik het bijna heb. | ||||
Crimyclown | zondag 1 januari 2012 @ 23:56 | |||
Sorry ![]() | ||||
Crimyclown | zondag 1 januari 2012 @ 23:56 | |||
Floaten? | ||||
DutchErrorist | zondag 1 januari 2012 @ 23:58 | |||
Ik had verdomme ergens 700 px ipv 700px staan. Nou dat heb ik geweten. Nu is het allemaal goed. | ||||
Crimyclown | maandag 2 januari 2012 @ 15:53 | |||
Ik heb meerdere JS files in mijn html files staan, alleen laden ze niet altijd. Maakt het wat uit in welke volgorde ik ze zet?
Hij heeft moeite om vallign.js te laden, soms gaat het wel goed maar soms ook niet. Dit document zorgt ervoor dat de tekst verticaal gecentreerd staat in de div tags. vallign.js:
De code werkt gewoon maar hoe zorg ik ervoor dat de html pagina's altijd vallign.js laden/uitvoeren. | ||||
KomtTijd... | maandag 2 januari 2012 @ 16:17 | |||
waarom zet je zo'n kort scriptje uberhaupt in een apart bestand? En zou het kunnen komen doordat Jquery niet goed geladen is? Ik weet niet hoe betrouwbaar het is om dat uit een externe bron te laden... | ||||
Crimyclown | maandag 2 januari 2012 @ 16:19 | |||
Mag geen styling en scripting in het document zelf zetten. Kan het wat uitmaken om alle js in 1 document te stoppen? | ||||
KomtTijd... | maandag 2 januari 2012 @ 16:21 | |||
Hoezo niet? En ja, dat kan uitmaken: Wordt je website (over het algemeen) sneller van. | ||||
Crimyclown | maandag 2 januari 2012 @ 16:23 | |||
Opdracht voor school, zal eens proberen om alles in 1 document te stoppen. Dit is de eerste keer dat ik problemen heb met het laden van een externe js file. | ||||
Crimyclown | maandag 2 januari 2012 @ 16:53 | |||
Alles in 1 bestand laad die zonder problemen. | ||||
Catch22- | maandag 2 januari 2012 @ 17:07 | |||
Waar laadt je jQuery in? En het is beter om je custom JS in 1 externe file te zetten. | ||||
Dalando | maandag 2 januari 2012 @ 22:39 | |||
![]() Wat ik probeer te doen is een div aan de rechterkant van de #wrapper te zetten, zorgen dat de wrapper wel in het midden blijft, maar dat daar een soort van tab komt, waar de #toolbox komt te zitten, enig idee hoe ik dat kan doen? | ||||
KomtTijd... | maandag 2 januari 2012 @ 22:45 | |||
Ga eens met firebug langs een willekeurige skyscraper ad en je hebt je antwoord. | ||||
Dalando | maandag 2 januari 2012 @ 22:51 | |||
Gelukkig heb ik geen firebug, maar thanks, ik ga m'n best doen. | ||||
Catch22- | maandag 2 januari 2012 @ 22:51 | |||
Absoluut ten opzichte van die middendiv positioneren dus.HTML'en/CSS'en/JS'en zonder Firebug (of andere webdevelopertoolkit) is echt een no-go. Moet je niet eens willen. | ||||
Dalando | maandag 2 januari 2012 @ 23:01 | |||
Weet ik, daarom heb ik Element Inspecteren in Chrome. ![]() Maar ff terug, ik heb nu dit:
Als ik dan 1 linkje plaats, staat het perfect. Als ik een 2e linkje plaats daarintegen, shift ie van plek. Hoe los ik dit op? | ||||
KomtTijd... | maandag 2 januari 2012 @ 23:04 | |||
Hoe bedoel je "shift ie van plek"? Maak anders even een testcase ofzo. | ||||
Dalando | maandag 2 januari 2012 @ 23:15 | |||
http://fok.dalando.nl/dev/ Met firebug etc kun je zelf rechts in de toolbox <a href="">[ link ]</a> toevoegen, and see what happens. | ||||
KomtTijd... | maandag 2 januari 2012 @ 23:39 | |||
hmmpf die transform gooit roet in het eten. Hoogtes en breedtes worden ineens aan alle kanten door elkaar gehaald. Aangenomen dat -moz-transform ongeveer het zelfde werkt. Ik kom iets beter in de buurt als ik de transform op de linkjes zelf zet... | ||||
Dalando | maandag 2 januari 2012 @ 23:41 | |||
Meld maar als je een oplossing hebt, ik weet het niet meer. | ||||
Catch22- | maandag 2 januari 2012 @ 23:45 | |||
transform de content eens ipv de container | ||||
KomtTijd... | maandag 2 januari 2012 @ 23:45 | |||
Ik ben niet helder genoeg om me nu in transforms te gaan verdiepen... Misschien wat experimenteren met extra elementen die je transformt? (spans in of om de links, ik roep maar wat) | ||||
Dalando | dinsdag 3 januari 2012 @ 00:02 | |||
? | ||||
Catch22- | dinsdag 3 januari 2012 @ 00:05 | |||
zet een div om de inhoud van die toolbox en rotate die, ipv dat je de toolbox transformed | ||||
picodealion | dinsdag 3 januari 2012 @ 00:23 | |||
Hij rotate om het middelpunt. Je moet even het rotatiepunt op "bottom left" zetten (-webkit-transform-origin voor webkit, de rest weet je dan wel te googlen) en dan de toolbox nog even op de goede plek zetten. Bottom left in dit geval omdat hoeveel links er ook bijkomen, dat punt altijd vaststaat. Top left kan ook. | ||||
Mirel | dinsdag 3 januari 2012 @ 18:54 | |||
Ik deed even de inhoud op 97% breedte en ik kreeg dit:![]() De boel werd naar beneden gebumpt. Bij gewone grootte had ik een horizontaal balkje en ik deed doen overflow: hidden; op m'n body, en blijkbaar heeft het het bovenstaande probleem ook opgelost. Slim of overflow: hidden; op de hele body te doen? Ik vind het wel prima ![]() edit: overflow-x dus ![]() [ Bericht 10% gewijzigd door Mirel op 03-01-2012 19:04:06 ] | ||||
Vanillax | dinsdag 3 januari 2012 @ 19:06 | |||
Hoi ![]() ik heb zojuist deze 'tutorial' http://www.dynamicdrive.c(...)hover_image_gallery/ gevolgd om social media icons een leuk hover effect te geven, maar het hover effect werkt niet. Ik heb het op deze pagina gezet; http://lucsenden.nl/index.html Kan iemand mij helpen met wat ik fout doe? Ik heb hiervoor al andere effecten geprobeerd maar ook daar werkte het hover effect niet dus ik doe vast iets fout. | ||||
KomtTijd... | dinsdag 3 januari 2012 @ 19:07 | |||
Zelfde verhaal weer, alleen slim als je écht een hekel hebt aan mensen met kleine schermen en die zoveel mogelijk van je site wilt weren. Echt, je moet het zelf weten, maar als je serieus publiek wilt bereiken met je website, zou ik me toch een beetje aan de normale toegankelijkheidseisen houden... Overigens lijkt het op je screenshot dat die knopjes rechts de rest van je site naar beneden drukken... Geef ze horizontaal eens een pixel meer ruimte, dat voorkomt ditsoort problemen door (waarschijnlijk) afrondingsfouten... | ||||
KomtTijd... | dinsdag 3 januari 2012 @ 19:12 | |||
Je link doet het niet. En ik zie uberhaupt geen social media icoontjes op je pagina. | ||||
Vanillax | dinsdag 3 januari 2012 @ 19:14 | |||
KomtTijd, er staat rechtsbovenaan op dit moment 1 youtube icoontje, omdat ik even aan het uitproberen was met dat effect. (Tegen contact aangeplakt, is ook niet de bedoeling maar ik wil eerst even dat dat effect werkt.) http://www.dynamicdrive.c(...)hover_image_gallery/ Dit is de link. | ||||
Mirel | dinsdag 3 januari 2012 @ 19:18 | |||
Ja dat is dus gefixed door overflow-x op hidden te zetten (y op visible want opera pakte die niet uitzichzelf ![]() Wat er nu gebeurt met kleine schermen in de breedte is dat de boel naar beneden gedrukt wordt, dus volgens mij heb ik het allemaal wel gefixed hoor. Alleen dat @Media met het menu nog. Kijk maar ![]() ![]() | ||||
KomtTijd... | dinsdag 3 januari 2012 @ 19:21 | |||
Hij doet het prima maar je kunt er niet over hoveren aangezien er andere elementen voorstaan. Ga in hemelsnaam je HTML eens fatsoenlijk indenten, hier is niet mee te werken. | ||||
Vanillax | dinsdag 3 januari 2012 @ 19:24 | |||
KomtTijd, ik stel een normale vraag, is wel zo sociaal als je daar ook normaal op reageert. -.- Dat het niet geindent is komt doordat ik net een CMS van de host heb uitgeprobeerd en die plakt het fijn allemaal achter elkaar. Welke elementen staan er dan voor? Die van het menu? | ||||
KomtTijd... | dinsdag 3 januari 2012 @ 19:24 | |||
Door overflow-x op hidden te zetten van je body, verwijder je de scrollbalk en is de hele rechterkant van je website dus onzichtbaar voor mensen met een kleiner scherm. In jouw geval betreft het dan dus alleen de menubalk aangezien de rest meestrecht. Maar dat lijkt me nou juist ongeveer het belangrijkste element van de pagina. | ||||
KomtTijd... | dinsdag 3 januari 2012 @ 19:26 | |||
Wat reageer ik niet normaal dan? Het zijn inderdaad de elementen van het menu die ervoor staan, wat je direct gezien had als je firebug even gebruikt had. WBT dat CMS nog een advies: Niet gebruiken ![]() | ||||
Light | dinsdag 3 januari 2012 @ 19:27 | |||
Niet helemaal waar, je kunt wel hoveren. Maar veel zin heeft het niet, want het is gewoon een plaatje. Bij een linkje heeft het meer effect. | ||||
Mirel | dinsdag 3 januari 2012 @ 19:28 | |||
Ja maar daar ben ik ook nog mee bezig, dat zei ik ook in een van de vorige posts ![]() | ||||
KomtTijd... | dinsdag 3 januari 2012 @ 19:29 | |||
Hij heeft de hover keurig op de img, dus dat maakt niet uit. je kunt er nog niet op klikken, maar een linkje eromheen zetten is natuurlijk een fluitje van een cent. | ||||
Vanillax | dinsdag 3 januari 2012 @ 19:29 | |||
Nou ik had de CMS van one.com nog nooit gezien dus ik wilde gewoon even kijken of het wat was, maar niet bepaald dus. :s Ik ga eens even uitzoeken wat firebug is x') | ||||
KomtTijd... | dinsdag 3 januari 2012 @ 19:32 | |||
https://addons.mozilla.org/nl/firefox/addon/firebug/ danwel http://code.google.com/chrome/devtools/
![]() | ||||
Light | dinsdag 3 januari 2012 @ 19:33 | |||
Ah, ik had die img:hover gemist. Die werkt idd wel (als ik de main content div weggooi). | ||||
tim2308 | woensdag 4 januari 2012 @ 14:11 | |||
Hallo Ik heb een klein probleempje op deze pagina,
En dit is de HTML
| ||||
Catch22- | woensdag 4 januari 2012 @ 14:13 | |||
Dit is wel een goed voorbeeld wanneer je wél een table gebruikt ![]() | ||||
KomtTijd... | woensdag 4 januari 2012 @ 14:17 | |||
Wat Cacht22 zegt. En in quirksmode werken is ook nooit een goed idee. | ||||
Tegan | woensdag 4 januari 2012 @ 14:26 | |||
Sorry verkeerd topic ![]() | ||||
tim2308 | woensdag 4 januari 2012 @ 16:59 | |||
Bedankt. Ik kreeg echter een ingeving en het is alsnog gelukt ![]()
| ||||
Mirel | woensdag 4 januari 2012 @ 20:58 | |||
Ik heb bijna alle afstanden op m'n website op 10px gezet. Als je op een post klikt, heb ik ingesteld dat er rechts in het venster een Facebook knop zit. Die moet eigenlijk ook 10px afstand hebben, boven en rechts, maar tijdens het laden wipt 'ie ineens iets naar links. Druk maar een paar keer op F5. Wat is dat nou weer? ![]() | ||||
Catch22- | woensdag 4 januari 2012 @ 21:02 | |||
Geen idee, hij zit volgens mij sowieso niet in de flow. Hij heeft geen breedte of wel? Je moet ook even de overflow hidden van je P weghalen (staat in je reset) want ik krijg scrollbalken op elke P. | ||||
KomtTijd... | woensdag 4 januari 2012 @ 21:06 | |||
Blijkbaar doet één van je scripts er nog iets mee, zal dat addthis script wel zijn... Zou je trouwens niet eens wat scripts en stylesheets samenvoegen? En bijvoorbeeld gewoon één JS library gebruiken in plaats van 3? Je head is letterlijk langer dan je body. | ||||
Mirel | woensdag 4 januari 2012 @ 21:08 | |||
Al die crap in de header is van de theme. Ik zal eens kijken wat ik er nog meer uit kan slopen. | ||||
KomtTijd... | woensdag 4 januari 2012 @ 21:11 | |||
Tussen alle resets doorspittend (echt, wie ooit verzonnen heeft dat dat praktisch is... ![]()
| ||||
Catch22- | woensdag 4 januari 2012 @ 21:17 | |||
Ik heb alleen een normalize.css. Ik heb het idee dat hij gewoon wat zooi bijelkaar raapt en dat samenvoegt. jQuery en mootools samen gebruiken is al vragen om issues. Ik zie dat je mootools gebruikt voor slimbox, kijk eens naar fancybox/fancyapps (zo heet het nu geloof ik). | ||||
Mirel | woensdag 4 januari 2012 @ 21:19 | |||
Dat staat dus ergens op die site? (wat is een reset? ![]() Ik heb dat hele regeltje gekopieerd en padding op 0 geforceerd. Ik kon het niet neerzetten in de gewone .addthis, neeeee het moest in die ellenlange naam ![]() Maar dat van overflow-x op hidden en y op visible hadi k dus in mijn body, want als ik dat weghaal heb ik dit: www.mirelmasic.nl met scrollbalkje. Ik probeerde het te overriden in p{ maar dat werkte niet. Wist niet dat ik dat probleem had ![]() | ||||
Mirel | woensdag 4 januari 2012 @ 21:19 | |||
Slimbox testte ik voor nextgen gallery maar vind het lelijk, dus gebruik het niet. Zal het even verwijderen. | ||||
Mirel | woensdag 4 januari 2012 @ 21:25 | |||
normalize.css van wat? En wat raap ik bij elkaar? Alle crap die erin zit is van het theme zelf. Langzaam maar zeker zit ik steeds meer crap eruit te slopen. | ||||
Catch22- | woensdag 4 januari 2012 @ 21:28 | |||
http://www.onraad.com/blog/normalize-css/Doet eigenlijk wat een reset zou moeten doen, maar reset stylesheets zijn vaak wat log. Ik raad je overigens niet aan om de huidige structuur al te veel om te gooien, gaat je problemen opleveren. | ||||
Mirel | woensdag 4 januari 2012 @ 21:36 | |||
Oh dat van de p is opgelost. Helemaal bovenaan in de css staat body gegroepeerd met heel veel dingen. En op al die dingen stond die overflow dus ingesteld. Gefixed door p daar uit te halen ![]() Ik heb een ander verzoekje. Ik wil graag deze website ook op m'n portfolio zetten: http://1586563.huweb.nl Het was van een conceptopdracht waar we hard aan hebben gewerkt en ik vind het jammer dat 'ie ergens tijdens het eraan werken kapot ging. In IE is de hele layout enorm naar de klote. Misschien een hoog verzoekje, maar kan iemand kijken wat de fout is, of waar de fout kán liggen? [ Bericht 13% gewijzigd door Mirel op 05-01-2012 01:01:56 ] | ||||
KomtTijd... | woensdag 4 januari 2012 @ 21:48 | |||
so much for:
![]() | ||||
picodealion | woensdag 4 januari 2012 @ 21:51 | |||
Ik vind het ook wel zo pretttig werken hoor, een normalize.css | ||||
Mirel | woensdag 4 januari 2012 @ 21:52 | |||
Ik heb daar nooit eerder van gehoord en momenteel heb ik geen zin om daar nu naar te kijken ![]() | ||||
Vanillax | woensdag 4 januari 2012 @ 22:32 | |||
Nog bedankt voor de hulp van gisteren, het is nu opgelost ![]() (Ik ben een zij trouwens..) Ik zit nu met het volgende probleem, namelijk de contactpagina. Ik heb een leuk formulier gebruitkt dat al bij de template zat maar ik heb echt geen idee hoe ik het moet laten functioneren.. Je kan alles invullen etc maar wanneer ik op versturen klik gebeurd er niks. Ik gok zo dat ik dan iets in een javascript bestand moet veranderen? of de css misschien.. Ik moet ergens het email adres opgeven waar het heen moet.. Dit is de website; http://www.lucsenden.nl/contact.html | ||||
KomtTijd... | woensdag 4 januari 2012 @ 22:41 | |||
Je hebt helemaal geen form-element? | ||||
Catch22- | woensdag 4 januari 2012 @ 22:44 | |||
dat tweede ging over een normalize css niet over een reset | ||||
Vanillax | woensdag 4 januari 2012 @ 22:45 | |||
Nee.. dat stond ook niet in de template namelijk. Het hele zooitje staat in een ul id... | ||||
KomtTijd... | woensdag 4 januari 2012 @ 22:46 | |||
Ga je eerst eens inlezen over forms dan. | ||||
Vanillax | woensdag 4 januari 2012 @ 23:21 | |||
Pff, kom er echt niet uit. Heb ik een kant en klaar formulier genomen, opent hij gewoon een nieuwe mail met wat tekst erin.. Dat is niet de bedoeling. Een 'mailform' opent dat een nieuwe mail met tekst erin, of kan dat ook direct vanaf de site mailtjes versturen? Want dat is wat ik wil.. Dan weet ik of ik naar het goede zoek ![]() | ||||
boem-dikkie | woensdag 4 januari 2012 @ 23:24 | |||
Je hebt als form action (de actie die wordt uitgevoerd als je op submit klikt) nu "mailto:" dat betekent inderdaad dat hij gewoon het standaard mailprogramma van de gebruiker opent. Wat je moet doen is je action linken naar een PHP script die de mailafhandeling doet. | ||||
Vanillax | woensdag 4 januari 2012 @ 23:26 | |||
Ah, bedankt! ![]() Dan ga ik weer even googlen. ![]() | ||||
Vanillax | donderdag 5 januari 2012 @ 00:03 | |||
Ik bedacht me net dat ik het pas op school over PHP mail forms heb gehad -.- Dussss, ik heb nu op http://www.lucsenden.nl/contact.php een form staan. Alleen ik snap niet hoe ik het email adres op moet geven waar het heen gestuurd moet worden. Ik dacht dus bij 'mail' maar dat is het niet want dat krijg ik de melding dat het fout is gegaan. | ||||
Scorpie | donderdag 5 januari 2012 @ 00:06 | |||
Post je mail script eens in het php topic. | ||||
Mirel | donderdag 5 januari 2012 @ 00:06 | |||
[PHP/(My)SQL] voor dummies #97 | ||||
Vanillax | donderdag 5 januari 2012 @ 00:14 | |||
Er is hier ook echt overal een topic voor, haha. Thx. | ||||
KomtTijd... | donderdag 5 januari 2012 @ 00:28 | |||
![]() | ||||
Mirel | donderdag 5 januari 2012 @ 01:01 | |||
![]() ![]() ![]() | ||||
KomtTijd... | donderdag 5 januari 2012 @ 01:06 | |||
Was het niet dat IE in quirksmode ging als het doctype niet op de eerste regel staat? (heb zelf geen IE dus kan het niet testen, maar misschien ook wel handig om te vermelden welke versie het mis gaat) Enneuh, niet om het één of ander, maar dat menu is ook compleet ontoegankelijk op minder grote schermen. | ||||
picodealion | donderdag 5 januari 2012 @ 11:27 | |||
Spijker op z'n kop, waarde KomtTijd...
Of een van de overige: http://www.w3.org/QA/2002/04/valid-dtd-list.html Maar who cares, ik gebruik gewoon altijd HTML5 ![]() | ||||
KomtTijd... | donderdag 5 januari 2012 @ 11:35 | |||
Ik vraag me sowieso af waarom we vroeger altijd met die moeilijke HTML4-doctypes liepen te kutten, als het ook gewoon zo kan. | ||||
Mirel | donderdag 5 januari 2012 @ 11:36 | |||
Dit staat er gewoon op de 1e en 2e regel
Ja ach. Dit was 6 maanden terug voor een schoolopdracht gemaakt. Ik wil alleen even het menu fixen voor IE ![]() | ||||
KomtTijd... | donderdag 5 januari 2012 @ 11:38 | |||
eh nee, op regel 6 en 7 om precies te zijn. -edit- oh je hebt er inmiddels de html5 doctype ingezet. Je mist nu wel je <html> opentag. | ||||
Catch22- | donderdag 5 januari 2012 @ 11:39 | |||
Zonder doctype hoef je niet eens te proberen iets in IE goed te krijgen... | ||||
Mirel | donderdag 5 januari 2012 @ 11:41 | |||
Ik dacht altijd dat het een css fout was. Maar ik heb iets van 12 van die doctypes van de pagina geprobeerd, en het werkt niet. Ik weet niet meer wanneer deze fout optradt maar de doctype hadden we vanaf het begin al. Zo issie gewoon:
| ||||
picodealion | donderdag 5 januari 2012 @ 11:47 | |||
Ik weet niet hoe je html daar geoutput wordt maar het staat nog steeds pas op de 6e regel. De eerste 5 regels van je html zijn gewoon blanco. Daar gaat het mis. | ||||
KomtTijd... | donderdag 5 januari 2012 @ 11:47 | |||
Bekijk je paginabron eens. Er komen toch echt ergens 5 witregels vandaan. | ||||
Mirel | donderdag 5 januari 2012 @ 11:51 | |||
In m'n header.php is dat niet zo ![]() OH, ik weet nog ooit dat er iets was met vage javascript die begon voor de html. Ik weet niet meer hoe ik die javascript eruit had geflikkerd maar dit is er dus nog. | ||||
KomtTijd... | donderdag 5 januari 2012 @ 11:51 | |||
Misschien staat de openingstag in je index.php niet bovenaan? -edit- sluit wel aan bij dat verhaal ja. | ||||
Mirel | donderdag 5 januari 2012 @ 11:55 | |||
Ik zal hier eens naar kijken http://wordpress.stackexc(...)ines-before-html-tag Maar thanks, nu weet ik waar ik naar moet zoeken ![]() edit! gevonden: http://feed2.w3.org/docs/error/WPBlankLine.html ik had lege regels in functions.php. Ik denk dat ik die ook nog zelf daar heb neergezet omdat het makkelijker te lezen was ![]() [ Bericht 17% gewijzigd door Mirel op 05-01-2012 13:15:13 ] | ||||
Mirel | zaterdag 7 januari 2012 @ 17:15 | |||
Dit topic is van mij geworden ![]() Wat is nu het echte probleem dat op m'n front page bij lagere resoluties (momenteel nu in IE en Chrome) de boel naar beneden wordt gebumpt? Dat gekut met de reset wat ik een paar posts terug nog deed, doe ik nu niet meer, heb de reset gereset naar z'n origineel ![]() Chrome en IE duwen nog steeds de boel naar beneden.. Ik denk dat als dit opgelost is, ik echt klaar ben qua layout met de site ![]() | ||||
PimD | zaterdag 7 januari 2012 @ 17:23 | |||
Omdat je met percentages werkt. Als ik die meuk aan de linkerkant 96% i.p.v. 97% doe gedraagt het zich in Chrome identiek aan Firefox. Denk dat het een afrondingsverschil o.i.d. is. Percentages zijn goed, maar kunnen af en toe wel voor wat afrondingsverschillen tussen browsers zorgen. | ||||
Mirel | zaterdag 7 januari 2012 @ 18:34 | |||
Maar dat 96% werkt ook tot een bepaalde breedte. Ik moet iets vinden wat op elke breedte werkt. Tot aan de grote foto toe. Ik zie in Opera en Firefox dat het sorteermenutje gewoon over die andere div's heen komt. Dus misschien met z-index iets? | ||||
PimD | zaterdag 7 januari 2012 @ 19:14 | |||
Gewoon dat sorteerding absoluut positioneren en de box een rechter-padding geven van de breedte van dat sorteerding. Ofzo. | ||||
KomtTijd... | zaterdag 7 januari 2012 @ 19:23 | |||
Nogal wiedes, die knoppen rechts heeft een vaste breedte, terwijl 3% van bijv. 800 pixels heul anders is dan 3% van 1200 pixels. Margin-right gebruiken is de oplossing. | ||||
Neraice | zaterdag 7 januari 2012 @ 19:42 | |||
Kan je met CSS een background-image boven de content krijgen? | ||||
KomtTijd... | zaterdag 7 januari 2012 @ 19:43 | |||
Boven de content van datzelfde element? Nee. | ||||
Neraice | zaterdag 7 januari 2012 @ 19:44 | |||
En met een fixed image ofzo? Hij moet wel op dezelfde plek blijven tijdens het scrollen. | ||||
Mirel | zaterdag 7 januari 2012 @ 20:33 | |||
![]() Ook de fontgrootte aangepast van het menu enzo. ![]() | ||||
Neraice | zaterdag 7 januari 2012 @ 22:46 | |||
Ik heb een inspiratieblock: Ik ben bezig met een theme voor telefoons. Nou heb ik een sidebar gemaakt waar plaats is voor een menu, maar ik ben er nog niet uit wat ik erin wil. Ik wil namelijk niet zo'n standaard lijstje maar iets leuks doen met de opmaak. Iemand een idee? Hier een link: http://dahndesigns.net/theme.png | ||||
Mirel | zondag 8 januari 2012 @ 00:07 | |||
Voor telefoonbrowsers? En wat zijn de menu-items? Als het bijv. over aardbeien en sinaasappels gaat, dan kan je die als knoppen doen bijvoorbeeld ![]() [ Bericht 42% gewijzigd door Mirel op 08-01-2012 00:13:48 ] |