Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Hoe krijg ik de balk (Faux Columns) in alle resoluties juist

11 antwoorden
  • Hoi, Volgens het principe van Faux Columns heb ik ervoor gezorgd dat het navigatie-menu aan de rechterzijde van het scherm en de content aan de linkerzijde gelijk door naar onderen loopt. Het werkt opzich goed. Alleen is er een probleem met de verschillende resoluties. Maak ik een balk (image) voor een resolutie van bv 1024X768, dan klopt deze weer niet met 1280X1024. Die balk (image) moet dus in alle gevallen 'meerekken'. Hoe krijg ik dat voor elkaar? M.vr.gr., Dalertje
  • Je moet ten eerste eens nadenken over hoe je je deisign 'vloeibaar' maakt. Ten tweede mag je jezelf eens wat duidelijker uitdrukken.
  • Hoi, Het is allemaal prima, maar als je commentaar geeft Phrea, wees jij dan ook iets duidelijker. Maar het klopt wel dat mijn verhaal niet duidelijk genoeg was, daarom zal ik mijn verhaal nu beter proberen uit te leggen. Volgens de Faux Columns methode maak je een image met de breedte van de site en een aantal pixels hoog. Deze balk (image) wordt als background ingesteld en steeds herhaald. Hierdoor worden onderaan het scherm het gedeelte van het navigatie-menu en de content 'gelijk getrokken' (is dat het duidelijk wat ik ermee bedoel?). Dat image maak je op een bepaalde grootte, maar als ik het juist maak voor 1024X768 is het image niet juist voor een grootte voor bijvoorbeeld 1280X1024. Ik geef je even een test url. Let wel, alleen de startpagina klopt wat betreft mijn bedoeling van het verhaal. Let dus verder niet op de opmaak e.d.. Het gaat alleen om het navigatie-menu rechts. [url]http://test.mscentrumnijmegen.nl[/url] Oh ja, de vraag geldt natuurlijk voor iedereen. M.vr.gr., Dalertje
  • Je moet je Faux Columns ‘liquid’ maken. Dat is wat er wordt bedoeld. Zie hier: http://www.communitymx.com/content/article.cfm?page=1&cid=AFC58 Ik neem aan dat Product Plus verantwoordelijk is voor de huisstijl van jullie centrum, niet voor het ‘grafisch ontwerp’ van deze site. Kan me niet voorstellen... :o
  • [quote:8049cc6886="Ali Jas"] Ik neem aan dat Product Plus verantwoordelijk is voor de huisstijl van jullie centrum, niet voor het ‘grafisch ontwerp’ van deze site. Kan me niet voorstellen... :o[/quote:8049cc6886] Voor zo'n website, vind ik het slordig... erg slordig.
  • Hoi, Die link van Ali Jas kan ik misschien wat mee. Voor wat betreft het commentaar. Voor kritieken sta ik open, maar kom dan met een gefundeerd commentaar en val PP en mij niet aan, terwijl de site nog helemaal 'open' ligt en alles nog volledig door elkaar ligt. Heb jij toevallig ook nog een idee Boulieboulie? M.vr.gr., Dalertje
  • [quote:c7f886b3dc="dalertje"]Hoi, Die link van Ali Jas kan ik misschien wat mee. Voor wat betreft het commentaar. Voor kritieken sta ik open, maar kom dan met een gefundeerd commentaar en val PP en mij niet aan, terwijl de site nog helemaal 'open' ligt en alles nog volledig door elkaar ligt. Heb jij toevallig ook nog een idee Boulieboulie? M.vr.gr., Dalertje[/quote:c7f886b3dc] Als ik kijk op www.mscentrumnijmegen.nl, dus niet de test URL, zie ik dat de navigatie bijvoorbeeld zo krom als een hoepel is (1680x1050). De hele opzet van de pagina's rammelt aan alle kanten.
  • Hoi, Dat is nu precies het punt. Op de (nog) veruit meest gebruikte resolutie binnen onze doelgroep 1024X768 'rammelt' ie totaal niet. Op de test/probeer-site ben ik net begonnen het geheel totaal anders aan het opzetten. Vandaar mijn vraag. Ja en dan krijg ik wel het antwoord om eens te denken hoe ik de site 'vloeibaar' of in het engels 'liquid' krijg, maar daar kan ik heel weinig mee. Dat geldt ook voor een opmerking als 'slordig, erg slordig'. Snap je? Ik kan wel de site in tabellen opmaken, maar dat lijkt me ook niet de bedoeling. M.vr.gr., Dalertje
  • Je wil een fluid layout, maar het menu is van een vaste breedte. Eigenlijk is dus alleen het witte gedeelte variabel. Dan kun je niet met percentages werken, maar dan gebruik je een truc met margins, door het witte gedeelte net zo ver naar links buiten het scherm te trekken als dat er rechts voor de kolom nodig is. De inhoud van het linkergedeelte zou dan gedeeltelijk buiten het scherm vallen, dus dan zet je de inhoud weer met margins even ver weer terug. Een betere, visuele uitleg: www.tjkdesign.com/articles/3cols.asp [url=http://home.versatel.nl/boelie-boelie/test/fluid-layout-met-100-procent-hoogte/]Mijn versie[/url], gebaseerd op bovenstaande link.
  • Hoi, Op het moment ben ik er mee bezig Boelieboelie. Heel verhelderend en leerzaam. Dank je alvast. M.vr.gr., Dalertje
  • [quote:1c005a2c96="dalertje"]Hoi, Dat is nu precies het punt. Op de (nog) veruit meest gebruikte resolutie binnen onze doelgroep 1024X768 'rammelt' ie totaal niet. Op de test/probeer-site ben ik net begonnen het geheel totaal anders aan het opzetten. Vandaar mijn vraag. Ja en dan krijg ik wel het antwoord om eens te denken hoe ik de site 'vloeibaar' of in het engels 'liquid' krijg, maar daar kan ik heel weinig mee. Dat geldt ook voor een opmerking als 'slordig, erg slordig'. Snap je? Ik kan wel de site in tabellen opmaken, maar dat lijkt me ook niet de bedoeling. M.vr.gr., Dalertje[/quote:1c005a2c96] Ik vind persoonlijk dat je er niet zomaar vanuit kunt gaan dat bijna iedereen 1024 draait. 1024 als minimum stellen vind ik dan nog wel oke, dan maar een horizontale scrollbalk onderin, maar daarboven moet een website er gewoon goed uit blijven zien. Dit is de tijd van 17" en grotere LCD's, al dan niet breedbeeld. Die draaien allemaal hogere resoluties dan 1024. Het is een paar minuten werk om die website zo aan te passen dat ie er wel prima uitziet op hedendaagse schermen.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.