Dat doet elke browser in principe. Kan je dus oplossen door in je css:quote:Op dinsdag 21 augustus 2012 13:38 schreef KomtTijd... het volgende:
[..]
Verschilt misschien per browser. Firefox bijv. laat allen een scrollbalk zien als het nodig is, vandaar dat gecentreerde pagina's een paar pixels verspringen als ze langer worden, er verdwijnt rechts 20px beeldruimte dus de gecentreerde pagina moet 10px naar links.
1 | html {overflow-y: scroll;} |
Volgens mij doet IE nog steeds altijd alle scrollbalken tonen (of is dat achterhaald?).quote:Op dinsdag 21 augustus 2012 16:16 schreef QM84 het volgende:
[..]
Dat doet elke browser in principe. Kan je dus oplossen door in je css:
[ code verwijderd ]
te zetten. Dan krijg je altijd een scrollbalk, ook als er niets te scrollen is.
op zich is er niet zoveel mis met een fixed-width layout. Een meeschalende layout is mooi maar daar moet je wel goed over nadenken, zomaar width:100% invullen is garantie op een compleet onleesbare website.quote:Op dinsdag 21 augustus 2012 16:20 schreef n8n het volgende:
Zou een website sowieso nooit fixed maken qua breedte. Iedereen browsed tegenwoordig anders. niet iedereen heeft vensters full screen staan en mobiele apparaten verschillen nog meer onderling.
IE7 en hoger iig niet meer.quote:Op woensdag 22 augustus 2012 09:21 schreef KomtTijd... het volgende:
[..]
Volgens mij doet IE nog steeds altijd alle scrollbalken tonen (of is dat achterhaald?).
daarom moet je een website niet door een amateur laten maken. Sinds wanneer is er iets mis met na moeten denkenquote:Op woensdag 22 augustus 2012 09:21 schreef KomtTijd... het volgende:
op zich is er niet zoveel mis met een fixed-width layout. Een meeschalende layout is mooi maar daar moet je wel goed over nadenken, zomaar width:100% invullen is garantie op een compleet onleesbare website.
1 2 3 4 5 6 7 8 | <div id="contentmenu"> <ul> <li><a href="index.php?p=ontstaan">ONTSTAAN</a></li> <li><a href="index.php?p=nieuws">NIEUWS</a></li> <li><a href="index.php?p=agenda">AGENDA</a></li> <li><a href="index.php?p=gastenboek">GASTENBOEK</a></li> </ul> </div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | #contentmenu ul li { padding:0px; list-style-type: none; } #contentmenu { display:block; position: absolute; left:500px; top:300px; } #contentmenu a { border: 0px; line-height:16px; text-decoration: none; color: #000; font-weight:bold; letter-spacing:-0.5px; } |
werkt ook niet directquote:Op zaterdag 25 augustus 2012 11:52 schreef Tijn het volgende:
Ik denk dat je de links eerst als block moet laten weergeven.
1 2 3 | $('.hover_items').projectHover({ color: '#222222' }); |
Pfff, ik ben echt een beginner. Dat gaat me een berg tijd kosten, want ik weet nog niet precies waar ik moet beginnen.quote:Op zondag 26 augustus 2012 19:58 schreef FastFox91 het volgende:
@-J-D-
Je kan meerdere elementen dezelfde eigenschappen geven door een aparte class te maken met daarin de eigenschappen en de elementen dan die class geven.
Met margin of padding kan je elementen verschuiven.
ik moet echt kotsen van zulke sites. Ik browse wel eens op 1920 pixels breedte en als je dan een textblock van 1400pixels voor je krijgt dan ben ik weg, want dat is onleesbaar.quote:Op woensdag 22 augustus 2012 09:21 schreef KomtTijd... het volgende:
[..]
Volgens mij doet IE nog steeds altijd alle scrollbalken tonen (of is dat achterhaald?).
[..]
op zich is er niet zoveel mis met een fixed-width layout. Een meeschalende layout is mooi maar daar moet je wel goed over nadenken, zomaar width:100% invullen is garantie op een compleet onleesbare website.
Er is letterlijk niemand die het prettig vindt om tekstregels van 1500px te lezen. Dat je als gebruiker enige invloed hebt op hoe de content wordt weergegeven is natuurlijk mooi, maar je moet geen situatie kunnen creėren die alleen maar hinderlijk is.quote:Op dinsdag 28 augustus 2012 13:25 schreef QM84 het volgende:
Daarvoor kan je je browservenster kleiner maken...
Vanuit usability-oogpunt is dat juist de meest optimale situatie: geef de gebruiker de controle over hoeveel tekst deze op 1 regel wilt hebben.
Scriptje voor een speciaal hover-effect.quote:Op zondag 26 augustus 2012 19:58 schreef FastFox91 het volgende:
Nieuwe versie van Twitter Bootstrap is best netjes. Wat vinden jullie?
@Neraice
Wat is dat voor functie projectHover?
@-J-D-
Je kan meerdere elementen dezelfde eigenschappen geven door een aparte class te maken met daarin de eigenschappen en de elementen dan die class geven.
Met margin of padding kan je elementen verschuiven.
Als je zoomt, wordt de breedte ook breder. Ik denk echt niet dat je iemand een plezier doet door tekstregels van meer dan 1000 pixels aan te bieden.quote:Op dinsdag 28 augustus 2012 16:15 schreef QM84 het volgende:
Denk hierbij ook aan mensen die de font-instellingen van hun OS groter hebben ingesteld, waardoor de tekst bij een 1000px-website standaard buiten de containers zou gaan lopen, of de hele lay-out verneukt. Of mensen (zoals ik), die standaard inzoomen op een website, omdat 99% van de websites een te klein font heeft. Of mensen die het gewoon prettig vinden om veel tekst naast elkaar te hebben.
Je geeft mensen de vrijheid om de website zo te lezen hoe ze het zelf het liefst willen.
1 2 3 4 5 | #container-bottom #classic-pagination #next-page{ background: url(http://i387.photobucket.com/albums/oo315/Maartel/newer1.png) no-repeat top left; width:231px; height:81px; } |
Ik vermoedde al dat het hier anders zit omdat het een # element is.quote:Op donderdag 30 augustus 2012 20:10 schreef KomtTijd... het volgende:
Een button is geen <a> element.
Gebruik gewoon het id, of de drie id's als je alle drie die elementen een hover wilt geven.
1 | {block:NextPage} <a href="{NextPage}" id="next-page">Next Page</a>{/block:NextPage} |
Ben er nu op mijn werk een beetje mee bezig ja.quote:Op donderdag 30 augustus 2012 21:08 schreef cablegunmaster het volgende:
Iemand ervaringen met XmlHttpRequests?
Als het niet werkt even met de development tools (F12) kijken waarom je CSS regel niet toegepast wordt.quote:Op donderdag 30 augustus 2012 20:52 schreef Maartel het volgende:
Hmm, dat is wel wat ik geprobeerd had, maar ik zal nog maar een poging doen dan
Enigzins een idee waarin XmlHttpRequests verschillen in Firefox ten opzichte van elke andere browser? Want wat ik ook doe, ik krijg om een of andere reden via Ajaxform (plugin om bestanden asynchroon te uploaden). Elke keer een error. Met na wat onderzoek heb ik boven water getoverd dat er niks gebeurd. ( 0 ready state alles op 0 wat betekende dat er niks gestart is) Het idee was dat er een laadscherm bijgehouden werd hoeveel bytes er geupload werd. In elke browser werkt dit behalve Firefox. Terwijl volgens de XmlhttpRequest support tabel daar juist veel "support" voor is. (Ik gebruik zelf Firefox 14.0).quote:Op donderdag 30 augustus 2012 21:57 schreef KomtTijd... het volgende:
[..]
Ben er nu op mijn werk een beetje mee bezig ja.
excuus, dan heb je weer een profiel nodig .quote:Op donderdag 30 augustus 2012 22:07 schreef PimD het volgende:
Doe eens een linkje naar een demo/voorbeeld? Die link die je noemt zie ik geen file upload.
Fx 14.0.1 op Ubuntuquote:Bestand: stuiterbal.JPG Grootte: 81.13 KiB Succesvol geupload!
Probeer nu eens iets van 3 - 4 Mb. Dan gaat het fout .quote:Op donderdag 30 augustus 2012 22:15 schreef KomtTijd... het volgende:
[..]
Fx 14.0.1 op Ubuntu
Ik doe alleen maar $.getJSON() joh
upload 4 mb PDF file als voorbeeld .quote:
probeer het anders eens in safe-mode ofzo...quote:Bestand: takeaction.pdf Grootte: 3.24 MiB Succesvol geupload!
Goed punt , maar raar genoeg wil ik snappen waarom dit gebeurt.quote:Op donderdag 30 augustus 2012 22:27 schreef KomtTijd... het volgende:
[..]
probeer het anders eens in safe-mode ofzo...
Wat ik snap dusverre is dat het script open(); niet aanroept en dat heeft met iets met security in firefox te maken. Iets met same origin policy.quote:Op donderdag 30 augustus 2012 22:30 schreef KomtTijd... het volgende:
Dat begint met achterhalen hoe het komt.
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Het is de widget: Tweetblender.
Ziet iemand van jullie de fout?- Met zuidelijke groet -
quote:Op vrijdag 31 augustus 2012 02:13 schreef De-Hamster het volgende:
Een vraagje
Op mijn website loopt een twitterfeed en ik heb deze als widget rechts ingesteld: nu zie ik helaas dat er een raar foutje in de kleuren zit:
[ afbeelding ]Jep , zelf gebruik ik voor dit soort fouten Firebug op Firefox dan kun je het element selecteren dat de foute kleur heeft of uit testen wat voor margin het heeft.SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Het is de widget: Tweetblender.
Ziet iemand van jullie de fout?
1
2
3
4
5
6
7
8.sidebar h3 {
background: -moz-linear-gradient(#3C9CD2, #1F6EB6) repeat scroll 0 0 transparent;
border-bottom: 1px solid #195392;
border-radius: 5px 5px 0 0;
margin: -15px 0 5px -12px;
padding: 7px 12px;
width: 100%;
}
Dit zorgt voor de gare achtergrond voornamelijk omdat het een H3 tag is binnen je .sidebar class.
Wat je het beste kan doen is de H3 tag niet voor de achtergrond gebruiken die nu staat ingesteld.
maar eenEn dit bij elke blauwe kop ombouwen.
1 <div class='subheader'><h3>Volg Glazenhuis3FM op Twitter!</h3></div>
Dit in je CSS zetten daarnaast ipv de bovenstaande CSS. (naam verandering)
1
2
3
4
5
6
7
8.subheader {
background: -moz-linear-gradient(#3C9CD2, #1F6EB6) repeat scroll 0 0 transparent;
border-bottom: 1px solid #195392;
border-radius: 5px 5px 0 0;
margin: -15px 0 5px -12px;
padding: 7px 12px;
width: 100%;
}
Daarnaast op : http://www.glazenhuis3fm.nl/videos/ loopt je video's onder je twitter feed door.
[ Bericht 27% gewijzigd door cablegunmaster op 31-08-2012 02:29:52 ]Redacted
Thanks alleen al die naamswijziging naar subheader heeft al geholpen om het blauwe weg te krijgen. Alleen de opmaak van de kopjes terugkrijgen nog niet.quote:Op vrijdag 31 augustus 2012 02:24 schreef cablegunmaster het volgende:
[..]
Jep , zelf gebruik ik voor dit soort fouten Firebug op Firefox dan kun je het element selecteren dat de foute kleur heeft of uit testen wat voor margin het heeft.
[ code verwijderd ]
Dit zorgt voor de gare achtergrond voornamelijk omdat het een H3 tag is binnen je .sidebar class.
Wat je het beste kan doen is de H3 tag niet voor de achtergrond gebruiken die nu staat ingesteld.
maar een
[ code verwijderd ]
En dit bij elke blauwe kop ombouwen.
Dit in je CSS zetten daarnaast ipv de bovenstaande CSS. (naam verandering)
[ code verwijderd ]
Daarnaast op : http://www.glazenhuis3fm.nl/videos/ loopt je video's onder je twitter feed door.
1 | <div class='subheader'><h3>Volg Glazenhuis3FM op Twitter!</h3></div> |
Draai je wordpress?quote:Op vrijdag 31 augustus 2012 11:34 schreef De-Hamster het volgende:
[..]
Thanks alleen al die naamswijziging naar subheader heeft al geholpen om het blauwe weg te krijgen. Alleen de opmaak van de kopjes terugkrijgen nog niet.
Waar moet ik:
[ code verwijderd ]
En die voor elke andere Widget titel plaatsen? Aangezien het allemaal widgets zijn durf ik niet te zeggen waar ik dit het beste kan plaatsen.
Heel de browser opnieuw geinstalleerd en alle andere ook , nog steeds de error bij grotere bestanden.quote:Op vrijdag 31 augustus 2012 08:56 schreef KomtTijd... het volgende:
een nieuw profiel instellen (of safe-mode gebruiken) lost vaak meer op...
Nou dan weet je waar je moet zijn! binnen je Theme aanpassen Dat is kwestie van de map Theme vinden en uiteindelijk de headers opzoeken. Daarnaast, je video's "youtube" 550 width zijn te breed! net als je feed van je Webcam van het glazen huis fix dat ook eens . naar 500 ipv 550!quote:Op vrijdag 31 augustus 2012 12:14 schreef De-Hamster het volgende:
[..]
Ja het is wordpress met de theme Graphene
1 2 3 4 5 6 7 8 9 10 | .shadpic{ border-radius:0px; box-shadow: 0px 0px 2.5px 0px #000000; behavior: url(/PIE.htc)} div:hover .shadpic { border-radius:0px; box-shadow: 0px 0px 2px 2px #ffffff; behavior: url(/PIE.htc)} |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <h2 class="content"><span class="white"> Team </span></h2> <table summary="table summary" class="content"> <tr> <td colspan="3"> </td> </tr> <tr> <td width="25px"></td> <td> <!-- content here --> </td> <td width="25px"></td> </tr> <tr> <td height="20px"></td> <td></td> <td></td> </tr> </table> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | /* =Content -------------------------------------------------------------- */ table.content { width: 700px; border-collapse: collapse; border: 1px solid #000000; font-family: Arial, Verdana, sans-serif; font-size: 13px; } h2.content { width: 200px; margin-left: 50px; margin-bottom: -.5em; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; } .white { background: #FFFFFF; } |
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 | <!DOCTYPE html> <html> <head> <style> body { font-family: sans-serif; } h1 { font-size: 150%; } .fieldset { border: 1px black solid; padding: 1em; position: relative; } .fieldset > h2 { background-color: #fff; font-size: 100%; padding: 0 5px 5px 0; position: absolute; top: -1.4em; } </style> </head> <body> <h1>Voorbeeld van een fieldset-achtige layout</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p>Ok, komt 'ie:</p> <div class="fieldset"> <h2>Titel van dit blokje</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </div> <p>Dat was het.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </body> </html> |
quote:Op dinsdag 4 september 2012 16:56 schreef picodealion het volgende:
Mag ik even huilen? Een kennis wilde graag dat ik een site maakte, maar aangezien ik niet kan ontwerpen heeft zij zelf een ontwerpster gevonden. Ik heb zojuist van diegene niet alleen een ontwerp maar zelfs een complete site aangeleverd gekregen. Het is gemaakt door deze dame. http://www.dingen-drama.nl/kijkopdewebsite/
Laat eens zienquote:Op dinsdag 4 september 2012 16:56 schreef picodealion het volgende:
Mag ik even huilen? Een kennis wilde graag dat ik een site maakte, maar aangezien ik niet kan ontwerpen heeft zij zelf een ontwerpster gevonden. Ik heb zojuist van diegene niet alleen een ontwerp maar zelfs een complete site aangeleverd gekregen. Het is gemaakt door deze dame. http://www.dingen-drama.nl/kijkopdewebsite/
Kun jij dan niemand regelen met wél een fatsoenlijk ontwerp?quote:Op dinsdag 4 september 2012 16:56 schreef picodealion het volgende:
Mag ik even huilen? Een kennis wilde graag dat ik een site maakte, maar aangezien ik niet kan ontwerpen heeft zij zelf een ontwerpster gevonden. Ik heb zojuist van diegene niet alleen een ontwerp maar zelfs een complete site aangeleverd gekregen. Het is gemaakt door deze dame. http://www.dingen-drama.nl/kijkopdewebsite/
quote:Op dinsdag 4 september 2012 16:56 schreef picodealion het volgende:
Mag ik even huilen? Een kennis wilde graag dat ik een site maakte, maar aangezien ik niet kan ontwerpen heeft zij zelf een ontwerpster gevonden. Ik heb zojuist van diegene niet alleen een ontwerp maar zelfs een complete site aangeleverd gekregen. Het is gemaakt door deze dame. http://www.dingen-drama.nl/kijkopdewebsite/
download dan alsjeblieft gewoon een gratis wordpress-template.quote:Op dinsdag 4 september 2012 16:56 schreef picodealion het volgende:
Mag ik even huilen? Een kennis wilde graag dat ik een site maakte, maar aangezien ik niet kan ontwerpen heeft zij zelf een ontwerpster gevonden. Ik heb zojuist van diegene niet alleen een ontwerp maar zelfs een complete site aangeleverd gekregen. Het is gemaakt door deze dame. http://www.dingen-drama.nl/kijkopdewebsite/
http://i.imgur.com/0vRVC.pngquote:Op dinsdag 4 september 2012 17:02 schreef Scorpie het volgende:
[..]
Laat eens zien
'Websites voor kunstenaars', dan weet je het al
Het viel me mee inderdaad. De HTML bestaat uit geneste font tags, maar het ontwerp is in elk geval nog bij te schaven. Maar alleen al het portfolio van die damen deed me huilen en lachen tegelijk.quote:Op dinsdag 4 september 2012 18:10 schreef KomtTijd... het volgende:
hmm daar valt toch wel wat van te maken? Niet bepaald uitdagend of verfrissend maargoed als de klant er tevreden mee is...
Wat precies vind je lastig?quote:Op woensdag 5 september 2012 13:17 schreef Alovenac het volgende:
Ik ben nu bezig met het maken van een eigen Word Press theme, deze ben ik om de lege Starkers theme heen aan het bouwen.
Het is toch een stuk lastiger dan ik had gedacht.
Iemand hier al ervaring mee en die wat tips/hints heeft.
Als je het wegflikkert en opnieuw begint ja.quote:Op dinsdag 4 september 2012 18:10 schreef KomtTijd... het volgende:
hmm daar valt toch wel wat van te maken?
Jij bent vormgever van beroep, nietwaar? Zo'n site als dat, simpel ontwerp maar dan wel goed. Wat mag dat kosten tegenwoordig?quote:Op woensdag 5 september 2012 13:39 schreef nietzman het volgende:
[..]
Als je het wegflikkert en opnieuw begint ja.
Ik zie liever een website met zo'n ontwerp en fatsoenlijke programmatuur erachter, dan een hip design wat is gebouwd met bulky en onsemantische spaghetticode.quote:Op woensdag 5 september 2012 13:39 schreef nietzman het volgende:
[..]
Als je het wegflikkert en opnieuw begint ja.
Sja ik ook, maar uiteindelijk ontwerp je toch voor de gemiddelde facebook-gebruiker.quote:Op woensdag 5 september 2012 13:42 schreef Tijn het volgende:
[..]
Ik zie liever een website met zo'n ontwerp en fatsoenlijke programmatuur erachter, dan een hip design wat is gebouwd met bulky en onsemantische spaghetticode.
Mja die code kun je allemaal wegtyfen. Deze layout nabouwen from scratch is hooguit een paar uurtjes werk voor iemand met jouw ervaring.quote:Op woensdag 5 september 2012 13:36 schreef picodealion het volgende:
[..]
Het viel me mee inderdaad. De HTML bestaat uit geneste font tags, maar het ontwerp is in elk geval nog bij te schaven. Maar alleen al het portfolio van die damen deed me huilen en lachen tegelijk.
Ik ontwerp niet veel hoorquote:Op woensdag 5 september 2012 13:43 schreef KomtTijd... het volgende:
[..]
Sja ik ook, maar uiteindelijk ontwerp je toch voor de gemiddelde facebook-gebruiker.
Bouw een site inderdaad niet voor je gebruiker, stel je voor.quote:Op woensdag 5 september 2012 13:42 schreef Tijn het volgende:
Ik zie liever een website met zo'n ontwerp en fatsoenlijke programmatuur erachter, dan een hip design wat is gebouwd met bulky en onsemantische spaghetticode.
Inderdaad, 't valt uiteindelijk reuze mee. Maar ik heb wel gezegd dat ze voortaan maar gewoon een echte designer moet zoeken .quote:Op woensdag 5 september 2012 13:44 schreef KomtTijd... het volgende:
[..]
Mja die code kun je allemaal wegtyfen. Deze layout nabouwen from scratch is hooguit een paar uurtjes werk voor iemand met jouw ervaring.
Hangt er vanaf, zou daar zelf ws niet meer dan een paar honderd euro voor durven vragen, maar op m'n werk brief ik de studio daar nog niet voor. .quote:Op woensdag 5 september 2012 13:40 schreef picodealion het volgende:
Jij bent vormgever van beroep, nietwaar? Zo'n site als dat, simpel ontwerp maar dan wel goed. Wat mag dat kosten tegenwoordig?
Ik denk dat ik juist voor de gebruiker bouw als ik snelle en semantisch correcte code aflever. Het gaat er wat mij betreft om dat een bezoeker zo snel mogelijk kan vinden wat 'ie zoekt. Dat garandeer je in eerste instantie met een logische indeling van de content en daarna is de kwaliteit van de code een belangrijk aspect. Pas als dat in orde is, doet het ertoe of het er ook aantrekkelijk uitziet wat mij betreft.quote:Op woensdag 5 september 2012 14:06 schreef nietzman het volgende:
[..]
Bouw een site inderdaad niet voor je gebruiker, stel je voor.
Voor zover mijn blik er op rijkt hou ik van nette code hoor, begrijp me niet verkeerd, maar ik snap niet hoe je code die alleen jij als developer zelf ziet in Hemelsnaam boven je gebruiker kunt zetten.
Kwaliteit van code zegt absoluut niets over het al dan niet gebruiksvriendelijk zijn van een site.quote:Op woensdag 5 september 2012 14:22 schreef Tijn het volgende:
[..]
Ik denk dat ik juist voor de gebruiker bouw als ik snelle en semantisch correcte code aflever. Het gaat er wat mij betreft om dat een bezoeker zo snel mogelijk kan vinden wat 'ie zoekt. Dat garandeer je in eerste instantie met een logische indeling van de content en daarna is de kwaliteit van de code een belangrijk aspect. Pas als dat in orde is, doet het ertoe of het er ook aantrekkelijk uitziet wat mij betreft.
Nee, daarom zeg ik dat het allerbelangrijkste is dat de indeling van de content logisch is. Als dat niet zo is, maakt de rest ook niet uit, dan wordt het nooit wat.quote:Op woensdag 5 september 2012 14:32 schreef Scorpie het volgende:
[..]
Kwaliteit van code zegt absoluut niets over het al dan niet gebruiksvriendelijk zijn van een site.
quote:Op woensdag 5 september 2012 14:35 schreef Tijn het volgende:
[..]
Nee, daarom zeg ik dat het allerbelangrijkste is dat de indeling van de content logisch is. Als dat niet zo is, maakt de rest ook niet uit, dan wordt het nooit wat.
Maar nog minder dan de kwaliteit van de code maakt wat mij betreft uit hoe het eruit ziet, als het maar boven een bepaalde ondergrens zit waardoor de site überhaupt leesbaar is natuurlijk.
Je spreekt jezelf nu tegenquote:Op woensdag 5 september 2012 14:22 schreef Tijn het volgende:
[..]
Ik denk dat ik juist voor de gebruiker bouw als ik snelle en semantisch correcte code aflever. Het gaat er wat mij betreft om dat een bezoeker zo snel mogelijk kan vinden wat 'ie zoekt. Dat garandeer je in eerste instantie met een logische indeling van de content en daarna is de kwaliteit van de code een belangrijk aspect. Pas als dat in orde is, doet het ertoe of het er ook aantrekkelijk uitziet wat mij betreft.
UX dus, het belangrijkste deel van het ontwerpproces. Niet van het codeproces.quote:Op woensdag 5 september 2012 14:35 schreef Tijn het volgende:
Nee, daarom zeg ik dat het allerbelangrijkste is dat de indeling van de content logisch is. Als dat niet zo is, maakt de rest ook niet uit, dan wordt het nooit wat.
Nouja, de kwaliteit van je code is iets wat überhaupt niemand gaat zien.quote:Op woensdag 5 september 2012 14:35 schreef Tijn het volgende:
Maar nog minder dan de kwaliteit van de code maakt wat mij betreft uit hoe het eruit ziet, als het maar boven een bepaalde ondergrens zit waardoor de site überhaupt leesbaar is natuurlijk.
Nee, helemaal niet. Het stuk tussen de twee zinnen die je nu hebt vetgemaakt is het allerbelangrijkste, dat zeg ik.quote:
Ik denk dat mensen het verschil wel ervaren tussen een website die slecht is gebouwd en eentje die goed is gebouwd, ook als ze er verder precies hetzelfde uitzien.quote:Op woensdag 5 september 2012 14:40 schreef nietzman het volgende:
[..]
Nouja, de kwaliteit van je code is iets wat überhaupt niemand gaat zien.
Op welke manier bedoel je? Bugs?quote:Op woensdag 5 september 2012 14:44 schreef Tijn het volgende:
[..]
Ik denk dat mensen het verschil wel ervaren tussen een website die slecht is gebouwd en eentje die goed is gebouwd, ook als ze er verder precies hetzelfde uitzien.
Nee, in dingen als laadtijden, vindbaarheid van content met zoekmachines, cross browser/device compatibility, toegankelijkheid.quote:Op woensdag 5 september 2012 14:45 schreef Scorpie het volgende:
[..]
Op welke manier bedoel je? Bugs?
Ik zie niet helemaal in hoe je die dingen kan linken aan de mate van kwaliteit van code.quote:Op woensdag 5 september 2012 14:48 schreef Tijn het volgende:
[..]
Nee, in dingen als laadtijden, vindbaarheid van content met zoekmachines, cross browser/device compatiblity, toegankelijkheid.
Op de laadtijden na zijn al die dingen niet mogelijk met bulky en onsemantische spaghetticode?quote:Op woensdag 5 september 2012 14:48 schreef Tijn het volgende:
Nee, in dingen als laadtijden, vindbaarheid van content met zoekmachines, cross browser/device compatibility, toegankelijkheid.
Goede code geeft geen garantie op snellere rendering of betere doorzoekbaarheid van content.quote:Op woensdag 5 september 2012 14:51 schreef Catch22- het volgende:
Goede code rendert sneller, maakt content beter doorzoekbaar etc
Klopt, maar dat maakt dit niet minder waar:quote:Op woensdag 5 september 2012 14:53 schreef Scorpie het volgende:
[..]
Goede code geeft geen garantie op snellere rendering of betere doorzoekbaarheid van content.
quote:Op woensdag 5 september 2012 14:51 schreef Catch22- het volgende:
Goede code rendert sneller, maakt content beter doorzoekbaar etc
Onmogelijk natuurlijk niet, maar wel moeilijker en dus duurder.quote:Op woensdag 5 september 2012 14:51 schreef nietzman het volgende:
[..]
Op de laadtijden na zijn al die dingen niet mogelijk met bulky en onsemantische spaghetticode?
Precies. Een site die goed is gebouwd is prettiger in het gebruik, ook als 'ie lelijk is. Dat is imho beter dan een mooie site die slecht is gebouwd.quote:Op woensdag 5 september 2012 14:51 schreef Catch22- het volgende:
Goede code rendert sneller, maakt content beter doorzoekbaar etc
Als goede code niet beter werkt dan slechte code, dan is die goede code niet heel goed of die slechte code niet heel slechtquote:Op woensdag 5 september 2012 14:53 schreef Scorpie het volgende:
[..]
Goede code geeft geen garantie op snellere rendering of betere doorzoekbaarheid van content.
dan is jouw definitie van goede code anders dan de mijne.quote:Op woensdag 5 september 2012 14:53 schreef Scorpie het volgende:
[..]
Goede code geeft geen garantie op snellere rendering of betere doorzoekbaarheid van content.
Ach, ik heb ze hier ook wel eens vieze hacks zien gebruiken om maar te voorkomen dat ze buitensporig veel meer tijd kwijt waren om het echt netjes te doen.quote:Op woensdag 5 september 2012 14:54 schreef Tijn het volgende:
Onmogelijk natuurlijk niet, maar wel moeilijker en dus duurder.
Dat ligt dus inderdaad aan de definitie 'slechte' of 'goede' code. Maar ik pas wel op met garanties geven omtrend rendering, doorzoekbaarheid van content of toegankelijkheid van de website an sich met mijn code.quote:Op woensdag 5 september 2012 14:54 schreef Tijn het volgende:
[..]
Als goede code niet beter werkt dan slechte code, dan is die goede code niet heel goed of die slechte code niet heel slecht
Dat kan natuurlijk een keertje gebeuren. Maar als je dat te vaak doet, ga je geheid de deksel later een keer op de neus krijgen. Als je geen tijd hebt om het goed te doen, waar haal je dan de tijd vandaan om het later te repareren?quote:Op woensdag 5 september 2012 14:56 schreef nietzman het volgende:
[..]
Ach, ik heb ze hier ook wel eens vieze hacks zien gebruiken om maar te voorkomen dat ze buitensporig veel meer tijd kwijt waren om het echt netjes te doen.
Dat zal het dan wel zijn jaquote:Op woensdag 5 september 2012 14:55 schreef Catch22- het volgende:
[..]
dan is jouw definitie van goede code anders dan de mijne.
Zat. Waar loop je tegenaan?quote:Op woensdag 5 september 2012 14:56 schreef Alovenac het volgende:
Niemand hier die wel eens een eigen Wordpress theme gemaakt heeft?
Tsja, dat klinkt een beetje als broken window syndrome. Omdat de backend kut is, is dat nog geen reden om ook maar met de pet te gooien naar de frontend, toch?quote:Op woensdag 5 september 2012 14:57 schreef Scorpie het volgende:
[..]
Dat ligt dus inderdaad aan de definitie 'slechte' of 'goede' code. Maar ik pas wel op met garanties geven omtrend rendering, doorzoekbaarheid van content of toegankelijkheid van de website an sich met mijn code.
Stel dat ik een tering-trage productie omgeving heb waarop een query minimaal 5 seconden duurt, dan kan ik goede code schrijven wat ik wil aan de voorkant, 'snel' content zoeken gaat dan niet, buiten mijn schuld om. Door schade en schande wijs geworden op dat vlak overigens, want die manager staat wel bij jou aan je bureautje omdat jij hem de garantie gaf dat het goed ging werken.
Dat zeg ik toch ook niet? Ik zeg dat ik verder kijk dan mijn eigen domein als het gaat om garanties afgeven die ik niet kan waarborgen omdat er dingen buiten mijn invloedsfeer zijn. Ik doe geen enkele uitspraak over de code en de kwaliteit die ik oplever.quote:Op woensdag 5 september 2012 15:01 schreef Tijn het volgende:
[..]
Tsja, dat klinkt een beetje als broken window syndrome. Omdat de backend kut is, is dat nog geen reden om ook maar met de pet te gooien naar de frontend, toch?
Daar verschillen we dan inderdaad in. Ik heb iets meer te maken met verschillende afdelingen, structuren en verantwoordelijkheden waar ik weinig tot geen invloed op heb.quote:Maar goed, met managers heb ik verder niks te maken, dus ik heb ook wel makkelijk praten. En als ik te maken heb met een trage server, dan kan ik in 9 van de 10 gevallen gewoon een andere regelen die sneller is of in elk geval duidelijk aan de klant maken dat dat buiten mijn verantwoordelijkheid ligt, dus dat 'ie maar iets anders moet regelen als 'ie een snellere webapplicatie wil.
Maar afgezien van dat alles, jij denkt niet dat slechte front-end code een negatief effect op de gebruikerservaring heeft?quote:Op woensdag 5 september 2012 15:03 schreef Scorpie het volgende:
[..]
Dat zeg ik toch ook niet? Ik zeg dat ik verder kijk dan mijn eigen domein als het gaat om garanties afgeven die ik niet kan waarborgen omdat er dingen buiten mijn invloedsfeer zijn. Ik doe geen enkele uitspraak over de code en de kwaliteit die ik oplever.
[..]
Daar verschillen we dan inderdaad in. Ik heb iets meer te maken met verschillende afdelingen, structuren en verantwoordelijkheden waar ik weinig tot geen invloed op heb.
Dat is waarschijnlijk wel het gevolg ja, maar het hoeft niet. Er zijn zat voorbeelden te vinden waar je met slecht geprogrammeerde websites een tig duizend bezoekers per dag afhandelt.quote:Op woensdag 5 september 2012 15:05 schreef picodealion het volgende:
[..]
Maar afgezien van dat alles, jij denkt niet dat slechte front-end code een negatief effect op de gebruikerservaring heeft?
Designers zijn gewoon homofiele hipsters en programmeurs zijn autistische nerds.quote:Op woensdag 5 september 2012 15:11 schreef KomtTijd... het volgende:
jamaar jongens, uiteindelijk draait het toch alleen maar om de content? Layout en code zijn way ondergeschikt aan de inhoud van een site.
[ afbeelding ]
En wat als je beide doet?quote:Op woensdag 5 september 2012 15:13 schreef Scorpie het volgende:
[..]
Designers zijn gewoon homofiele hipsters en programmeurs zijn autistische nerds.
Dan hou je van gesandwiched worden.quote:
Misschien in oposite-world waarin het niet om het plaatje gaat.quote:Op woensdag 5 september 2012 15:22 schreef Tijn het volgende:
Hoe dan ook, design is overgewaardeerd Een lelijke site is nog geen slechte site en een mooie site is zeker geen goede site.
Dat je tig duizend bezoekers afhandelt wil niet zeggen dat het niet beter kan. Dit is gewoon een drogreden.quote:Op woensdag 5 september 2012 15:08 schreef Scorpie het volgende:
[..]
Dat is waarschijnlijk wel het gevolg ja, maar het hoeft niet. Er zijn zat voorbeelden te vinden waar je met slecht geprogrammeerde websites een tig duizend bezoekers per dag afhandelt.
Eensch.quote:Op woensdag 5 september 2012 15:11 schreef KomtTijd... het volgende:
jamaar jongens, uiteindelijk draait het toch alleen maar om de content? Layout en code zijn way ondergeschikt aan de inhoud van een site.
[ afbeelding ]
Front-end.quote:Op woensdag 5 september 2012 15:12 schreef Catch22- het volgende:
Hebben we het over front- of backendcode?
Eensch.quote:Op woensdag 5 september 2012 15:22 schreef Tijn het volgende:
Hoe dan ook, design is overgewaardeerd Een lelijke site is nog geen slechte site en een mooie site is zeker geen goede site.
Niet vaak nee. Ik kende wel een goede designer die ook nog eens goed in html/css was, maar ze zijn zeldzaam.quote:Op woensdag 5 september 2012 15:23 schreef Catch22- het volgende:
Ik heb nog nooit een goede designer gezien die goed kan developen of andersom.
Of een goede designer die goed is met usability.
Development is een vak apart en het bijna per definitie zo dat een goede designer niet goed kan developen.
Het gaat bijna niemand uiteindelijk om het plaatje. Het plaatje is alleen belangrijk om iets te verkopen. Als je moet kiezen tussen twee dingen, kies je de mooiste.quote:Op woensdag 5 september 2012 15:24 schreef nietzman het volgende:
[..]
Misschien in oposite-world waarin het niet om het plaatje gaat.
en JS?quote:Op woensdag 5 september 2012 15:27 schreef picodealion het volgende:
[..]
Dat je tig duizend bezoekers afhandelt wil niet zeggen dat het niet beter kan. Dit is gewoon een drogreden.
[..]
Eensch.
[..]
Front-end.
[..]
Eensch.
[..]
Niet vaak nee. Ik kende wel een goede designer die ook nog eens goed in html/css was, maar ze zijn zeldzaam.
Tja hoe meer je de taken verdeelt onder gespecialiseerde mensen hoe beter, maar dat betekent niet dat je goed kan zijn in meerdere dingen, maar je ziet het niet vaak dat mensen zich evenveel specialiseren in meerdere richtingen.quote:Op woensdag 5 september 2012 15:23 schreef Catch22- het volgende:
Ik heb nog nooit een goede designer gezien die goed kan developen of andersom.
Of een goede designer die goed is met usability.
Development is een vak apart en het bijna per definitie zo dat een goede designer niet goed kan developen.
Erm, ja, maar het is m'n werk, niet m'n hobby. Het verkopen is een essentiėle eerste stap voordat er ook maar een regel code geschreven is.quote:Op woensdag 5 september 2012 15:28 schreef Tijn het volgende:
Het gaat bijna niemand uiteindelijk om het plaatje. Het plaatje is alleen belangrijk om iets te verkopen. Als je moet kiezen tussen twee dingen, kies je de mooiste.
Zoiets heet een CSS Reset. Hier staan er een paar: http://www.cssreset.comquote:Op woensdag 5 september 2012 15:30 schreef DutchErrorist het volgende:
Ik moet even een simpele website voor iemand maken, is het dan handig om te beginnen met een CSS waarin alle waarden voor browsers worden gelijk gezet, en zoja waar kan ik die vinden?
Als verkoper is een goed design ook hartstikke fijn. Maar we hebben het hier over het ontwikkelen van sites, niet het verkopen ervan.quote:Op woensdag 5 september 2012 15:33 schreef nietzman het volgende:
[..]
Erm, ja, maar het is m'n werk, niet m'n hobby. Het verkopen is een essentiėle eerste stap voordat er ook maar een regel code geschreven is.
Tja, wat ik zeg, zonder een koper ontwikkelen wij in ieder geval bijzonder weinig.quote:Op woensdag 5 september 2012 15:35 schreef Tijn het volgende:
Als verkoper is een goed design ook hartstikke fijn. Maar we hebben het hier over het ontwikkelen van sites, niet het verkopen ervan.
Het wil ook niet zeggen dat een slecht gecodeerde website per definitie ruk is, wat dus ook een drogreden is.quote:Op woensdag 5 september 2012 15:27 schreef picodealion het volgende:
[..]
Dat je tig duizend bezoekers afhandelt wil niet zeggen dat het niet beter kan. Dit is gewoon een drogreden.
hohoho!quote:Op woensdag 5 september 2012 15:33 schreef Tijn het volgende:
[..]
Zoiets heet een CSS Reset. Hier staan er een paar: http://www.cssreset.com
Ik vind het zelf een beetje overdreven om *alle* CSS defaults weg te mikken, want veel dingen zijn gewoon handig en maak je in de praktijk weer precies zo na als ze stonden. Maar sommige elementen hebben wel irritant standaardgedrag in verschillende browsers wat je op zo'n manier makkelijk kunt uitsluiten.
Er zijn felle voorstanders en felle tegenstanders, echt een objectief "ja" of "nee" is er niet. Ik zou gewoon proberen of het je bevalt.
Normalizeeeeeeeeeeeee FTWquote:Op woensdag 5 september 2012 15:39 schreef Catch22- het volgende:
[..]
hohoho!
tegenwoordig heb je normalize.css
http://necolas.github.com/normalize.css/
Ah, ook goed. Beter zelfsquote:Op woensdag 5 september 2012 15:39 schreef Catch22- het volgende:
[..]
hohoho!
tegenwoordig heb je normalize.css
http://necolas.github.com/normalize.css/
Klopt. Maar de discussie begon om deze opmerking:quote:Op woensdag 5 september 2012 15:39 schreef Scorpie het volgende:
[..]
Het wil ook niet zeggen dat een slecht gecodeerde website per definitie ruk is, wat dus ook een drogreden is.
Het hoeft dus niet per sé wat erover te zeggen, maar gebruiksvriendelijkheid kan zeker worden beinvloed door slechte code, en dat wordt het dan ook vaak.quote:Op woensdag 5 september 2012 14:32 schreef Scorpie het volgende:
[..]
Kwaliteit van code zegt absoluut niets over het al dan niet gebruiksvriendelijk zijn van een site.
Lets agree to disagree op dat punt.quote:Op woensdag 5 september 2012 15:50 schreef picodealion het volgende:
[..]
Klopt. Maar de discussie begon om deze opmerking:
[..]
Het hoeft dus niet per sé wat erover te zeggen, maar gebruiksvriendelijkheid kan zeker worden beinvloed door slechte code, en dat wordt het dan ook vaak.
Hoe kan ik het beste beginnen. Heb mezelf laten vertellen dat dmv van de Starkers theme te downloaden, je hem daarom heen kan gaan bouwen (alle functies etc zijn al vermeld) en dit moet dan gewoon in de editor gedaan worden.quote:
* {quote:Op woensdag 5 september 2012 15:39 schreef Catch22- het volgende:
[..]
hohoho!
tegenwoordig heb je normalize.css
http://necolas.github.com/normalize.css/
En over JS; er zijn helaas maar weinig mensen die dat goed beheersen. Gelukkig heb ik mezelf daar wel aardig in gespecialiseerd.
Heel simpel gezegd, ik wil eerst weten of ik wat hiermee kan, voordat ik er zelf heel veel tijd in ga steken.quote:Op donderdag 6 september 2012 22:23 schreef KomtTijd... het volgende:
je wilt wįt precies Al die linkjes gaan naar tutorials. Waar is je eigen werk?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <div id="main"> <ul class="tabContainer"> <!-- The jQuery generated tabs go here --> </ul> <div class="clear"></div> <div id="tabContent"> <div id="contentHolder"> <!-- The AJAX fetched content goes here --> </div> </div> </div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 | $(document).ready(function(){ /* This code is executed after the DOM has been completely loaded */ /* Defining an array with the tab text and AJAX pages: */ var Tabs = { 'Tab one' : 'pages/page1.html', 'Tab two' : 'pages/page2.html', 'Tab three' : 'pages/page3.html', 'Tab four' : 'pages/page4.html' } /* The available colors for the tabs: */ var colors = ['blue','green','red','orange']; /* The colors of the line above the tab when it is active: */ var topLineColor = { blue:'lightblue', green:'lightgreen', red:'red', orange:'orange' } /* Looping through the Tabs object: */ var z=0; $.each(Tabs,function(i,j){ /* Sequentially creating the tabs and assigning a color from the array: */ var tmp = $('<li><a href="#" class="tab '+colors[(z++%4)]+'">'+i+' <span class="left" /><span class="right" /></a></li>'); /* Setting the page data for each hyperlink: */ tmp.find('a').data('page',j); /* Adding the tab to the UL container: */ $('ul.tabContainer').append(tmp); }) /* Caching the tabs into a variable for better performance: */ var the_tabs = $('.tab'); the_tabs.click(function(e){ /* "this" points to the clicked tab hyperlink: */ var element = $(this); /* If it is currently active, return false and exit: */ if(element.find('#overLine').length) return false; /* Detecting the color of the tab (it was added to the class attribute in the loop above): */ var bg = element.attr('class').replace('tab ',''); /* Removing the line: */ $('#overLine').remove(); /* Creating a new line with jQuery 1.4 by passing a second parameter: */ $('<div>',{ id:'overLine', css:{ display:'none', width:element.outerWidth()-2, background:topLineColor[bg] || 'white' }}).appendTo(element).fadeIn('slow'); /* Checking whether the AJAX fetched page has been cached: */ if(!element.data('cache')) { /* If no cache is present, show the gif preloader and run an AJAX request: */ $('#contentHolder').html('<img src="img/ajax_preloader.gif" width="64" height="64" class="preloader" />'); $.get(element.data('page'),function(msg){ $('#contentHolder').html(msg); /* After page was received, add it to the cache for the current hyperlink: */ element.data('cache',msg); }); } else $('#contentHolder').html(element.data('cache')); e.preventDefault(); }) /* Emulating a click on the first tab so that the content area is not empty: */ the_tabs.eq(0).click(); }); |
1 | $("a.linkToFirstTab").click(function() { $("#tab-3").click(); }); |
Daar geef je het antwoord al..quote:
http://fixingthesejquery.com/quote:Op dinsdag 11 september 2012 09:39 schreef Catch22- het volgende:
http://jqfundamentals.com/
Must-read als je wat met jQuery wil gaan doen, of doet, maar er niets van snapt
Jezus wat een misselijkmakende usability-failure Als je niet wilt dat mensen je website bezoeken, haal 'm dan gewoon offlinequote:Op dinsdag 11 september 2012 14:28 schreef Catch22- het volgende:
[..]
http://fixingthesejquery.com/
die ok trouwens
ligt eraan hoe je het wilt gebruiken. Als beide titels het zelfde niveau hebben moet je dezelfde tag gebruiken. Als de een een subkopje is van de ander, moet je een niveau lager (dus hogere index) gebruiken.quote:Op woensdag 12 september 2012 21:15 schreef Meteoric het volgende:
Ik weet nog heel weinig van scripten, ben echt net begonnen. Nu focus ik me op de semantiek van HTML dus wil graag alles netjes neerzetten zoals het hoort. Nou heb ik een hele suffe vraag, en ik heb al in een boek gekeken op op w3schools en nog wat sites maar ik kan het antwoord niet zo letterlijk vinden.
Mag je een h2 heading boven meerdere paragrafen gebruiken, of moet je dan perse een h3 gebruiken na een h2? Met andere woorden: is het toegestaan/netjes om dat te doen?
Tuurlijk niet, dat werkt alleen met muis. Met andere vormen van navigatie (toetsenbord, touch) heb je dan geen hover-state meer. Gewoon op de a:href dus.quote:
Sowieso line-height gebruiken, anders krijg je glitches met verschillende fontrenderings of ontbrekende fonts.quote:Op woensdag 19 september 2012 12:35 schreef Catch22- het volgende:
li:hover
en dan de Li de volledige hoogte geven, de A centreren met een padding of een line-height(hack)
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 | .top-menu ul { height: inherit; margin-left: 8px; } .top-menu li { display: inline; list-style-type:none; padding: 10px 0 95px; -webkit-border-bottom-right-radius:.6em; -moz-border-bottom-right-radius:.6em; border-bottom-right-radius:.6em; } .top-menu li:hover { background-color: #fff; color: #223053; } .top-menu li a { font-weight: bold; font-size:15px; color: #fff; padding: 0 8px 95px; } .top-menu > li:first-child > a { border-left:none; } .top-menu li a:hover { color: #223053; } |
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Ik weet dat hij te breed is, maar dat is voor latere zorg.
Hmm ik zie eigenlijk niks vreemds in de scriptcode, heeft iemand enig idee waar het aan kan liggen dat hij het niet consequent doet.
1
2
3
4
5
6
7<object id="MediaPlayer" width="550" height="309" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"><param name="filename" value="http://livestreams.omroep.nl/npo/3fm_vsr-bb" />
<param name="Showcontrols" value="True" /><param name="autoStart" value="True" /><param name="url" value="http://livestreams.omroep.nl/npo/3fm_vsr-bb" />
<param name="showcontrols" value="True" /><param name="autostart" value="True" /><param name="url" value="http://livestreams.omroep.nl/npo/3fm_vsr-bb" />
<embed id="MediaPlayer" width="550" height="309" type="application/x-mplayer2" src="http://livestreams.omroep.nl/npo/3fm_vsr-bb" filename="http://livestreams.omroep.nl/npo/3fm_vsr-bb" Showcontrols="True" autoStart="True" url="http://livestreams.omroep.nl/npo/3fm_vsr-bb" showcontrols="True" autostart="True" /></object>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>- Met zuidelijke groet -
1 2 3 | <div id="wrapper2" class="user1"><jdoc:include type="modules" name="user1" style="xhtml" /></div> <div id="wrapper2" class="user2"><jdoc:include type="modules" name="user2" style="xhtml" /></div> <div id="wrapper2" class="user3"><jdoc:include type="modules" name="user3" style="xhtml" /></div> |
1 | #wrapper2 {margin:0 auto; width:300px ; height:160px; margin-top: 3px; text-shadow: none; position: relative; background-image: url('http://www.heartofstone.co.uk/HOS/UL/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);padding: 4px;text-shadow: 0 1px 0 #FDFDFF;} |
1 2 3 | .user1 { text-shadow: #fff 0 1px; color: #555; padding: 0px 10px 6px 30px; float: left; width: 250px; margin: 10px;} .user2,{ text-shadow: #fff 0 1px; color: #555; padding: 0px 10px 6px 30px; float: center; width: 250px; margin: 10px;} .user3 { text-shadow: #fff 0 1px; color: #555; padding: 0px 10px 6px 30px; float: right; width: 250px; margin: 10px;} |
1 | <div id="wrapper2" class="user1"> |
Je kunt er <div class="wrapper2 user2"> van maken. Dan kun je user 2 nog apart opmaken voor stijlen die je bij de andere divs met wrapper2 niet wil. Bijvoorbeeld je middelste blok, met een margin left en right, om zo ruimte te creėren.quote:Op maandag 24 september 2012 10:56 schreef -J-D- het volgende:
Volgens mij begin ik het te snappen.
Heb van #wrapper2 nu .wrapper2 gemaakt en
[ code verwijderd ]
veranderd in [code]<div class="wrapper2">.
Heb ik dat zo goed begrepen?
De breedte klopt nog niet, maar misschien kan ik daar met wat gesleutel aan wat waarden verandering in brengen.
1 2 3 | <div class="wrapperuser1"><jdoc:include type="modules" name="user1" style="xhtml" /></div> <div class="wrapperuser2"><jdoc:include type="modules" name="user2" style="xhtml" /></div> <div class="wrapperuser3"><jdoc:include type="modules" name="user3" style="xhtml" /></div> |
1 2 3 | .wrapperuser1 {width:287px ; height:160px; margin-top: 3px; position: relative; background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; color: #555; padding: 0px 10px 6px 10px; float: left;} .wrapperuser2 {margin:3px; width:287px ; height:160px; margin-top: 3px; position: relative; background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; color: #555; padding: 0px 10px 6px 10px; float: left;} .wrapperuser3 {width:287px ; height:160px; margin-top: 3px; position: relative; background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; color: #555; padding: 0px 10px 6px 10px; float: left;} |
1 2 3 | <div class="wrapper2 user1"></div> <div class="wrapper2 user2"></div> <div class="wrapper2 user3"></div> |
1 | .wrapper2 { width: 200px; height: 100px; } |
1 | .user2 { margin: 0px 20px 0px 20px; } |
Dat snap ik, maar na een paar uur puzzelen zie je soms de oorzaak niet.quote:Op maandag 24 september 2012 12:55 schreef Catch22- het volgende:
dat is nooit goed. Je moet altijd beredeneren waarom het mis gaat, anders schiet je er niets mee op.
1 2 3 | <div class="wrapperuser1"><jdoc:include type="modules" name="user1" style="xhtml" /></div> <div class="wrapperuser2"><jdoc:include type="modules" name="user2" style="xhtml" /></div> <div class="wrapperuser3"><jdoc:include type="modules" name="user3" style="xhtml" /></div> |
1 2 3 | .wrapperuser1 {width:315px; height:160px; margin-top: 3px; position: relative; background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; color: #555; padding: 3px; float: left;} .wrapperuser2 {margin:3px; width:314px ; height:160px; margin-top: 3px; position: relative; background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; color: #555; padding: 3px; float: left;} .wrapperuser3 {width:315px; height:160px; margin-top: 3px; position: relative; background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; color: #555; padding: 3px; float: left;} |
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Kan je hier wat mee? Ik hoop dat dit genoeg informatie is.I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
Margin top hebben ze alledrie, om een buffer te vormen met het stuk erboven.quote:Op maandag 24 september 2012 13:49 schreef Catch22- het volgende:
Ja, maar hier kan ik niets mee. Wat staat er om heen, wat voor stijlen hebben die elementen, hoe groot is de parent?
- waarom heeft die middelste een margin:3px en margin-top:3px
- waarom hebben ze position:relative?
- waarom maak je classes aan als je daar ID's invult? Ik zou gewoon deze classnames door ID vervangen en een wrapper class aanmaken met de gedeelde stijlen.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <div id="header-wrapper"> <div id="header"> <ul> <li>link #1</a></li> <li>link #2</a></li> <li>link #3</a></li> <li>link #4</a></li> <li>link #5</a></li> </ul> <div id="logo"> <img blabla> </div><!-- end of #logo --> </div><!-- end of #header --> </div> |
1 2 3 4 5 6 7 8 9 10 11 | #header-wrapper { /* Fallback for web browsers that doesn't support RGBa */ background: rgb(34, 48, 83); /* RGBa with 0.9 opacity */ background: rgba(34, 48, 83, 0.9); } #header { margin: 0 auto; width: 960px; } |
Hm, dat klinkt wel logisch. Daar moet ik maar eens even induiken danquote:Op maandag 24 september 2012 14:35 schreef boem-dikkie het volgende:
Waarschijnlijk is het responsive met CSS en staat er ergens nog een statement voor die responsiveness. Daar moet je dan de breedte van het blok meegeven die hij moet worden als het scherm bijvoorbeeld minder breed is als 768px.
Hoe zou men dat bijvoorbeeld doen?quote:Op maandag 24 september 2012 14:35 schreef boem-dikkie het volgende:
Waarschijnlijk is het responsive met CSS en staat er ergens nog een statement voor die responsiveness. Daar moet je dan de breedte van het blok meegeven die hij moet worden als het scherm bijvoorbeeld minder breed is als 768px.
quote:Op maandag 24 september 2012 15:19 schreef InTrePidIvity het volgende:
[..]
Hoe zou men dat bijvoorbeeld doen?
1 2 3 4 5 | @media (max-width:768px) { body { background-color:#f0f; } } |
Oops, dat heb ik nog niet gedaan.quote:Op maandag 24 september 2012 14:19 schreef KomtTijd... het volgende:
Als je nou gewoon eens precies doet wat boem-dikkie zegt heh. Wat gaat er dan nog verkeerd?
Beste boem-dikkie,quote:Op maandag 24 september 2012 11:31 schreef boem-dikkie het volgende:
Okay als alle blokken dezelfde stijl hebben maar hier en daar een extra padding of margin kun je het zo doen.
[ code verwijderd ]
Je kunt dan de wrapper2 opmaken zoals voor elk blok gelijk:
[ code verwijderd ]
En voor specifieke stijlen zoals bijvoorbeeld het middenste blok doormiddel van de user* class.
[ code verwijderd ]
Dat is het idee van meerdere classes gebruiken.
Je kunt dus in jouw geval een opmaak maken voor het blok met wrapper2, want die is voor elk blok hetzelfde. En voor het middenste blok, waar dus een margin moet, user2 opmaken.
1 2 3 | <div class="wrapper2 user1"><jdoc:include type="modules" name="user1" style="xhtml" /></div> <div class="wrapper2 user2"><jdoc:include type="modules" name="user2" style="xhtml" /></div> <div class="wrapper2 user3"><jdoc:include type="modules" name="user3" style="xhtml" /></div> |
1 2 3 4 | .user1 { } .user2 { margin: 0px 20px 0px 20px; } .user3 { } .wrapper2 {background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;margin-top: 3px;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; width: 287px; height: 200px; } |
Uhh, nooitquote:Op dinsdag 25 september 2012 19:03 schreef KomtTijd... het volgende:
Wanneer besloot je dat je nu geen float:left meer nodig zou hebben?
Nee hoor. Je sluit je div #header pas af nį die blokken, wat dus betekent dat hij wrapped om die blokken, en je header is net zo breed als dat je blokken nu zijn. Verander de width van je div#header maar eens naar 20px groter (als voorbeeld). Als je dan je blokken breder maakt, of meer margin, blijven ze wel netjes naast elkaar staan op de gewenste breedte.quote:Op dinsdag 25 september 2012 19:04 schreef -J-D- het volgende:
[..]
Uhh, nooit
Is dat de domme fout? Let me check it!
-edit-
Ja dus, dat was dom van me. Had ik zelf kunnen bedenken. Nu eens zien of het probleem met het doorlopen naar rechts is opgelost als ik de getallen aanpas.
-edit-op-edit-
Ik heb nu ook de tips van KomtTijd en boem-dikkie gebruikt. Alleen zie ik dat ik nog steeds niet de gehele breedte van het middenstuk kan gebruiken.
Als ik de blokken 1px breder maak, gaat het laatste blok naar de volgende regel. Exact hetzelfde probleem dus als gisteren toen ik deze laatste verbeteringen van boem-dikkie nog niet gebruikt had.
Het blijft een onopgelost raadsel
[ afbeelding ]
Het gaat dus om dit rare gat (rechts, niet erboven) dat ik niet kan opvullen door de blokken iets breder te maken.
1 2 3 4 | .textarea#gbtext{ background:none; line-height:100px; } |
1 2 3 4 | .textarea#gbtext{ background:none; rows="6"; cols="50";} |
Ik merk dat easybookreloaded.css ook aangeroepen wordt. Ik zie daar alleen in staan wat de breedte van zo'n textarea moet zijn.quote:Op maandag 1 oktober 2012 12:45 schreef Catch22- het volgende:
dan zit er iets beperkend in de rest van je code
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Zie ik iets over het hoofd en zien jullie wel iets waardoor mijn wijzigingen overruled worden?I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
Dankquote:Op maandag 1 oktober 2012 12:57 schreef Catch22- het volgende:
dat doet niets. Als jij op regel 260 die hoogte weghaalt is het klaar.
1 2 3 4 5 6 | <nav> <ul> <li><a href="link.html">text</a></li> etc etc </ul> </nav> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | nav { display: inline-block; padding: 2px; margin: 2px; list-style: none; margin:auto; text-align: center; } nav ul li { display: inline-block; list-style:none; } nav li a { color: silver; font-family: "Courier New", Courier, Monospace; font-size: 16px; width: 18%; line-height: auto; text-decoration: none; margin:1px; } |
Euh, zo?quote:Op dinsdag 2 oktober 2012 11:00 schreef Meteoric het volgende:
Nou het probleem/de vraag is eigenlijk hoe ik met inline-block mijn menu centreer ten opzichte van de wrapper.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html> <html> <head> <style> #wrapper { text-align: center; } #wrapper > nav { display: inline-block; } </style> </head> <body> <div id="wrapper"> <nav> hallo, dit is gecentreerd </nav> </div> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 | function getElementByAttributeValue(attribute, value) { var allElements = document.getElementsByTagName('*'); for (var i = 0; i < allElements.length; i++) { if (allElements[i].getAttribute(attribute) == value) { // Element exists with attribute. Add to array. return allElements[i]; } } } |
1 | var nextElement = getElementByAttributeValue('tabindex', currentTabIndex + 1); |
1 | $("input[tabindex='" + (curTabindex + 1) + "']").focus(); |
ik weet idd het pad (een dir op het netwerk)quote:Op woensdag 3 oktober 2012 11:15 schreef Catch22- het volgende:
Als je het pad weet en de fotos een vast formaat hebben (bijvoorbeeld DSC_{NUMMER}.JPG) kan je er gewoon overheen itereren. Uitlezen is inderdaad niet echt mogelijk.
Het heeft niet zoveel met JS te maken. je zou hooguit een loopje kunnen maken zodat je geen gigantisch lange HTML-code krijgt voor 200 afbeeldingen, maar of dat nou echt een voordeel is...quote:Op woensdag 3 oktober 2012 11:24 schreef MrNiles het volgende:
[..]
ik weet idd het pad (een dir op het netwerk)
en de foto's hebben een redelijk vast formaat..
dus er is iets voor te maken
en hoe heet zoiets in js?
dan kan ik gerichter zoeken naar voorbeelden
ja..dat is een voordeelquote:Op woensdag 3 oktober 2012 11:29 schreef KomtTijd... het volgende:
[..]
Het heeft niet zoveel met JS te maken. je zou hooguit een loopje kunnen maken zodat je geen gigantisch lange HTML-code krijgt voor 200 afbeeldingen, maar of dat nou echt een voordeel is...
initieer je alles wel op het juiste moment? Niet toevallig wat console.log dingetjes aanstaan zonder dat er een console is?quote:Op woensdag 3 oktober 2012 11:34 schreef KomtTijd... het volgende:
Ik heb ook iets raars trouwens. Ik heb een pagina die nogal wat JSON requests doet en een hoop jqeury bevat.
Op een of andere manier loopt het script in IE9 altijd vast de eerste keer dat je de pagina laadt (onbekend waarop), maar daarna gaat het gewoon goed. Ookal gooi ik de chache leeg, start ik de browser opnieuw op, enz. Kortom zie dat maar eens te debuggen
Weet iemand misschien of er bekende bugs zijn in IE die zoiets kunnen veroorzaken? We zitten hier een beetje te denken dat misschien jQuery (of een van de plugins) nog niet geladen is terwijl het script al doorloopt ofzo... maar volgens mij zou je het dan moeten kunnen reproduceren door de cache leeg te gooien...
quote:if(typeof(console) === 'undefined') {
var console = {}
console.log = console.error = console.info = console.debug = console.warn = console.trace = console.dir = console.dirxml = console.group = console.groupEnd = console.time = console.timeEnd = console.assert = console.profile = function() {};
}
IE9 heeft volgens mij met de ontwikkeltoolbar wel ondersteuning voor console.log.quote:Op woensdag 3 oktober 2012 12:56 schreef Catch22- het volgende:
Ja. Als je dingen naar het console schrijft en er geen console is, naait IE vast.
zet dit bovenin je script/pagina en je bent daarvan af
[..]
But then, met console open krijg ik het probleem niet gereproduceerd. (met console gesloten ook nauwelijks maar heb ik het af-en-toe). Zou dus inderdaad weleens dit kunnen zijn.quote:Op woensdag 3 oktober 2012 12:58 schreef Scorpie het volgende:
[..]
IE9 heeft volgens mij met de ontwikkeltoolbar wel ondersteuning voor console.log.
Als die open staat wel ja Als je de devtools niet open hebt looptie er op stukquote:Op woensdag 3 oktober 2012 12:58 schreef Scorpie het volgende:
[..]
IE9 heeft volgens mij met de ontwikkeltoolbar wel ondersteuning voor console.log.
Post maar raak.quote:Op vrijdag 5 oktober 2012 15:32 schreef pascal08 het volgende:
Ik zoek iemand met JS en PHP kennis die mij even zou kunnen helpen.
[PHP/(My)SQL] voor dummies #104 Waar veiligheid > allesquote:Op vrijdag 5 oktober 2012 15:32 schreef pascal08 het volgende:
Ik zoek iemand met JS en PHP kennis die mij even zou kunnen helpen.
PHP-codes, kan je die ook lokaal vanaf een Windows computer URL's laten aanroepen? Kan ik dan ook communiceren met een server of moet de code dan op een Apache server staan?quote:
Ik heb XAMPP geļnstalleerd, dat is gewoon hetzelfde idee als WAMP toch?quote:Op vrijdag 5 oktober 2012 15:49 schreef KomtTijd... het volgende:
Als je PHP-scripts wilt uitvoeren moet je PHP geinstalleerd hebben.
Als het de bedoeling is dat de output in een webpagina komt is een webserver ook wel handig ja.
Het makkelijkste is gewoon een alles-in-een pakket te installeren zoals WAMP http://www.wampserver.com/en/
Of om gewoon een webhostingpakketje aan te schaffen.
Als ik in de browser: "localhost/.../test.php" typ bedoel je? Ik heb geen flauw idee hoe ik XAMPP gebruik.quote:Op vrijdag 5 oktober 2012 16:08 schreef KomtTijd... het volgende:
Watvoor foutmelding geeft het script als je het probeert?
1 2 3 4 5 6 | <tr class="Row0" onmouseover="this.className = 'RowHighlight';" onmouseout="this.className = 'Row0';" onclick="markRow(this);"> ... </tr> <tr class="Row1" onmouseover="this.className = 'RowHighlight';" onmouseout="this.className = 'Row1';" onclick="markRow(this);"> ... </tr> |
Handig toch, unieke ID`s voor elke rij.quote:Op dinsdag 9 oktober 2012 13:21 schreef picodealion het volgende:
Dit kom ik net tegen in onze backend:
[ code verwijderd ]
En dat 250x herhaald onder elkaar.
Dit soort Javascript was pre-jQuery niet zo raar. Maar waarom in godsnaam 250 keer onder elkaar? Waarom niet gewoon 1 loopje die dat doet?quote:Op dinsdag 9 oktober 2012 13:21 schreef picodealion het volgende:
Dit kom ik net tegen in onze backend:
[ code verwijderd ]
En dat 250x herhaald onder elkaar.
Dit komt ongetwijfeld uit een loopquote:Op dinsdag 9 oktober 2012 14:07 schreef Tijn het volgende:
[..]
Dit soort Javascript was pre-jQuery niet zo raar. Maar waarom in godsnaam 250 keer onder elkaar? Waarom niet gewoon 1 loopje die dat doet?
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 | <!DOCTYPE html> <head> <title>HTML LEREN</title> <style type="text/css"> .fontArial { font-family: Arial; font-size: 40 px; } .fontTimes { font-family:"Times New Roman"; font-size: 40px;} .borderSolid { border-style: solid; border-color: grey; } .borderDouble { border-style: double; border-color: green; } .borderDotted {border-style:dotted;border-color:white;border width:12px;} p {font-family:"arial";font-size:17px;} p.A {font-family:"comic sans ms";font-size:40px;} body {margin: 2px;padding: 20px;background-color:red;border-style:solid;border-color:black;border width:12px;} h1 {color:black; text-align:center;} {border: 20px dotted #64FA00} </style> </head> <body> <h1> HTML AND CSS </h1> <p class="one"> Mijn naam is ... en ik ben bezig met mijn eerste HTML. </p><p><center><img src="C:\Users\appleocean\Documents\www\AppleLogo.png" alt="apple"></center></p> <p> tekst en border in 1 regel:</p> <p class="fontArial borderSolid">Lettertype Arial + solid border</p> <p class="fontTimes borderSolid">Lettertype Times New Roman + solid border</p> <p class="fontArial borderDouble">Lettertype Arial + double border</p> <p class="fontTimes borderDouble">Lettertype Times New Roman + double border</p> <p class="A"> Font Test </p> </body> </html> |
1 | <img src="plaatje.png" alt="mijn toffe plaatje" /> |
fuckquote:Op woensdag 10 oktober 2012 21:04 schreef Faux. het volgende:
Je volgt een verouderde HTML-tutorial, lijkt me. Om antwoord te geven op je vraag: ik zou het plaatje eerst uploaden naar het web (via imgur.com of zo) en daarna de src-waarde vervangen met de online link van het plaatje.
dit werkt, thanx .quote:Op woensdag 10 oktober 2012 21:05 schreef Tijn het volgende:
Zet het plaatje en je html-file in dezelfde map en gebruik daarna gewoon de bestandsnaam.
[ code verwijderd ]
ik dacht dat <!DOCTYPE html> voor HTML5 stondquote:
Probeer W3Schools, zij hebben actuele tutorials.quote:Op woensdag 10 oktober 2012 21:06 schreef AppleOcean het volgende:
[..]
fuck
http://cesarsite.com/html/bouwjesite/stap5.php
deze is het, ziet er idd vrij oud uit
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.Hier schreef tong80 het volgende:
Faux is een FOK!held, zoals dat vroeger Gellarboy en Brechtje waren. Users die je koestert.
Dat is ook zo.quote:Op woensdag 10 oktober 2012 21:08 schreef AppleOcean het volgende:
[..]
ik dacht dat <!DOCTYPE html> voor HTML5 stond
quote:Op woensdag 10 oktober 2012 21:08 schreef Faux. het volgende:
[..]
Probeer W3Schools, zij hebben actuele tutorials.klopt <center> niet meer?SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
hoorde al wel dat <i>, <u> en <b>. niet meer klopten.
volgens mij heb ik het gewoon keihard fout geleerd | Macbook pro i5 mid 2012 | The New iPad 64 GB cellular |
<center> is inderdaad verouderdquote:Op woensdag 10 oktober 2012 21:11 schreef AppleOcean het volgende:
[..]
klopt <center> niet meer?
hoorde al wel dat <i>, <u> en <b. niet meer klopten.
volgens mij heb ik het gewoon keihard fout geleerd
kut.quote:
Ik zou opnieuw beginnen.quote:Op woensdag 10 oktober 2012 21:12 schreef AppleOcean het volgende:
[..]
kut.
klopt de rest wel, of is dat ook oude meuk?
Hij gebruikt toch CSS? Het zit alleen niet in een externe file, maar dat maakt qua werking en syntax niks uit.quote:Op woensdag 10 oktober 2012 21:14 schreef VorteXxX het volgende:
qua HTML zit je (redelijk) goed alleen word nu over het algemeen CSS gebruikt voor de opmaak
ik zie het nu ook niet helemaal goed gelezenquote:Op woensdag 10 oktober 2012 21:15 schreef Tijn het volgende:
[..]
Hij gebruikt toch CSS? Het zit alleen niet in een externe file, maar dat maakt qua werking en syntax niks uit.
heb p.A toch maar even veranderd.quote:Op woensdag 10 oktober 2012 21:13 schreef Tijn het volgende:
h1, p en img zijn nog steeds gangbare elementen, ook in HTML5.
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 | <!DOCTYPE html> <head> <title>HTML LEREN</title> <style type="text/css"> .fontArial { font-family: Arial; font-size: 40 px; } .fontTimes { font-family:"Times New Roman"; font-size: 40px;} .borderSolid { border-style: solid; border-color: grey; } .borderDouble { border-style: double; border-color: green; } .borderDotted {border-style:dotted;border-color:white;border width:12px;} .fontArial {font-family:"arial";font-size:17px;} .fontComic {font-family:"comic sans ms";font-size:40px;} body {margin: 2px;padding: 20px;background-color:red;border-style:solid;border-color:black;border width:12px;} h1 {color:black; text-align:center;} {border: 20px dotted #64FA00} </style> </head> <body> <h1> HTML AND CSS </h1> <p class="one"> Mijn naam is ... en ik ben bezig met mijn eerste HTML. </p><p><center><img src="AppleLogo.png" alt="apple"></center></p> <p> tekst en border in 1 regel:</p> <p class="fontArial borderSolid">Lettertype Arial + solid border</p> <p class="fontTimes borderSolid">Lettertype Times New Roman + solid border</p> <p class="fontArial borderDouble">Lettertype Arial + double border</p> <p class="fontTimes borderDouble">Lettertype Times New Roman + double border</p> <p class="fontComic borderDouble">lettertype comic sans + double border</p> <p class="fontComic"> Font Test </p> </body> </html> |
Nee, geen inline styles gaan zitten promoten.quote:Op woensdag 10 oktober 2012 21:19 schreef Faux. het volgende:
In plaats van in de CSS de fonts te definiėren zou je ook <span style='font-family: blablabla'> kunnen doen. Is wellicht sneller
Css was toch juist goed?quote:Op woensdag 10 oktober 2012 21:19 schreef Faux. het volgende:
In plaats van in de CSS de fonts te definiėren zou je ook <span style='font-family: blablabla'> kunnen doen. Is wellicht sneller
Sorry, maar het is soms zo verleidelijkquote:Op woensdag 10 oktober 2012 21:19 schreef Tijn het volgende:
[..]
Nee, geen inline styles gaan zitten promoten.
Jup, dit is ook eigenlijk meer een trucje voor luie devvers als ondergetekendequote:
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |