DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
het front-end maakt dan niet uit.. dan moet de data goed opgeslagen worden... (en gedocumenteerd worden hoe deze opslag inelkaar steekt..quote:Op zondag 31 juli 2011 00:30 schreef Tijn het volgende:
[..]
Omdat het om gegevens gaat die niet alleen nu beschikbaar moeten zijn, maar waarvan ook gegarandeerd moet worden dat ze in de toekomst beschikbaar zijn.
Wat zeg je dan tegen de gebruikers die in de toekomst bij de data moeten die nu alleen beschikbaar zijn via een IE6-only applicatie? Dat alle data beschikbaar is en dat ze alleen maar even een nieuwe frontend hoeven te schrijven?quote:Op zondag 31 juli 2011 00:43 schreef mschol het volgende:
[..]
het front-end maakt dan niet uit.. dan moet de data goed opgeslagen worden... (en gedocumenteerd worden hoe deze opslag inelkaar steekt..
nee, je levert een werkende machine op met IE6, simpel as that..quote:Op zondag 31 juli 2011 00:45 schreef Tijn het volgende:
[..]
Wat zeg je dan tegen de gebruikers die in de toekomst bij de data moeten die nu alleen beschikbaar zijn via een IE6-only applicatie? Dat alle data beschikbaar is en dat ze alleen maar even een nieuwe frontend hoeven te schrijven?
Ah, je levert als webdeveloper ook hardware tegenwoordig?quote:
[..]
nee, je levert een werkende machine op met IE6, simpel as that..
Maar dan nog: het gaat om de toekomst, he. Support voor XP loopt al op z'n eind en MS is zelf IE6 ook liever kwijt dan rijk. Dus hoe ga je over pak-em-beet 10 jaar een systeem versieren waar nog IE6 op draait? En belangrijker: vind je dat echt een betere oplossing dan nu zorgen dat je IE6-applicatie langzamerhand ook toegankelijk wordt gemaakt voor andere browsers zodat je in de toekomst zulke kunstgrepen niet uit hoeft te halen?
Sowieso is een browser-specifieke webapplicatie natuurlijk te belachelijk voor woorden. Veel haakser op het concept van het web kun je niet staan. Als je toch alleen maar een enkele browser ondersteunt, ontwikkel dan liever helemaal geen webapplicatie en lever gewoon een native app aan. Dan verwacht ten minste ook niemand dat het cross platform is.
Zo lang niet meer voor IE ontwikkeld dat ik totaal ben vergeten wat de trucs ook alweer waren
“Specialization is for insects”.—Robert Heinlein
http://webwereld.nl/nieuw(...)ernet-explorer-.htmlquote:Op zaterdag 30 juli 2011 23:41 schreef Tijn het volgende:
Je zou zeggen dat juist IE6 blijven gebruiken gevaarlijk is. Maar goed, dat is mijn mening
Ik gebruik overigens Opera
Even een relatief simpel html/css-vraagje, maar ik krijg het niet voor elkaar:
Ik heb een <DIV> waarbinnen de inhoud van mijn pagina komt. Nu wil ik op een vaste positie rechts een blokje plaatsen, bij voorkeur ook een DIV.
Echter, de tekst gaat dwars door mijn DIV heen, en wordt er niet omheen geplaatst.
Heeft iemand een idee hoe ik dat voor elkaar krijg?
Hieronder de vereenvoudigde code (CSS heb ik er hier rechtstreeks in opgenomen).
Ik heb een <DIV> waarbinnen de inhoud van mijn pagina komt. Nu wil ik op een vaste positie rechts een blokje plaatsen, bij voorkeur ook een DIV.
Echter, de tekst gaat dwars door mijn DIV heen, en wordt er niet omheen geplaatst.
Heeft iemand een idee hoe ik dat voor elkaar krijg?
Hieronder de vereenvoudigde code (CSS heb ik er hier rechtstreeks in opgenomen).
| 1 2 3 4 5 6 7 8 9 10 11 12 | <DIV style="width:400px; position: relative; border:1px solid;"> test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test <div style="width:100px;height:100px;top:50px;right:0px; position: absolute; border:2px solid;display:inline;"></div> </div> |
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Als je dingen absoluut positioneert gaat de tekst er niet om heen nee, daarvoor moet je gebruik maken van floats.
Nee.
Wat bedoel je nu, wat wil je precies en welke code heb je al???quote:
css, heb mn naam rood, nu wil ik nog graag een tag
Tnx PimD, float:right icm margin-top is wat ik zocht.
DIV's kunnen je zo frustreren als ze niet precies doen wat je verwacht.
DIV's kunnen je zo frustreren als ze niet precies doen wat je verwacht.
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
In plaats van teksten als "test test test test test" kun je trouwens beter Lorem Ipsum gebruiken. Dat ziet er veel meer uit als echte tekst en is dus beter testmateriaal.
Ja dat klopt, maar het was meer ter illustratie van wat het probleem was. Op de website waar het om gaat, staat al inhoudelijke tekst.quote:
In plaats van teksten als "test test test test test" kun je trouwens beter Lorem Ipsum gebruiken. Dat ziet er veel meer uit als echte tekst en is dus beter testmateriaal.
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Nu was ik een simpele website aan het aanpassen in het CMS en heb ik iets verneukt. Er stond een simpele tekst met daaronder een hyperlink. Zodra je daarop klikte klapte eronder een stuk tekst uit.
Ik had het stuk tekst aangepast maar nu als ik die pagina bezoek staat alles reeds uitgeklapt. Hoe kan ik ervoor zorgen dat ie initieel weer verborgen is.
Ik had het stuk tekst aangepast maar nu als ik die pagina bezoek staat alles reeds uitgeklapt. Hoe kan ik ervoor zorgen dat ie initieel weer verborgen is.
Misschien een beetje brede vraag, maar weet anders ook niet of wat ik er anders achter ga komen.
Wat kunnen redenen zijn dat wanneer ik een CSS gebruik, hij wel bepaalde aspecten overneemt maar niet alles en dit alleen bij bepaalde tpl's?
Het zit zo. Ik ben bezig met een applicatie waar ik nu een CSS voor heb gemaakt.
Sommige pagina's pakt hij perfect, dus mooie achtergrond, goede lettertype en grootte enzo. Maar andere pagina's heeft hij wel de actergrond, maar zijn de letters enorm vergroot.
Als ik dan kijk met F12 in Explore dan herkent ie wel de lettertype en grootte die de CSS hem geeft.
Heb gekeken of alle heads/body's/tables goed worden afgesloten en dat is in het betreffende geval gebeurd.
Iemand enig idee waar ik het misschien anders in kan zoeken?
edit: heb even gekeken in google chrome. daarin doet hij 1 verkeerde pagina wel goed. Maar enkele andere verkeerde ook verkeerd.
[ Bericht 7% gewijzigd door Cue_ op 10-08-2011 13:57:05 ]
Wat kunnen redenen zijn dat wanneer ik een CSS gebruik, hij wel bepaalde aspecten overneemt maar niet alles en dit alleen bij bepaalde tpl's?
Het zit zo. Ik ben bezig met een applicatie waar ik nu een CSS voor heb gemaakt.
Sommige pagina's pakt hij perfect, dus mooie achtergrond, goede lettertype en grootte enzo. Maar andere pagina's heeft hij wel de actergrond, maar zijn de letters enorm vergroot.
Als ik dan kijk met F12 in Explore dan herkent ie wel de lettertype en grootte die de CSS hem geeft.
Heb gekeken of alle heads/body's/tables goed worden afgesloten en dat is in het betreffende geval gebeurd.
Iemand enig idee waar ik het misschien anders in kan zoeken?
edit: heb even gekeken in google chrome. daarin doet hij 1 verkeerde pagina wel goed. Maar enkele andere verkeerde ook verkeerd.
[ Bericht 7% gewijzigd door Cue_ op 10-08-2011 13:57:05 ]
eerst alle pagina's hard refreshen (ctrl+F5).
Dan kijken of je meerdere stylesheets hebt of inline style met hogere specificity.
Dan kijken of je meerdere stylesheets hebt of inline style met hogere specificity.
Explore helemaal herstart, ook hard refreshes helpen niet.quote:
eerst alle pagina's hard refreshen (ctrl+F5).
Dan kijken of je meerdere stylesheets hebt of inline style met hogere specificity.
Verder gebruik ik geen inline styles (ja wel beetje, maar heeft te maken met kolombreedtes, en die ziet hij ook wel gewoon)
Al ik in het F12 menu de CSS uitschakel, veranderd hij wel. Dus hij ziet opzich wel de koppeling met de CSS. Alleen niet zoals aangegeven
[ Bericht 12% gewijzigd door Cue_ op 10-08-2011 14:39:14 ]
Blijkbaar heb je gewoon een andere stijl ergens gedefinieerd met hogere specificiteit dus.quote:
Hmm.. als ik een aparte class maak voor de <td> en <tr> van de tabel. dan doet hij het wel goed
ik heb een foto-pagina gemaakt voor mn site
het vervelende is dat er staande en liggende foto's zijn gemaakt, een erg rommelige opmaak krijg ik dan dus.
Ik had 2 oplossingen gezien:
1) Uit alle foto's een vierkant nemen, dus niet schalen maar een stuk afknippen van zijkant of bovenkant zodat alle foto's gelijk van grote zijn. Dit lijkt me het mooiste maar ik wil niet alle foto's gaan bewerken. Kan dit met een css of php trucje..
Dit heeft mijn voorkeur maar ik denk dat het lastig is..dus
2) Om elke foto een vierkantje zetten met de breedte van een ligggende foto en de hoogte van een staande foto.
Hoe ga ik dat aanpakken? Iemand suggesties?
het vervelende is dat er staande en liggende foto's zijn gemaakt, een erg rommelige opmaak krijg ik dan dus.
Ik had 2 oplossingen gezien:
1) Uit alle foto's een vierkant nemen, dus niet schalen maar een stuk afknippen van zijkant of bovenkant zodat alle foto's gelijk van grote zijn. Dit lijkt me het mooiste maar ik wil niet alle foto's gaan bewerken. Kan dit met een css of php trucje..
Dit heeft mijn voorkeur maar ik denk dat het lastig is..dus
2) Om elke foto een vierkantje zetten met de breedte van een ligggende foto en de hoogte van een staande foto.
Hoe ga ik dat aanpakken? Iemand suggesties?
zoiets had ik ook al bedachtquote:
Ik zou voor optie twee gaan. En dan wel 'onzichtbaar' vierkant tov de achtergrond.
hoe kan ik dat slim aanpakken? want ik wil niet aan elke foto apart een class oid gaan hangen. Niet erg voor 1x maar niet als ik redelijk foto's ga uploaden.
Sowieso iemand een goed voorbeeld van een goede opmaak+script voor een slideshow fotopagina?
Ik heb nu een overzichtspagina, met thumbs, als je daarop klikt krijg je een grotere foto die je door kan klikken naar de volgende foto
ik ben nu een beetje aan het pielen maar volgens mij kan niet wat ik wil 
is het mogelijk om de border of vierkantje om een staande EN liggende foto evengroot te krijgen.
een border voegt een rand toe aan de foto
ik heb ze maar geschaalt...niet zo mooi..maar wel snel resultaat
nog een vraag
ik ben op zoek naar een icoon voor een mapje foto's
op een android telefoon zag ik een icoon wat zogenaamd een stapeltje foto's was
waarbij de eerste foto in het mapje, de bovenste van de stapel is
kent iemand zo'n icoon??
zelf maken kan altijd nog..maar als het al bestaat das natuurlijk makkelijker
[ Bericht 44% gewijzigd door MrNiles op 11-08-2011 13:32:09 ]
is het mogelijk om de border of vierkantje om een staande EN liggende foto evengroot te krijgen.
een border voegt een rand toe aan de foto
ik heb ze maar geschaalt...niet zo mooi..maar wel snel resultaat
nog een vraag
ik ben op zoek naar een icoon voor een mapje foto's
op een android telefoon zag ik een icoon wat zogenaamd een stapeltje foto's was
waarbij de eerste foto in het mapje, de bovenste van de stapel is
kent iemand zo'n icoon??
zelf maken kan altijd nog..maar als het al bestaat das natuurlijk makkelijker
[ Bericht 44% gewijzigd door MrNiles op 11-08-2011 13:32:09 ]
http://www.iconarchive.com/ is misschien wat voor jou.quote:
ik ben op zoek naar een icoon voor een mapje foto's
op een android telefoon zag ik een icoon wat zogenaamd een stapeltje foto's was
waarbij de eerste foto in het mapje, de bovenste van de stapel is
kent iemand zo'n icoon??
zelf maken kan altijd nog..maar als het al bestaat das natuurlijk makkelijker
Wat zijn je opties als je voor bepaalder koppen en navigatie een font wilt gebruiken wat geen webfont is? Uiteraard kan ik het slicen uit photoshop, maar is er een standaard methode om de gebruiker toch de tekst te laten zien in de font die je wilt gebruiken? Dat is veel fijner als je nieuwe content wilt maken namelijk.
@font-facequote:
Wat zijn je opties als je voor bepaalder koppen en navigatie een font wilt gebruiken wat geen webfont is? Uiteraard kan ik het slicen uit photoshop, maar is er een standaard methode om de gebruiker toch de tekst te laten zien in de font die je wilt gebruiken? Dat is veel fijner als je nieuwe content wilt maken namelijk.
kun je alle lettertypes gebruiken
lettertype zet je bij je css files
Fijn ga ik me even in verdiepen, mijn dank is groot.quote:
[..]
@font-face
kun je alle lettertypes gebruiken
lettertype zet je bij je css files
tis heel simpelquote:
[..]
Fijn ga ik me even in verdiepen, mijn dank is groot.
je zit zoiets in je css
@font-face {
font-family: Eroded;
src: url('28days.ttf');
}
en in je class/div van je waar je je lettertype wilt hebben zet je iets van
font-family: Eroded
je moet het lettertype wel uitgepakt op je server hebben staan
Zo simpel als MrNiles het schetst is het niet. (Bijna) iedere browser verwacht een ander font: voor IE6 e.d. heb je een EOT-file nodig etc. Ik zou gewoon gebruik maken van www.fontsquirrel.com - dat werkt over het algemeen verdomd goed, hoewel je natuurlijk gauw tegen problemen met licenties aan kunt lopen.
[ Bericht 10% gewijzigd door PimD op 11-08-2011 17:52:35 ]
[ Bericht 10% gewijzigd door PimD op 11-08-2011 17:52:35 ]
Nee.
hmm..quote:
Zo simpel als MrNiles het schetst is het niet. (Bijna) iedere browser verwacht een ander font: voor IE6 e.d. heb je een EOT-file nodig etc. Ik zou gewoon gebruik maken van www.fontsquirrel.com - dat werkt over het algemeen verdomd goed.
Ik was ook al aan het stoeien want ik had een .otf bestand bij mijn font en Chrome kon de pagina niet weergeven. Ik dacht dat ik het misschien verkeerd gecodeerd had of dat ik een .ttf moest vinden maar dat lukt me nog niet.
En op fontsquirrel is mijn font ook niet te vinden. Hé vervelend, maar ik ga die site wel even doorbladeren, misschien is er een vergelijkbaar font.
Google heeft een vrij chille fontservice, je selecteert bij hen de fonts die je wilt gebruiken. Krijgt een @-import regel die je aan het begin van je css-bestand zet en je hoeft alleen nog de naam tussen quotaties te zetten.
http://www.google.com/webfonts
http://www.google.com/webfonts
“Specialization is for insects”.—Robert Heinlein
Dit werkt in elk geval erg gemakkelijk, niet precies het juiste font gevonden maar dan maar even genoegen nemen met iets minder. Wel heel fijn, niks installeren en maar 1 regel in de header en klaar! Super tip. Ga ik straks nog even die andere opties bekijken want enige nadeel is dat je vast zit aan de fonts van google, wel 200+ stuks weliswaar maar toch..quote:Op donderdag 11 augustus 2011 18:02 schreef n8n het volgende:
Google heeft een vrij chille fontservice, je selecteert bij hen de fonts die je wilt gebruiken. Krijgt een @-import regel die je aan het begin van je css-bestand zet en je hoeft alleen nog de naam tussen quotaties te zetten.
http://www.google.com/webfonts
http://shiftingpixel.com/2008/03/03/smart-image-resizer/quote:
[..]
zoiets had ik ook al bedacht
hoe kan ik dat slim aanpakken? want ik wil niet aan elke foto apart een class oid gaan hangen. Niet erg voor 1x maar niet als ik redelijk foto's ga uploaden.
Sowieso iemand een goed voorbeeld van een goede opmaak+script voor een slideshow fotopagina?
Ik heb nu een overzichtspagina, met thumbs, als je daarop klikt krijg je een grotere foto die je door kan klikken naar de volgende foto
combineer met lightbox ofzo et voilla.
Is wel een nadeel inderdaad, ze moeten het hebben van de licentievrije fonts, worden er vast gestaag meerquote:
[..]
Dit werkt in elk geval erg gemakkelijk, niet precies het juiste font gevonden maar dan maar even genoegen nemen met iets minder. Wel heel fijn, niks installeren en maar 1 regel in de header en klaar! Super tip. Ga ik straks nog even die andere opties bekijken want enige nadeel is dat je vast zit aan de fonts van google, wel 200+ stuks weliswaar maar toch..
“Specialization is for insects”.—Robert Heinlein
ow, ik dacht dat dit css3 common was, crossbrowser enzoquote:
Zo simpel als MrNiles het schetst is het niet. (Bijna) iedere browser verwacht een ander font: voor IE6 e.d. heb je een EOT-file nodig etc. Ik zou gewoon gebruik maken van www.fontsquirrel.com - dat werkt over het algemeen verdomd goed, hoewel je natuurlijk gauw tegen problemen met licenties aan kunt lopen.
maar tis maar wat ik lees op andere pagina's
deze geeft wel veel info erover
http://randsco.com/index.php/2009/07/04/p680
Een onwijze noob vraag, maar ik moet hem toch stellen ;-)
Ik heb een output van een java script. Is het mogelijk om op basis van de output een style toe te wijzen?
Ik heb een output van een java script. Is het mogelijk om op basis van de output een style toe te wijzen?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | { sitePreset: 'site-dashboard', shortName: 'test', title: 'test', description: 'Dit is een test', isFavourite: true, isSiteManager: true }, |
Inorbit: zeg dat dan typluie triangeljosti
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
Zoiets?
Wellicht moet je nog wel even filteren maar het werkt prima.
Functie kan je natuurlijk overal vandaan aanroepen.
Edit; wel jquery als dat geen probleem is.
| 1 2 3 4 5 | <a href='#' onclick='functietje("test");'>Verander stijl</a><br> function functietje(e) { $('link').attr('href',e+'.css'); } |
Functie kan je natuurlijk overal vandaan aanroepen.
Edit; wel jquery als dat geen probleem is.
ik denk dat ik iets vollediger moet zijn ;-)quote:Op maandag 22 augustus 2011 15:08 schreef DaFan het volgende:
Zoiets?
[ code verwijderd ]
Wellicht moet je nog wel even filteren maar het werkt prima.
Functie kan je natuurlijk overal vandaan aanroepen.
Edit; wel jquery als dat geen probleem is.
dit is het stuk script:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <script type="text/javascript">//<![CDATA[ new Alfresco.dashlet.MySites("${args.htmlid}").setOptions( { imapEnabled: ${imapServerEnabled?string}, sites: [ <#if sites??> <#list sites as site> { sitePreset: '${site.sitePreset?js_string}', shortName: '${site.shortName?js_string}', title: '${site.title?js_string}', description: '${site.description?js_string}', isFavourite: ${site.isFavourite?string}, <#if imapServerEnabled>isIMAPFavourite: ${site.isIMAPFavourite?string},</#if> isSiteManager: ${site.isSiteManager?string} }<#if (site_has_next)>,</#if> </#list> </#if> |
dus de uitvoer in de browser is
| 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 | <div id="page_x002e_component-1-2_x002e_user_x007e_admin_x007e_dashboard"> <script type="text/javascript">//<![CDATA[ new Alfresco.dashlet.MySites("page_x002e_component-1-2_x002e_user_x007e_admin_x007e_dashboard").setOptions( { imapEnabled: false, sites: [ { sitePreset: 'site-dashboard', shortName: 'test', title: 'test', description: '', isFavourite: true, isSiteManager: true }, { sitePreset: 'site-dashboard', shortName: 'test2', title: 'test2', description: '', isFavourite: true, isSiteManager: true } |
en wil ik op basis van de 'title' een css style definiėren. dus voor title x (test1) een background image (test1.png)
voor test2 -> test2.png enz.
Ik besef me dat ik zodra ik een nieuwe site aanmaak ik ook de css moet updates met een nieuwe class voor de desbetreffende title, maar het aantal opties zijn beperkt, dus dat heb ik er wel voor over ;-)
zou dat mogelijk zijn?
en e.e.a. is gelinkt met my-sites.css
Inorbit: zeg dat dan typluie triangeljosti
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
tuurlijk kun je gewoon met [title=test1] {background-image:url('test1.png'); werken, maar de vraag is of je dan niet de title-tag aan het misbruiken bent,.. Waarom niet gewoon een classname toevoegen?
ik zou wel willen, maar weet niet waar ik dat moet doen, in het stukje javescript?quote:
tuurlijk kun je gewoon met [title=test1] {background-image:url('test1.png'); werken, maar de vraag is of je dan niet de title-tag aan het misbruiken bent,.. Waarom niet gewoon een classname toevoegen?
Inorbit: zeg dat dan typluie triangeljosti
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
Beauregard: Een beetje FOK!ker laat het brood door z'n moeder smeren.
Ecosia
ek's 'n flash drive, jy's 'n floppy
...lees de documentatie?quote:
[..]
ik zou wel willen, maar weet niet waar ik dat moet doen, in het stukje javescript?
Het is duidelijk een soortement library/plugin waar dit stukje code gebruik van maakt.
Ugh okay, eerst content dan. Ik wilde gewoon even weten of ik hier de logische namen had gekozen.
Misschien even geduldig wachten op mijn boeken.
[ Bericht 97% gewijzigd door TheSeeker_NL op 25-08-2011 12:23:46 ]
Misschien even geduldig wachten op mijn boeken.
[ Bericht 97% gewijzigd door TheSeeker_NL op 25-08-2011 12:23:46 ]
