Autor Zpráva
aaduben
Profil
ahoj, nevíte kde je chyba? Zkouším dělat lightbox v css, a nefunguje..... Zdrojové xhtml vypadá takto:
 <p><a href="#lightbox"><img src="galerie/obr1x.jpg" alt="moje dcera zuzanka" /></a></p>
 <div id="lightbox" class="1b">
 <a href=""><img src="galerie/obr1" alt="moje dcera zuzanka" /><br>Zavřít</br></a>
 </div>

a v šabloně css:
#lightbox{display:none;
       position:absolute;
       width:100%;
       height:100%;
       top:0;left:0;right:0;bottom:0;text-align:center;
       background:url(images/pozadi.png);
       background-repeat:no-repeat;
       
}  
div.1b:target{display:block;
       
}
.............................................

Moderátor Chamurappi: Vkládej prosím kód mezi značky [pre] a [/pre] (stačí kliknout na ).
Chamurappi
Profil
Reaguji na aaduben:
ahoj, nevíte kde je chyba?
Pravděpodobně ve třídě začínající číslem. Ve stylopisu se číslo na místě prvního znaku musí zapsat escape-sekvencí v šestnáctkové soustavě (tuším), takže místo „1b“ by asi mělo být „\31b“.
Může být chyba i v něčem jiném, uváděj prosím vždy odkaz na živou ukázku.

<br>Zavřít</br>
Copak má tohle asi dělat?
Element <br> je nepárový, tu tvoji ukončovací značku budou prohlížeče vesele ignorovat.

Zdrojové xhtml vypadá takto
Používáš nejspíš HTML, nikoliv XHTML.
aaduben
Profil
<br> zavřít</br>
má zavřít ten obrázek co se otevře , mělo by to fungovat...... ján se učím přímo xhtml
aaduben
Profil
pošlu odkaz
Radek9
Profil
ján se učím přímo xhtml
Neučíš. To by jsi věděl, že <br> je tag nepárový a v XHTML má zápis <br />. Takže tedy:
 <a href=""><img src="galerie/obr1" alt="moje dcera zuzanka" /><br />Zavřít</a>
Chamurappi
Profil
Reaguji na aaduben:
má zavřít ten obrázek co se otevře
Ale do <br> nemůžeš (v HTML) nic dát. V XHTML by to fungovalo jako text uvnitř elementu <br>, v HTML jako <br> následované textem.

ján se učím přímo xhtml
Prohlížeče ke tvému kódu přistupují jako k HTML.


Reaguji na Radka9:
věděl
Věděla.
Bubák
Profil
:target

To je něco, co neznám, nebo chyba?
Chamurappi
Profil
Reaguji na Bubáka:
Je to pseudotřída zaměřující element, pokud je cílem právě aktivní kotvy. Z hlavy nevím, kdo všechno ji podporuje, Mozilla asi určitě.
aaduben
Profil
Odkaz
aaduben
Profil
Neučíš. To by jsi věděl, že <br> je tag nepárový a v XHTML má zápis <br />
Učím, proto dělám i chyby :-)
Chamurappi
Profil
Reaguji na aaduben:
Jestli jsem tě správně pochopil, tak ty vůbec nepoužíváš Lightbox, ale snažíš se udělat zvětšování fotky po kliknutí pomocí té pseudotřídy, kterou zmiňuje Bubák. Zvolila sis obtížnou a téměř nepoužitelnou cestu.

Vrtá-li ti hlavou, proč nefunguje ten zmíněný „display: block“, je to proto, že selektor „div.1b:target“ je slabší než „#lightbox“. Viz podkapitolka „Podrobnější selektor“ na JPW. Dvě (pseudo)třídy jsou slabší než jedno ID.
aaduben
Profil
Jestli jsem tě správně pochopil, tak ty vůbec nepoužíváš Lightbox,“ano, správné pojmenování je vyskakovací detail obrázku....Tuhle obtížnou a téměř nepoužitelnoucestu publikoval kdysi Dylan Haferstepen,v článku Pure CSS lightbox, no Javascript... adočetla jsem se o něm v knize 333 tipů a triků pro CSS,.....No to jsou takový detaily.... Jasně že tady ta třida asi nefunguje, ale dá se to vyřešit nějakým specifičtějším selektorem?
aaduben
Profil
možná by se to vyřešilo dát
<div id="lightbox" class="1b">
 <a href=""><img src="galerie/obr1" alt="moje dcera zuzanka" /><br />Zavřít</a>
 </div>

třeba na konec stránky......?
aaduben
Profil
myslím že to pomalu začíná fungovat
aaduben
Profil
http://musicabohemia.sweb.cz/index.html
tady to je
aaduben
Profil
Odkaz

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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