Versio

[CSS] Door laten lopen

Overzicht Reageren

Tim

Tim

05/08/2007 13:57:00
Quote Anchor link
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:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
#overgang {
    
    position: absolute;
    top: 0px;
    left: 0px;
    
    background: url('pictures/links.png') repeat-y;
    min-height: 100%;
    width: 800px;
    
}
[/CODE]
 
PHP hulp

PHP hulp

24/05/2012 07:39:20
Gesponsorde koppelingen:
 
Jan Koehoorn

Jan Koehoorn

05/08/2007 14:11:00
Quote Anchor link
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
 
NWo

nWo

05/08/2007 14:19:00
Quote Anchor link
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
 
Jan Koehoorn

Jan Koehoorn

05/08/2007 14:23:00
Quote Anchor link
@ Martijn: dat komt op hetzelfde neer, alleen jouw code is langer.
 
Tim

Tim

05/08/2007 14:24:00
Quote Anchor link
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
mod-edit:
Kijk, zo hoort het :-)
Gewijzigd op 01/01/1970 01:00:00 door Tim
 
Jan Koehoorn

Jan Koehoorn

05/08/2007 14:29:00
Quote Anchor link
Ho eens even. Je slaat een belangrijk stuk over; dankjulliewel phphulp!
 
NWo

nWo

05/08/2007 14:30:00
Quote Anchor link
@ Jan: die van mij is dus handiger en verbruikt niet zoveel ook kan je makkelijker aanpassen en meer opties toevoegen ;)
 
Jan Koehoorn

Jan Koehoorn

05/08/2007 14:34:00
Quote Anchor link
@ 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.
 
Tim

Tim

05/08/2007 14:57:00
Quote Anchor link
Maar hebben jullie naast een korte en lange schrijfwijze misschien ook een oplossing voor mijn tweede probleem?
 
Jan Koehoorn

Jan Koehoorn

05/08/2007 14:58:00
Quote Anchor link
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
 
Tim

Tim

05/08/2007 15:31:00
Quote Anchor link
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)
Gewijzigd op 01/01/1970 01:00:00 door Tim
 
Jan Koehoorn

Jan Koehoorn

05/08/2007 15:33:00
Quote Anchor link
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
 
Tim

Tim

05/08/2007 17:01:00
Quote Anchor link
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
 



Overzicht Reageren

Get Adobe Flash player