[HTML & CSS] background-image stretchen binnen cel

[chronozphere]

Hoi beste webdesigners.

Ik heb een klein vraagje. Weet iemand misschien hoe ik met behulp van CSS en HTML en achtergrond-afbeelding in een cel van een tabel kan zetten zodat deze de hele cel vult?

Ik heb namelijk een cel waarin de titel (afbeelding) van de site komt. Ik heb de hele tabel gecentreerd en de width is 90% van de breedte van het scherm. Nu wil ik de betreffende afbeelding erin zitten, zo dat hij de hele cel vult. Dit zelfde wil ik ook doen met een aantal knoppen (ook tabel-cellen). In dit laatste geval komt de tekst van de knop over de achtergrond-afbeelding te staan. Het MOET dus ook echt een achtergrond afbeelding zijn.

Ik heb al even geg00gled, maar nog niets gevonden.

Kan iemand mij laten zien hoe je dit doet??

Heel erg bedankt!

[disjfa]

Dit kan niet. Achtergrond afbeeldingen mbv css kan je niet scalen.

[chronozphere]

hmmm jammer.... evengoed bedankt

[Verwijderd]

chronozphere schreef op dinsdag 13 november 2007 @ 14:06:
hmmm jammer.... evengoed bedankt

Er zijn genoeg manieren om je resultaat wel te creeëren,
maar dan moet je gebruik gaan maken van css+div en geen tabellen.

[disjfa]

Verwijderd schreef op woensdag 14 november 2007 @ 13:32:
[...]
maar dan moet je gebruik gaan maken van css+div en geen tabellen.

wat is er aanders aan een tabel cel en een div dan. Anders dan dat een tabel cel in een tabel behoort.

[Verwijderd]

disjfa schreef op woensdag 14 november 2007 @ 13:35:
[...]

wat is er aanders aan een tabel cel en een div dan. Anders dan dat een tabel cel in een tabel behoort.

Ik bedoel in combinatie met css en div's zou het met z-indexen kunnen gaan klooien,
in de ene div de achtergrond met de breedte en hoogte die hij wil, en daarboven een div met de content.

Of begrijp ik zijn vraag nou verkeerd?

[RM-rf]

Verwijderd schreef op woensdag 14 november 2007 @ 13:32:
[...]


Er zijn genoeg manieren om je resultaat wel te creeëren,
maar dan moet je gebruik gaan maken van css+div en geen tabellen.

onzin... een achtergrond blijft altijd niet stretchbaar, kan enkel 'repeaten'.. daarin maakt een tabel, DIV of wat voor tag die je die background zou toewijzen niks uit....

wat wél mogelijk is, is om een 'background te simuleren door binnen een element een IMG toe te voegen en die via CSS 'position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0' toe te wijzen en dan de rest van de content 'position: relative; z-index: 10'

bv

code:

<div style="position: relative; width: 300px; height: 400px">
   <h1 style="position: relative; z-index: 10"> Een titel </1>
   <p style="position: relative; z-index: 10"> een stukje tekst .. bladieblah ... etc </p>
   <img src="background.jpg" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0">
</div>

[ Voor 21% gewijzigd door RM-rf op 14-11-2007 13:41 ]

[Verwijderd]

RM-rf schreef op woensdag 14 november 2007 @ 13:38:
[...]


onzin... een achtergrond blijft altijd niet stretchbaar, kan enkel 'repeaten'.. daarin maakt een tabel, DIv of wat voor tag die je die background zou toewijzen niks uit....

wat wél mogelijk is, is om een 'background te simuleren door binnen een element een IMG toe te voegen en die via CSS 'position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0' toe te wijzen en dan de rest van de content 'position: relative; z-index: 10'

Je hoort mij toch ook niet zeggen dat je een achtergrond image kan schalen? Ik zeg gewoon dat er wel manieren zijn om een soortgelijk resultaat te krijgen

[RM-rf]

Verwijderd schreef op woensdag 14 november 2007 @ 13:41:
[...]


Je hoort mij toch ook niet zeggen dat je een achtergrond image kan schalen? Ik zeg gewoon dat er wel manieren zijn om een soortgelijk resultaat te krijgen

dat zeg je wel met je 'dat kan als je een DIV gebruikt ipv een TABLE'... wat dus onzin is (niet om je te beledigen, enkel een kwestie van 'het beestje bij zn naam noemen', het _is_ nl. onzin wat je beweerde)

de 'slordigheid' in zulke uitlatingen is tekenend voor de meeste denkfouten die bij onervaren webontwikkelaars leven, bv de denkfout dat 'DIV roepen inherent is aan CSS-gebruik...
feit is nu juist dat een DIV gebruiken hier geen flikker uitmaakt.
en het probleem niks te maken heeft met of iemand misschien voorheen een tabel gebruikt.

[Verwijderd]

RM-rf schreef op woensdag 14 november 2007 @ 13:44:
[...]


dat zeg je wel met je 'dat kan als je een DIV gebruikt ipv een TABLE'... wat dus onzin is (niet om je te beledigen, enkel een kwestie van 'het beestje bij zn naam noemen', het _is_ nl. onzin wat je beweerde)

de 'slordigheid' in zulke uitlatingen is tekenend voor de meeste denkfouten die bij onervaren webontwikkelaars leven, bv de denkfout dat 'DIV roepen inherent is aan CSS-gebruik...
feit is nu juist dat een DIV gebruiken hier geen flikker uitmaakt.
en het probleem niks te maken heeft met of iemand misschien voorheen een tabel gebruikt.

Nou, het is niet mijn bedoeling geweest met die uitspraak te beweren dat het wel mogelijk is om een achtergrond te schalen, ik dacht dat dat wel duidelijk was.

Ik doelde gewoon op, dat er wel manieren zijn om een soortgelijk resultaat te creeëren, dat jij nou verwacht dat ik het daarbij van A tot Z uitleg en 'het beestje' precies bij naam ga noemen dat moet je lekker zelf weten.