Archief - CSS: Afbeelding - positionering...

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
W

WarBlade

Legacy Member
Hey,

Het lukt me langs geen kanten om een bepaalde afbeelding onderaan te herhalen (op dezelfde manier hoe ik dat voor de bovenste (achtergrond)afbeelding heb gedaan... K'heb al geprobeerd om het via het .css bestand te regelen en zonder, maar het lukt maar niet, hoogstens krijg ik ergens halverwege de pagina een smalle streep waar de afbeelding voor een klein deel te zien is...

Je kan mijn website bekijken door de link in mijn signature te volgen...

PS: Even totaal iets anders, maar zoals je ziet heb ik onderaan ook een text staan op elke pagina... Soms word deze tot tegen de onderste rand weergegeven, soms staat die ergens halverwege in beeld... Hoe zorg ik ervoor dat die steeds op "dezelfde" plaats blijft staan eigenlijk ?
d

dendaak

Legacy Member
Geef u afbeelding eens een width: & een height mee.
Of plaats u css & html eens online.
D

DieselPower

Legacy Member
body {
background-image: url(image.jpg);
background-repeat: x-repeat;
background-position: bottom;
}

tzal zoiets wel zijn
ps: jfgi
W

WarBlade

Legacy Member
wardkennes zei:
Geef u afbeelding eens een width: & een height mee.
Of plaats u css & html eens online.
Klik om te vergroten...


Mijn style.css bestand:

Code: 
/* CSS Document */
/* Http://www.warblade.be */

* {
margin: 0;
padding: 0;
}

html { height:100%; }

body { height:100%; font-size:9pt; font-family:Calibri, "Trebuchet MS"; margin:0px; color:#336699; }

td { line-height:160%; }

img { border:0; }

ol, ul {  list-style-position:inside; margin:0; }

a:link, a:visited { text-decoration:none; color:#3399CC; }

a:hover { text-decoration:none; color:#004477; }

.title { font-size:12pt; color:#006666; }

.nofloat { float:none; }


<!-- Navigation Menu -->


.header {  font-size:9pt; font-family:Calibri, "Trebuchet MS"; margin:0px; color:#336699; }

#header {  position:relative; left:25%; top:-10px; width:50%; }

#content {  position:relative; left:15%; top:80px; width:70%; }

#footer {  position:relative; left:25%; bottom:-300px; width:50%; }

#image {  position:relative; left:50px; top:45px; width:25%; }

#container {
				position: relative;
				min-height: 100%;
				height: 100%;
				voice-family: "\"}\"";
				voice-family: inherit;
				height: auto;
				margin-bottom:100px;
			}
			
html>body #container { height: auto; }

In mijn HTML positioneer ik de achtergrondafbeelding die je bovenaan kan zien d.m.v. volgende code in mijn pagina's:

Code: 
<body onload="doOnLoad('');"style="background:url(images/core/back.jpg) top left repeat-x #F8FFFF;" id="bdy">


DieselPower™ zei:
body {
background-image: url(image.jpg);
background-repeat: x-repeat;
background-position: bottom;
}

tzal zoiets wel zijn
ps: jfgi
Klik om te vergroten...


Mja, k'heb gisteren al zo'n uurtje ervoor ge-googled en ik versta ook hoe ik een afbeelding zou kunnen laten zichzelf herhalen onderaan (denk ik :unsure: ), maar niets van wat ik geprobeerd heb werkte naar behoren... Maar alvast bedankt voor je code die ik zodadelijk al eens ga nakijken...
D

DieselPower

Legacy Member
tga ni werken hoor. Tmoet nog in een div'je vanonder ofzo
W

WarBlade

Legacy Member
Bedankt voor jullie antwoorden, ik heb het geprobeerd en als ik:

Code: 
body { 
background-image: url(images/core/bottom.jpg); 
background-repeat: repeat-x; 
background-position: bottom;
}

... toevoeg op mijn style.css bestand werkt het perfect (op een testpagina), voeg ik echter onderstaande code toe op de testpagina zelf (zoals die staat op al mijn pagina's voor de bovenste achtergrondafbeelding, dan is enkel de bovenste weer zichtbaar, maar de onderste niet...

Code: 
<body onload="doOnLoad('');"style="background:url(images/core/back.jpg) top left repeat-x #F8FFFF;" id="bdy">
W

WarBlade

Legacy Member
wardkennes zei:
Bedank Diesel maar :)
Klik om te vergroten...

Hehe... :) Ben idd al een aardig stapje verder, maar het is nog niet opgelost... :( Het lijkt wel of CSS problemen heeft met het weergeven van twee verschillende achtergrondafbeeldingen (naar wat ik zoal lees op het internet). T'is echt ofwel het bovenste dat weergegeven word OF het onderste...
W

WarBlade

Legacy Member
wardkennes zei:
Heb je nergens de fout online staan op een website?
Klik om te vergroten...

Bedoel je die style.css en die testpagina ? Anders smijt ik het wel even online hoor ?
W

WarBlade

Legacy Member
K'wil niet vervelend doen hoor, maar iemand die me hiermee zou kunnen verderhelpen ? :$
X

Xavez

Legacy Member
Maar what the hell... Wat voor een rare oplossing ook. Je bovenste afbeelding moet de body background zijn, maar je onderste afbeelding, dat moet uiteraard op een div zijn die tegen de onderkant van de browser plakt. Google eens op FooterStickAlt :).
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan