Obrázek v CSS - poradna.net

Dobré ráno,
po dlouhé době jsem pořád nenašel způsob, jak vyřešit tento problém.
V HTML mám: <div id="prvek"><img src="leaves1.png" alt="" /></div> a v CSS mám:
#prvek {
position:fixed;
top:-5px;
left:-5px;
z-index:2;
}
Tohle je v pohodě, funguje na 100%, akorát bych potřeboval přesunout <img src="leaves1.png" alt="" /> do CSS kódu, uvažoval jsem něco jako background: url(leaves.png), ale to nešlo, background-image taky nešel...prostě potřebuji, abych měl v HTML jen <div id="prvek"></div> a ten obrázek, co byl předtím mezi divy, ten má být v CSS.
Nějaké nápady?

Předmět	Autor	Datum
Ten <div> musí mít nějaký obsah nebo v CSS nastavenou výšku. Příklad: <!DOCTYPE html PUBLIC "-//W3C… ws79 23.11.2008 09:42	ws79	23.11.2008 09:42
Dal jsem tomu výšku a šířku, děkuju mooc :) blue 23.11.2008 09:56	blue	23.11.2008 09:56
Nojo, akorát jsem došel teda k tomuto závěru: HTML: <div id="pozadi1"> </div> <div id="pozadi2"… blue 23.11.2008 10:17	blue	23.11.2008 10:17
EDIT: U druhého ID má být pozadi2. blue 23.11.2008 10:18	blue	23.11.2008 10:18
Tak vyřešeno, byl to jen překlep ve width ^^;, děkuju moc. poslední blue 23.11.2008 11:01	blue	23.11.2008 11:01

Ten <div> musí mít nějaký obsah nebo v CSS nastavenou výšku. Příklad:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
    <meta name="generator" content="PSPad editor, www.pspad.com" />
    <title>Test</title>
    <style type="text/css">
      #pozadi{
        border: thin red solid;
        background: url(a.jpg) no-repeat;
        height:1024px;
      }

    </style>
  </head>
  <body>
    <div id="pozadi"><p>Lorem ipsum dolor sit amet consectetuer ante et ipsum leo ipsum. Dui dui dui Vivamus Nullam nec Donec tempor leo dui Praesent. Id Donec Aenean Aliquam eu lacus mollis Phasellus semper Pellentesque convallis. Ridiculus ante egestas id est semper amet gravida non id laoreet. Id vitae dolor vitae cursus lobortis Duis Pellentesque nunc ipsum montes. Pellentesque nibh sed est lobortis urna convallis.</p>
<p>Dolor orci justo dolor gravida leo Vestibulum platea sed amet pellentesque. Vestibulum augue libero adipiscing magnis euismod ipsum semper consequat cursus eros. Nec at Phasellus fames lobortis ipsum metus pede enim pretium ut. Massa Nulla porttitor et wisi nunc Vivamus amet consequat enim Donec. Metus penatibus habitant molestie porta velit velit Donec Phasellus sem pretium. Quis tristique.</p>
</div>
  </body>
</html>

Dal jsem tomu výšku a šířku, děkuju mooc :)

Nojo, akorát jsem došel teda k tomuto závěru:
HTML:
<div id="pozadi1"> </div>
<div id="pozadi2"> </div>
CSS:
#pozadi1 {
background: url(image1.png);
position:fixed;
height:120px;
wid th:412px;
top:-5px;
left:-5px;
z-index:5;
}
#z-inde x2 {
background: url(image2.png);
position:fixed;
height:120px;
wid ht:412px;
top:-5px;
right:-5px;
z-index:5;
}
Teď se mě ale jen zobrazuje obrázek první v levém horním rohu, pravý nic, možná to bude něco s tím HTML, nějak to jěště odsadit, třeba jěště jedním divem, aby to nebylo na stejné úrovni, ale nevím.

EDIT: U druhého ID má být pozadi2.

Tak vyřešeno, byl to jen překlep ve width ^^;, děkuju moc.

Zpět do poradny Odpovědět na původní otázku Nahoru