Překrývání obrázků – CSS – Fórum – Programujte.com

Zdravím vás,
mám takový problém, a vůbec nevím jak se to může dít...

XHTML:

<div id="hlavicka">

            <div id="obrazek-hlavicka"></div>

            <div id="orientacni-nabidka">

                <h2 class="nezobrazovat">Orientační nabídka</h2>

                |

                <a href="index.php?kategorie=zmena-zobrazeni">Změna zobrazení</a>

                |

                <a href="index.php?kategorie=mapa-stranek">Mapa stránek</a>

                |

                <a href="index.php?kategorie=napoveda">Nápověda</a>  

                <hr class="nezobrazovat" />

            </div>

            <div id="dulezite-odkazy">

                <ul>

                    <li><a href="index.php?kategorie=odkaz1">odkaz1</a></li>

                    <li><a href="index.php?kategorie=odkaz2">odkaz2</a></li>

                    <li><a href="index.php?kategorie=odkaz3">odkaz3</a></li>

                </ul>  

            </div>

        </div>

#hlavicka{

position: relative;

background-image: url(img/style/pozadi-hlavicky.png);

background-repeat: repeat-x;

height: 200px;

}



#obrazek-hlavicka{

width: 550px;

height: 200px;

position: absolute;

top: 0px;

left:0px;

background-image: url(img/style/hlavicka-obrazek.png);

background-repeat: no-repeat;

}



#orientacni-nabidka{

padding: 5px;

color: rgb(150,150,150);

font-size: 90%;

}



#orientacni-nabidka a{

color: rgb(200,200,200);

text-decoration: none;

}



#orientacni-nabidka a:hover{

color: rgb(250,250,250);

text-decoration: none;

}



#dulezite-odkazy{

background-color: rgb(255,255,255);

padding: 10px;

}

#dulezite-odkazy ul{

list-style: none;

}

Máš výšku hlavičky stejnou jako výšku toho obrazek_hlavicka... A pokud je záměrem to překrývání, ale chceš klikatelné odkazy, pak použij parametr z-index a zápornou hodnotu (v některých prohlížečích ale záporná hodnota není podporována), příp. background-image ve style=""

Jasný. Mám právě hlavičku, která má background image takovej přechod, na tom mám absolute ten div s průhledným PNG - takový logo, a pak je tam div orientacni-nabidka pozicovaný už normálně, který - jak jsem předpolkládal - pokud je napsaný v html později tak má automaticky vyšší umístění (co se Z souřadnice týče), nebo to tak není?