PDA

Volledige versie bekijken : CSS Positioning Probleempje


BlackAdder
%Europe/Berlin %591 %2005, 15:11
Hallo!

Heb weer een probleem weten te creeeren. Hieronder een plaatje ter verduidelijking;
http://home.hccnet.nl/peter.al/nils/css-positioning.gif
Dit is een pagina opgebouwd doormiddel van een tabel, links een rechts een cell met een variabele breedte en in het midden een vereenvoudigd beeld met bovenaan een header en daaronder een cell met tekst en afbeeldingen. Nu wil ik als het ware een afbeelding toevoegen aan de achtergrond door middel van de CSS: Positioning Tag, met een Z-index van "-1" waardoor alle tekst en plaatjes tussen <td></td> erover heen komen.

Deze afbeelding heeft een margin van "top:0px" en "left:0px" met de middelste cell. Deze ziet er zo uit:

<td bgcolor="black" width="800" background="images/background-midden.gif">
<img src="images/verloop-midden-top.jpg" border="0" id="verlooptop">
testje
</td>
'Testje' moet dus over de afbeelding heenkomen.

Dit is het laatste wat ik heb geprobeerd, maar dat werkt dus niet
#verlooptop { position: relative; top: 130px; z-index: -1; visibility: visible; }

Iemand enig idee hoe ik dit voor elkaar krijg?

Groet,
Nils

mateo)
%Europe/Berlin %759 %2005, 19:13
ehm. je kan natuurlijk een div om je tekst heenzetten en aan die div een background-image toekennen via css. zoiets als:
<div style="background: url(images/verloop-midden-top.jpg) 0% 0% no-repeat; width:800px">testje</div>

josko
%Europe/Berlin %580 %2005, 14:56
ik zou dit maken met layers en ik zou gewoon in de layer waar je de achtergrond image wilt invullen tussen de head tags
<style type="text/css">
body {background-image:url("jouwbestand.jouwextensie"); }
</style>

BlackAdder
%Europe/Berlin %817 %2005, 20:37
ehm. je kan natuurlijk een div om je tekst heenzetten en aan die div een background-image toekennen via css. zoiets als:
opzich natuurlijk een simpele oplossing waar ik zelf even niet op ben gekomen, maar ik wist het wel hoor! :rolleyes:

ik zou dit maken met layers en ik zou gewoon in de layer waar je de achtergrond image wilt invullen tussen de head tags
je bedoelt zoiets als dit, maar dan met achtergrond..? >> [link] (http://www.thenoodleincident.com/tutorials/box_lesson/)