Autor Zpráva
Eliz
Profil *
Ahoj, mam takový malý problem, na stránku jsem si umístila v css 2 divy a jejich pozadí obrázek, ale když jsem si přidala lightbox na zobrazování fotek, tak i to nepechází hezky přes černou, ae pozadí stránky naskáče na sebe a v závěru překryje obrázek.. co s tím? moc dík
Zdeněk Košťál
Profil
Ukázka by nebyla? Z tohohle popisu to moc nechápu.
Taps
Profil
Eliz
co zkusit nastavti z-index
Eliz
Profil *
bohužel to na webu ještě namám :( je to stejný jako když se ti zobrazí fotka v lightboxu, ale místo toho šedého pod fotkou se tam nakopíruje pozadí rámu a vše překryje..

<div id="menu">

<a href="images/11.jpg" rel="lightbox" title="Marie"><img src="images/2.jpg" align="left"></a>

<style>
div {background-image: URL('img/backgroundS.jpg')}
</style

</div>
Eliz
Profil *
bohužel nevím kam z-index umístit..četla jsem že se to hodí někam kde je pozicování, což mám v cssku, ale ne v html zrovna téhle stránky..neznám to :(
ladik
Profil
Eliz
No fuj, co to je? Tohle je zdroj problému a nemá to tam co dělat:

<style>
div {background-image: URL('img/backgroundS.jpg')}
</style


Tag <style></style> se vkládá do hlavičky stránky mezi <head></head>, a také je třeba ho uzavřít, chybí tam >. (už i to by odstranilo problém), přečti si něco o struktuře stránek a také něco o tom, jak vkládat styly do stránek.
Eliz
Profil *
:) jenže já to nemohla dát do hlavičky, protože by to pak bylo na celou stránku :)) tak jsem to zkusila takhle..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GRDesign</title>
<link href="styly.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>



</head>

<body>
<center>
<body style="background-color: black; color: white;">
<div id="main">

<IMG SRC="obrazy/logo.jpg" WIDTH=405 HEIGHT=121 BORDER=0 ALT=0 USEMAP="#logo_Map">
<MAP NAME="logo_Map">
<AREA SHAPE="rect" ALT="" COORDS="60,17,357,114" HREF="index.html" >
</MAP>

<div id="menu">

<a href="images/11.jpg" rel="lightbox" title="Marie"><img src="images/2.jpg" align="left"></a>
<style>
div {background-image: URL('img/backgroundS.jpg')}
</style>

</div>
</div>
</center>

</body>
</html>

s tim uzavřením dik, ale nebylo to tim..
ladik
Profil
Eliz
Jistě, omlouvám se, nezkoušel jsem to přímo v lightboxu.
Ale jak jsem psal minule, tato konstrukce:
<style>
div {background-image: URL('img/backgroundS.jpg')}
</style> 
do těla stránky n e p a t ř í, dává se do hlavičky, dále máš na stránce 2×body, to také nemá být.
Hlavní potíž však způsobuje to, že uvedeným stylopisem, i když bude v hlavičce, nastavuješ pozadí pro všechny DIVy obecně, tudíž i pro ty, které do kódu zapisuje lightbox (a že jich tam je).
Řešením je nastavovat pozadí i další vlastnosti pro jednotlivé DIVy (nebo jejich skupiny) zvlášť, např.
div#main, div#menu {background-image: URL('img/backgroundS.jpg')}
Eliz
Profil *
supr, už to funguje, díky

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: