anoniem Geplaatst: 5 januari 2005 Delen Geplaatst: 5 januari 2005 Beste mensen, Ik ben een websiteje aan het bouwen en ben tegen een probleem aangelopen terwijl ik hem wil optimaliseren voor verschillende schermresoluties. Aan de rechterkant van het scherm wil ik een paar afbeeldingen (GIF) onder elkaar plaatsen, van ongeveer 1/4 van de bovenkant tot helemaal onder. Nou is het zo dat als ik het bijvoorbeeld netjes heb voor 1024x768, er een grote lege ruimte onderaan ontstaat als ik hem bekijk in bijv. 1280x1024 (logisch uiteraard). Het idee wat ik had was er meer afbeeldingen bij te plaatsen dat het voor elke resolutie "vol" staat, maar dan is het de bedoeling dat in lagere resoluties, waar dus niet alle afbeeldingen te zien zijn, er niet gescrolled kan worden. Ik wil de afbeeldingen ook geen procentuele hoogte meegeven want dan worden ze lelijk uitgerekt. Ik heb al geprobeerd om het geheel in een frame zonder scroll te zetten, maar hij laat dan alleen de scrollbalken weg, maar scrollen met wieltje kan dan nog steeds... Heeft iemand een tip hoe ik dit kan doen? Quote Link naar reactie
anoniem Geplaatst: 5 januari 2005 Auteur Delen Geplaatst: 5 januari 2005 Werken met CSS: absoluut positioneren van de plaatjes. Je kunt met CSS aangeven dat het plaatje bijv. 1034px van de top staat, en 600px van links. Dan valt 'ie bij 1024x768 buiten het beeld, maar bij hogere resoluties niet. http://www.w3schools.com/css/ Quote Link naar reactie
anoniem Geplaatst: 5 januari 2005 Auteur Delen Geplaatst: 5 januari 2005 Dankje voor je reactie, maar ik weet niet of dat is wat ik bedoel... ik wil er eigenlijk dus voor zorgen dat je een pagina niet kan scrollen, ook al zitten er elementen in die buiten het veld van het venster vallen. De positionereing van de afbeeldingen op zich is het probleem niet... Quote Link naar reactie
anoniem Geplaatst: 5 januari 2005 Auteur Delen Geplaatst: 5 januari 2005 Gebruik hiervoor[code:1:c53a5ab287]overflow:hidden;[/code:1:c53a5ab287] Quote Link naar reactie
anoniem Geplaatst: 5 januari 2005 Auteur Delen Geplaatst: 5 januari 2005 Dank, dank... ik heb de oplossing gevonden (en zoals altijd is het zo verrekte simpel dat ik me schaam dat ik er niet zelf op con komen)... Gewoon een kwestie van [code:1:1f874237ca]scrolling="fixed"[/code:1:1f874237ca] in de body zetten... Quote Link naar reactie
anoniem Geplaatst: 6 januari 2005 Auteur Delen Geplaatst: 6 januari 2005 OK ik ben er weer... het blijkt toch niet te werken :oops: althans op mijn werk niet... met het muiswieltje kan ik toch nog scrollen. @lorem ipsum: die tip die je geeft, waar moet ik die neerzetten? In de body, of in het aanroepen van de image? Quote Link naar reactie
anoniem Geplaatst: 6 januari 2005 Auteur Delen Geplaatst: 6 januari 2005 Omdat je aangaf dat het positioneren geen probleem was ging ik er vanuit dat je css gebruikt. "overflow" is dus een CSS-property. Die kun je op drie manieren toekennen: via een extern CSS-bestand, een CSS-regel in de head-sectie of inline. De laatste doe je zo:[code:1:45d901cdd3]<html style="overflow:hidden">[/code:1:45d901cdd3] Voor de andere opties raad ik je aan een tutorial op te zoeken. Overigens blijft scrollen met "overflow:hidden" ook mogelijk (met je muiswiel). Vergeet niet dat een heleboel mensen hun scherm niet volledig gemaximaliseerd gebruiken. Quote Link naar reactie
anoniem Geplaatst: 6 januari 2005 Auteur Delen Geplaatst: 6 januari 2005 Nee sorry, geen CSS... het alignen van die verticale banner gebeurt gewoon rechts van het venster (DIV), beginnende onder het logo dat rechts bovenaan staat. De "gewone" tekst staat in een iframe wat links is uitgelijnd en tot aan de linker-edge van de banner rechts loopt. Zodoende is het uitlijnen geen probleem gebleken, al is het geen CSS dus (ja ik weet dat dat niet de mooiste oplossing is maar ik heb nou even niets anders :oops: :oops: )... Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen