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 |
#2 · Zasláno: 20. 7. 2009, 22:05:20 · Upravil/a: Chamurappi
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 |
#3 · Zasláno: 20. 7. 2009, 22:17:59
<br> zavřít</br> |
||
aaduben Profil |
#4 · Zasláno: 20. 7. 2009, 22:19:42
pošlu odkaz
|
||
Radek9 Profil |
#5 · Zasláno: 20. 7. 2009, 22:20:59
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 |
#6 · Zasláno: 20. 7. 2009, 22:22:25 · Upravil/a: Chamurappi
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 |
#7 · Zasláno: 20. 7. 2009, 22:22:28
:target To je něco, co neznám, nebo chyba? |
||
Chamurappi Profil |
#8 · Zasláno: 20. 7. 2009, 22:23:37 · Upravil/a: Chamurappi
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 |
#9 · Zasláno: 20. 7. 2009, 22:24:43
|
||
aaduben Profil |
#10 · Zasláno: 20. 7. 2009, 23:13:27
„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 |
#11 · Zasláno: 20. 7. 2009, 23:27:14
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 |
#12 · Zasláno: 20. 7. 2009, 23:55:40
„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 |
#13 · Zasláno: 21. 7. 2009, 00:08:36
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 |
#14 · Zasláno: 21. 7. 2009, 00:33:27
myslím že to pomalu začíná fungovat
|
||
aaduben Profil |
#15 · Zasláno: 21. 7. 2009, 01:11:28
http://musicabohemia.sweb.cz/index.html |
||
aaduben Profil |
#16 · Zasláno: 21. 7. 2009, 01:13:16
|
||
Časová prodleva: 15 let
|
0