[CSS] Door laten lopen
Beste mensen,
Na een tijdje te hebben geprobeert en geknutseld ben ik op deze site gaan zoeken naar een antwoord. Daar kon ik het niet zo één twee drie vinden, dus vraag ik het hier maar:
Ik heb een plaatje van 100px hoog en 800px breed welke aan de linker kant van het scherm over de y-as moet doorlopen (Dus van boven naar beneden). Hij moet minimaal de hoogte van het scherm zijn, maar langer als de tekst groter is dan de hoogte van het scherm. Hoe is dit op te lossen?
Bij voorbaat dank
PS. Op dit moment ziet het er zo uit:
Na een tijdje te hebben geprobeert en geknutseld ben ik op deze site gaan zoeken naar een antwoord. Daar kon ik het niet zo één twee drie vinden, dus vraag ik het hier maar:
Ik heb een plaatje van 100px hoog en 800px breed welke aan de linker kant van het scherm over de y-as moet doorlopen (Dus van boven naar beneden). Hij moet minimaal de hoogte van het scherm zijn, maar langer als de tekst groter is dan de hoogte van het scherm. Hoe is dit op te lossen?
Bij voorbaat dank
PS. Op dit moment ziet het er zo uit:
Gesponsorde koppelingen:
Ik zou position absolute niet meteen gebruiken.
Waarom zet je hem niet op de body?
body {
background: url(pictures/links.png) 0 0 repeat-y;
}
n.b. geen quotes gebruiken binnen die url
Waarom zet je hem niet op de body?
body {
background: url(pictures/links.png) 0 0 repeat-y;
}
n.b. geen quotes gebruiken binnen die url
body {
background-image: url(pictures/links.png);
background-repeat: repeat-y;
background-position: left center;
background-attachment: scroll;
}
Zou het zo doen ik gebruik ze ook zo bij mij
background-image: url(pictures/links.png);
background-repeat: repeat-y;
background-position: left center;
background-attachment: scroll;
}
Zou het zo doen ik gebruik ze ook zo bij mij
@ Martijn: dat komt op hetzelfde neer, alleen jouw code is langer.
Volgende probleem. Ik heb twee background-plaatjes dit over elkaar heen lopen wanneer het beeldscherm kleinen wordt. Eentje aan de linker kant, en eentje aan de rechterkant. Wanneer ik het op de manier van jullie doe heb ik dus twee keer hetzelfde stukje code in de body {} nodig. Dit weigert ie te doen. Hoe zou ik dit op kunnen lossen?
Oke, jij je zin ;);) :P:P:P Thanks
Oke, jij je zin ;);) :P:P:P Thanks
mod-edit:
Kijk, zo hoort het :-)
Gewijzigd op 01/01/1970 01:00:00 door Tim
Ho eens even. Je slaat een belangrijk stuk over; dankjulliewel phphulp!
@ Jan: die van mij is dus handiger en verbruikt niet zoveel ook kan je makkelijker aanpassen en meer opties toevoegen ;)
@ Martijn: handiger??? Ik gebruik CSS shorthand. Die gebruikt maar 1 regel. Jouw oplossing gebruikt 4 regels. Meer opties toevoegen gaat in de shorthandnotatie ook gemakkelijker.
Maar hebben jullie naast een korte en lange schrijfwijze misschien ook een oplossing voor mijn tweede probleem?
Tuurlijk, maar dan moet je het wel even exact beschrijven. Twee achtergrondplaatjes die over elkaar heen lopen? Wat bedoel je precies?
Edit:
Een link naar een online voorbeeld is altijd handig.
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Om het hele probleem in 1 url samen te vatten: www.agenebbes.nl/taste_this/menu.php
(nog niet geschikt voor IE 6.0 en eerder)
(nog niet geschikt voor IE 6.0 en eerder)
Gewijzigd op 01/01/1970 01:00:00 door Tim
Ja, en wat is het probleem?
Edit:
Het wordt wel lastig helpen als je met tussenpozen van een half uur gaat posten ;-)
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Als je IE hebt: Er zijn twee qua hoogte kleine plaatjes die over erkaar heen lopen. Deze moeten sowieso het hele scherm bestaan, en wanneer de text langer is dan één scherm nog verder doorlopen (zover als de text reikt).
Als je FF hebt: Wanneer je naar beneden scrollt zie je dat de background ophoudt. Deze moet doorlopen tot waar de tekst staat.
PS. Het is lekker weer buiten
Als je FF hebt: Wanneer je naar beneden scrollt zie je dat de background ophoudt. Deze moet doorlopen tot waar de tekst staat.
PS. Het is lekker weer buiten



