plaatjes

[DirkQ]

Ik heb het zelfde met een 1-pagina site in HTML http://leoschuil.nulnegen.nl ik zou heel graag dat die achtergrond pagina vullend wordt , dat die zich aanpast aan de resolutie in plaats van zichzelf door te tegelen.. Als je het ziet begrijp je wel wat ik bedoel..
Als de resolutie groter is dan 1024X768 komen er zijstukken in van een effen kleur , dat vind ik beter dan dat doortegelen van de achtergrond foto

Kan dat gewoon in HTML dat je achtergrond foto zich aan de scherm resolutie aanpast ?
Misschien met een javascript ?

Ik denk dat dit een interessante vraag is waar niet alleen Fansmans en ik mee zitten ..

 

[Goeroeboeroe]

Hallo DirkQ,
De ervaring heeft geleerd dat ogenschijnllijk dezelfde problemen vaak een totaal andere oorzaak hebben, zeker bij achtergrond-afbeeldingen.
Als de oorspronkelijke vraagsteller hier terugkomt met z'n code en csshunter gaat die beantwoorden en ik de jouwe, dan begrijpt niemand er meer iets van.
Je kunt beter even 'n nieuw onderwerp aanmaken voor jouw vraag, dan houden we code en zo gescheiden.

 

[DirkQ]

Hallo DirkQ,
De ervaring heeft geleerd dat ogenschijnllijk dezelfde problemen vaak een totaal andere oorzaak hebben, zeker bij achtergrond-afbeeldingen.
Als de oorspronkelijke vraagsteller hier terugkomt met z'n code en csshunter gaat die beantwoorden en ik de jouwe, dan begrijpt niemand er meer iets van.
Je kunt beter even 'n nieuw onderwerp aanmaken voor jouw vraag, dan houden we code en zo gescheiden.

Als ik het zo bekijk gaat het precies over het zelfde, kun je een achtergrond foto van de pagina variabel in grootte maken , ik sluit mij alleen bij de vraagsteller aan ik ben er van overtuigd dat Fransmans geholpen zal zijn met hetzelfde antwoord..

 

[puppie]

Dirkq,
Ik heb van jouw vraag een eigen vraag gemaakt.
Het inbreken in een ander zijn vraag is niet netjes en niet gewenst bij ons.
Denk daar in het vervolg even aan.

 

[Naarling]

Misschien dat dat inderdaad kan met javascript maar het wordt nooit mooi, het plaatjes gaat er op grote monitoren dan lelijk en langgerekt uitzien. Als een effen kleur als achtergrond je niet bevalt kun je ook een gradient of een zich herhalend patroon gebruiken.

 

[DirkQ]

Misschien dat dat inderdaad kan met javascript maar het wordt nooit mooi, het plaatjes gaat er op grote monitoren dan lelijk en langgerekt uitzien. Als een effen kleur als achtergrond je niet bevalt kun je ook een gradient of een zich herhalend patroon gebruiken.

Er is een vraag onder mijn eigen naam gemaakt zoals je hier boven kunt lezen , geen idee waar ie is maar misschien kunnen we daar naar uitwijken voor iemand me doodschiet

 

[puppie]

Dit is je eigen vraag al.:d

 

[DirkQ]

Er is een vraag onder mijn eigen naam gemaakt zoals je hier boven kunt lezen , geen idee waar ie is maar misschien kunnen we daar naar uitwijken voor iemand me doodschiet

Blooooooooooossssss

 

[DirkQ]

Misschien dat dat inderdaad kan met javascript maar het wordt nooit mooi, het plaatjes gaat er op grote monitoren dan lelijk en langgerekt uitzien.

Heb je die pagina gezien ? http://leoschuil.nulnegen.nl ik heb daar het verhuis verhaaltje van een bekende 72 jarige Friese motorsloper in een tabel geplaatst met als achtergrond foto de gang naar zijn kantoor en loods..
Die tabel staat weer in een andere tabel met weer het zelfde plaatje van die gang, alleen groter en dat geeft een leuk effect , een uitgerekte pagina achtergrond foto van weer die zelfde gang zou in mijn geval een spectaculair effect geven , als een soort tijdreis en die lege vlakken er naast zijn dan weg ..
Ik vind het leuk om met deze visuele grapjes te stoeien en heb alles geprobeerd om dit zo te krijgen als ik graag zou willen maar wat ik ook probeerde alles bleef veranderen bij andere resoluties..
Het zal niet in elke pagina mooi zijn meer het zou wel nieuwe mogelijkheden kunnen openen

Als een effen kleur als achtergrond je niet bevalt kun je ook een gradient of een zich herhalend patroon gebruiken.

In een boel gevallen zou dit ook wel een oplossing zijn maar ik wil deze ene pagina dat beetje meer mee geven dan het gebruikelijke en ik denk wel dat je nu begrijpt wat ik bedoel

 

[Naarling]

Eigenlijk heb door het hele gezanik over de stijl van antwoorden weinig zin meer om hiermee verder te gaan maar ik was toch even nieuwschierig wat er mogelijk was zonder javascript.

Heb je die pagina gezien ?

zeker

Die tabel staat weer in een andere tabel met weer het zelfde plaatje van die gang, alleen groter en dat geeft een leuk effect , een uitgerekte pagina achtergrond foto van weer die zelfde gang zou in mijn geval een spectaculair effect geven , als een soort tijdreis en die lege vlakken er naast zijn dan weg ..

Jij noemt het spectaculair, ik noem het lelijk en chaotisch, maar goed, dat is mijn mening.
Wat je kunt doen is het volgende, zet bovenin <body>

<img id="achtergrond" alt="dit is de achtergrondafbeelding" src="poort.jpg" />

Zet dan in de CSS

#achtergrond{
  position:absolute;
  z-index:-100;
  width:100%;
}

Ik heb het niet uitgebreid getest maar het lijkt te werken.

 

[DirkQ]

Ik heb geen CSS IK heb geen flauw idee hoe dat werkt , ik weet veel van computer hardware problemen en sommige hardnekkige windows problemen en ik pruts webpagina's in elkaar met frontpage omdat ik geen html kan schrijven en er ook onvoldoende van weet..
Ik zou het wel graag willen leren maar kan er niks begrijpelijks en stap voor stap leesbaars over vinden ..
Maar ik moet er nu echt wel eens mee bezig heb ik wel in de gaten ..
Ik heb je antwoord opgeslagen en ga het zeker eens proberen als ik weet hoe ik css moet toepassen

Ik dank je heel hartelijk voor je antwoord, helaas ga ik helpmij.nl verlaten
Ik heb me door deze vraag heel wat op de hals gehaald en denk dat ik hier niet meer welkom ben ..
Kijk maar eens in het topic "de manier van antwoorden" in "members chat"

Het ga je goed , jij bent de enige die ECHT een antwoord hebt gegeven op mijn vraag

 

[Black Sails]

Je plan om die afbeeldingen aan te passen aan de schermgrote kan ik je afraden. Op dit moment gebruik jij twee afbeeldingen, één als achtergrond voor het geheel (poort.jpg) en één als achtergrond van de tabel (achtergrond.jpg).
Dus wanneer je poort.jpg met de schermgrote mee laat schalen gaat achtergrond.jpg niet meer en sluiten ze dus niet meer op elkaar aan. Zeker bij een hoge resolutie breedbeeldscherm kun je dan rare afbeeldingen krijgen en is je beoogde effect helemaal weg.
Je kunt het maar beter zo laten..


O ja en voor de toekomst:
Wanneer je graag met een visuele editor werkt is het misschien een goed idee om frontpage te verruilen voor bijvoorbeeld het gratis (en heel wat betere ;-) )Kompozer.

Dan krijg je betere code en voordat je zegt dat dat te niet nodig is:
Dat zorgt ervoor dat je meer mogelijkheden hebt en de code voor jou ook duidelijker wordt waardoor je in de toekomst ook nog wat met die pagina's kunt. Want nu zit je eigenlijk vast aan een moeilijke manier van pagina's produceren die weinig vrijheid en mogelijkheden bied. (zoals bijvoorbeeld ondersteuning voor verschillende schermresoluties).

En hoe de css te gebruiken:
Zoals csshunter in je zijtopic opmerkte, opmaak zoals css kun je het beter uit de daadwerkelijke html laten en tussen de <head></head> elementen plaatsen. (alle style="" argumenten zijn css)

Dat zou dan voor jou worden:

<head>
...
<style type="text/css">
    #achtergrond{
        position:absolute;
        z-index:-100;
        width:100%;
    }
</style>
</head>

En wat basis css kennis, om mee te experimenteren:
Je kunt regels voor alle mogelijke elementen aanmaken, bijvoorbeeld:
Voor html elementen:
html: <table>
css: table { background-image: poort.jpg; }
Voor alle elementen die je een class meegeeft (kan vaker voorkomen):
html: <table class="achtergrond">
css: .achtergrond { background-color:grey; }
En voor elementen die maar één keer voorkomen een id:
html: <h3 id="ondertitel">
css: #ondertitel { color: red }

 

[DirkQ]

Je plan om die afbeeldingen aan te passen aan de schermgrote kan ik je afraden. Op dit moment gebruik jij twee afbeeldingen, één als achtergrond voor het geheel (poort.jpg) en één als achtergrond van de tabel (achtergrond.jpg).
Dus wanneer je poort.jpg met de schermgrote mee laat schalen gaat achtergrond.jpg niet meer en sluiten ze dus niet meer op elkaar aan. Zeker bij een hoge resolutie breedbeeldscherm kun je dan rare afbeeldingen krijgen en is je beoogde effect helemaal weg.
Je kunt het maar beter zo laten..

in dit geval is het juist het doel om die plaatjes te laten verschuiven , het moet zo'n "tijd rimpel" effect geven en hoeft niet naadloos te zijn, vanbuiten af onscherp en licht en helderder en scherper naar het midden...
Het gaat me er alleen om dat dat doortegelen van een achtergrond wordt gestopt omdat dit alles vernielt

O ja en voor de toekomst:
Wanneer je graag met een visuele editor werkt is het misschien een goed idee om frontpage te verruilen voor bijvoorbeeld het gratis (en heel wat betere ;-) )Kompozer.

Ik heb dit in linux op kijn laptop, ik wist niet eens dat kompozer ook voor windows bestond, goede tip..

Dan krijg je betere code en voordat je zegt dat dat te niet nodig is:
Dat zorgt ervoor dat je meer mogelijkheden hebt en de code voor jou ook duidelijker wordt waardoor je in de toekomst ook nog wat met die pagina's kunt. Want nu zit je eigenlijk vast aan een moeilijke manier van pagina's produceren die weinig vrijheid en mogelijkheden bied. (zoals bijvoorbeeld ondersteuning voor verschillende schermresoluties).

In Kompozer zit die CSS mogelijkheid in gebouwd , maar ik heb dat nog nooit gesnapt , maar ik ga er zeker mee bezig..
Ik werk graag en eigenlijk altijd met achtergrond afbeeldingen omdat ik dat rechthoekige reclamefolderachtige niet mooi vind voor het doel waar ik websites voor maak..
KIjk bijvoorbeeld eens op www.botasnegras.com daar heb ik ook idiote kunstgrepen moeten uithalen om die achtergrond in het midden te houden, ik weet dat het veel mooier kan qua code maar dit uiterlijk is precies wat ik bedoel .. het zou helemaal verpest worden als die achtergrond zich op een hele hoge resolutie plotseling in meerdere plaatjes zou worden door getegeld
Dat net de resolutie mee groeien van een pagina achtergrond blijft dus heel belangrijk voor mij ..

 

[Black Sails]

Ik werk graag en eigenlijk altijd met achtergrond afbeeldingen omdat ik dat rechthoekige reclamefolderachtige niet mooi vind voor het doel waar ik websites voor maak..
KIjk bijvoorbeeld eens op www.botasnegras.com daar heb ik ook idiote kunstgrepen moeten uithalen om die achtergrond in het midden te houden, ik weet dat het veel mooier kan qua code maar dit uiterlijk is precies wat ik bedoel .. het zou helemaal verpest worden als die achtergrond zich op een hele hoge resolutie plotseling in meerdere plaatjes zou worden door getegeld
Dat net de resolutie mee groeien van een pagina achtergrond blijft dus heel belangrijk voor mij ..

Dan denk ik dat jij css geweldig gaat vinden.
Wanneer je wat met engels overweg kunt is dit ook wel een mooi stukje over gebruik van afbeeldingen. dev.opera.com/.../31-css-background-images/

 

[DirkQ]

Dan denk ik dat jij css geweldig gaat vinden.
Wanneer je wat met engels overweg kunt is dit ook wel een mooi stukje over gebruik van afbeeldingen. dev.opera.com/.../31-css-background-images/

Engels is geen probleem, Spaans had ook nog gekund
Dat is een duidelijke pagina goed over nagedacht
Daar ga ik zeker mee aan de gang..

Bedankt