Autor Zpráva
misi6
Profil
Dobrý den,
mám problém s menu, v chromu se mi krasne normalne zobrazuje a funguje jak má, ale v Mozzile se mi zobrazuje jak odrážkový seznam, ale funguje jak má.
V IE se také zobrazuje jak odrážkový seznam, ale uz nefunguje (nevyjíždí druhá úroveň).

Kdyžtak stránky jsou: tjmnichovice.cz

Prosím o radu a přikládám kód menu a css

Menu


<div id="nav">
<div id="nav-in">
<div class="menu">

<li><a href="aktualne.php">Aktuálně</a></li>



<div><li class="sub"><a href="A-tym.php">A-tým</a>
<ul>
<li><a href="Soupiska_A.php">Soupiska</a></li>
<li><a href="Realizacni_tym_A.php">Realizační tým</a></li>
<li><a href="Zapasy_tymu_A.php">Zápasy</a></li>
<li><a href="Tabulka_A.php">Tabulka</a></li>
<li><a href="Strelci_tymu_A.php">Střelci</a></li
</ul>
</li>
</div>

<div><li class="sub"><a href="B-tym.php">B-tým</a>
<ul>
<li><a href="Soupiska_B.php">Soupiska</a></li>
<li><a href="Realizacni_tym_B.php">Realizační tým</a></li>
<li><a href="Zapasy_tymu_B.php">Zápasy</a></li>
<li><a href="Tabulka_B.php">Tabulka</a></li>
<li><a href="Strelci_tymu_B.php">Střelci</a></li
</ul>
</li>
</div>

<div><li class="sub"><a href="Dorost.php">Dorost</a>
<ul>
<li><a href="Soupiska_Dorost.php">Soupiska</a></li>
<li><a href="Realizacni_tym_Dorost.php">Realizační tým</a></li>
<li><a href="Zapasy_tymu_Dorost.php">Zápasy</a></li>
<li><a href="Tabulka_Dorost.php">Tabulka</a></li>
<li><a href="Strelci_tymu_Dorost.php">Střelci</a></li
</ul>
</li>
</div>

<div><li class="sub"><a href="Zaci.php">Žáci</a>
<ul>
<li><a href="Soupiska_Zaci.php">Soupiska</a></li>
<li><a href="Realizacni_tym_Zaci.php">Realizační tým</a></li>
<li><a href="Zapasy_tymu_Zaci.php">Zápasy</a></li>
<li><a href="Tabulka_Zaci.php">Tabulka</a></li>
<li><a href="Strelci_tymu_Zaci.php">Střelci</a></li
</ul>
</li>
</div>

<div><li class="sub"><a href="St._Pripravka.php">St. přípravka</a>
<ul>
<li><a href="Soupiska_St._Pripravka.php">Soupiska</a></li>
<li><a href="Realizacni_tym_St._Pripravka.php">Realizační tým</a></li>
<li><a href="Zapasy_tymu_St._Pripravka.php">Turnaje</a></li>
<li><a href="Tabulka_St._Pripravka.php">Tabulka</a></li>
<li><a href="Strelci_tymu_St._Pripravka.php">Střelci</a></li
</ul>
</li>
</div>

<div><li class="sub"><a href="Ml._Pripravka.php">Ml. přípravka</a>
<ul>
<li><a href="Soupiska_Ml._Pripravka.php">Soupiska</a></li>
<li><a href="Realizacni_tym_Ml._Pripravka.php">Realizační tým</a></li>
<li><a href="Zapasy_tymu_Ml._Pripravka.php">Turnaje</a></li>
<li><a href="Tabulka_Ml._Pripravka.php">Tabulka</a></li>
<li><a href="Strelci_tymu_Ml._Pripravka.php">Střelci</a></li
</ul>
</li>
</div>

<li><a href="St._Garda.php">Garda</a></li>

<div><li class="sub"><a href="O_Klubu.php">O klubu</a>
<ul>
<li><a href="Kontakty.php">Kontakty</a></li>
<li><a href="Historie.php">Historie</a></li>
<li><a href="Sponzori.php">Sponzoři</a></li>

</ul>
</li>
</div>

<li><a href="Forum.php">Fórum</a></li>

</div>
</div>
</div>
<div class="cleaner">&nbsp;</div> <!-- nedělitelná mezera, způsobí oddělení patičky, tedy zarovnání dvou sloupců do jedné linky-->



CSS


[pre]
/* ========== Obecne direktivy ========== */
* {margin: 0; padding: 0;}
html {height: 100%; font-size: 65%;}
body {height: 100%; font: 1.4em Verdana, Arial, Helvetica, sans-serif; text-align: center;
padding-bottom: 60px;background: rgb(205,205,205); color: rgb(255,255,255);}


/* ========== Layout ========== */
#obal {
width: 1200px;
margin: 30px auto 30px auto;
text-align: left;
border: 10px solid gray;
background-color: rgb(0,0,204);

}

#hlavicka {
padding: 10px;
border-bottom: 5px solid gray;
background-color: rgb(0,0,204);
}

#sloupec1 { /* obsah*/
float: left;
width: 100%;
border-radius: 0px;
background-color: rgb(255,255,255);
margin-bottom: 10px;
color: rgb(0,0,0);
}

#nav { /* -- menu -- */
margin: 0px;
z-index: 10;
display: absolute;

}
#nav li { float: left; }
#nav li:hover { position: relative }
#nav li:hover > a {
background: rgb(0,0,204);



border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#nav li.sub:hover > a {
border-radius: 10px 10px 10px 10px 10px ;
-moz-border-radius: 10px 10px 10px 10px 10px ;
-webkit-border-radius: 10px 10px 10px 10px 10px ;
}

#nav li a {
color: rgb(255,255,255); /* -- barva menu (pismena) -- */
font-weight: bold;
text-decoration: none;
padding: 10px;
display: block;
}
#nav li a:hover { background-color: rgb(0,0,153); } /* -- barva pri najeti -- */

#nav li ul { /* -- druha uroven menu -- */
background: #fff;
margin-top: -5px;
display: none;
}
#nav li:hover ul {
display:block;
position:absolute;
}

#nav li ul {
background: rgb(255,255,255,0.5); /* -- barva druhe urovne, "a" pruhledny -- */
padding: 5px 5px;

box-shadow: 5px 5px 25px #000;
-moz-box-shadow: 5px 5px 25px #000;
-webkit-box-shadow: 5px 5px 25px #000;

border-radius: 0px 15px 15px 15px;
-moz-border-radius: 0px 15px 15px 15px;
-webkit-border-radius: 0px 5px 5px 5px;
}
#nav li ul li a, #nav li ul li a:hover {
background: transparent;
color: #000;
width: 100px;
font-size: 0.95em;
font-weight: normal;
}
#nav li ul li a:hover { text-decoration: underline;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;

border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}




#sloupec1-in, #nav-in {
margin: 0.8em 1.2em;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}

#paticka {
padding: 10px;
border-top: 5px solid gray;
background-color: rgb(0,0,204);
}


/* ========== Ostatni ========== */
h2, h3 {margin-bottom: 5px;}
p {line-height: 1.5; margin-bottom: 14px;}
ul li {margin-bottom: 3px;}
ul {margin-left:25px;}
.noscreen {display: none;}
ol {margin-left:20px;}
table {color: rgb(0,0,0); }
td {height: 20px; width: 250px; text-align: left;}

/* -- foto -- */
#foto {
margin:5px;
padding:5px;
padding-left:5px;
text-align: center;}

/* -- animace -- */
#animace {
margin:5px;
padding:5px;
padding-left:5px;
text-align: center;}


/* lightbox - vyjizdeci fotky */


/* line 7, ../sass/lightbox.sass */
body:after {
content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
display: block;
height: auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
position: absolute;
top: 43%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../img/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
kaktuss
Profil
Hmm, kandidát na h_vnokod.cz

Okrem miliónu chýb, už na prvý pohľad máš rozbitú štruktúru <ul>

- začínaš <li>, kde máš <ul>?
- <div> medzi <li> nemá čo robiť
- nikde v css nevidím "list-style-type: none;", tak jasné, že ti to bude zobrazovať bodky...

Hint:
správna štruktúra by mala vyzerať asi takto:
<ul>
<li><a href="aktualne.php">Aktuálně</a></li>
<li class="sub"><a href="A-tym.php">A-tým</a> 
    <ul> 
        <li><a href="Soupiska_A.php">Soupiska</a></li> 
        <li><a href="Realizacni_tym_A.php">Realizační tým</a></li> 
        <li><a href="Zapasy_tymu_A.php">Zápasy</a></li> 
        <li><a href="Tabulka_A.php">Tabulka</a></li> 
        <li><a href="Strelci_tymu_A.php">Střelci</a></li>
    </ul> 
</li> 
<li class="sub"><a href="B-tym.php">B-tým</a> 
    <ul> 
        <li><a href="Soupiska_B.php">Soupiska</a></li> 
        <li><a href="Realizacni_tym_B.php">Realizační tým</a></li> 
        <li><a href="Zapasy_tymu_B.php">Zápasy</a></li> 
        <li><a href="Tabulka_B.php">Tabulka</a></li> 
        <li><a href="Strelci_tymu_B.php">Střelci</a></li>
    </ul> 
</li> 
<li class="sub"><a href="Dorost.php">Dorost</a> 
    <ul> 
        <li><a href="Soupiska_Dorost.php">Soupiska</a></li> 
        <li><a href="Realizacni_tym_Dorost.php">Realizační tým</a></li> 
        <li><a href="Zapasy_tymu_Dorost.php">Zápasy</a></li> 
        <li><a href="Tabulka_Dorost.php">Tabulka</a></li> 
        <li><a href="Strelci_tymu_Dorost.php">Střelci</a></li>
    </ul> 
</li> 
<li class="sub"><a href="Zaci.php">Žáci</a> 
    <ul> 
        <li><a href="Soupiska_Zaci.php">Soupiska</a></li> 
        <li><a href="Realizacni_tym_Zaci.php">Realizační tým</a></li> 
        <li><a href="Zapasy_tymu_Zaci.php">Zápasy</a></li> 
        <li><a href="Tabulka_Zaci.php">Tabulka</a></li> 
        <li><a href="Strelci_tymu_Zaci.php">Střelci</a></li>
    </ul> 
</li> 
<li class="sub"><a href="St._Pripravka.php">St. přípravka</a> 
    <ul> 
        <li><a href="Soupiska_St._Pripravka.php">Soupiska</a></li> 
        <li><a href="Realizacni_tym_St._Pripravka.php">Realizační tým</a></li> 
        <li><a href="Zapasy_tymu_St._Pripravka.php">Turnaje</a></li> 
        <li><a href="Tabulka_St._Pripravka.php">Tabulka</a></li> 
        <li><a href="Strelci_tymu_St._Pripravka.php">Střelci</a></li>
    </ul> 
</li>
<li class="sub"><a href="Ml._Pripravka.php">Ml. přípravka</a> 
    <ul> 
        <li><a href="Soupiska_Ml._Pripravka.php">Soupiska</a></li> 
        <li><a href="Realizacni_tym_Ml._Pripravka.php">Realizační tým</a></li> 
        <li><a href="Zapasy_tymu_Ml._Pripravka.php">Turnaje</a></li> 
        <li><a href="Tabulka_Ml._Pripravka.php">Tabulka</a></li> 
        <li><a href="Strelci_tymu_Ml._Pripravka.php">Střelci</a></li>
    </ul> 
</li> 
<li><a href="St._Garda.php">Garda</a></li>
<li class="sub"><a href="O_Klubu.php">O klubu</a> 
    <ul> 
        <li><a href="Kontakty.php">Kontakty</a></li> 
        <li><a href="Historie.php">Historie</a></li> 
        <li><a href="Sponzori.php">Sponzoři</a></li>
    </ul> 
</li> 
<li><a href="Forum.php">Fórum</a></li>
</ul>
misi6
Profil
Tak určitě věřím že ten kód je děsnej, v podstate jsem určité veci zkopiroval a upravil, tak aby mi to "chodilo", takze verim ze se nad tim spousta lidi zasmeje.

Tak už jsem upravil ty bodky v druhe urovni menu, ale porad nwm jak se mam zbavit tech bodek v hlavnim menu a jeste v IE nejde to menu rozbalit :(

JInak za tu upravu kodu dekuji, aspon vim jak to priste delat :)
Trejpa
Profil
misi6:
v IE nejde to menu rozbalit
Dej na začátek kódu vhodné doctype, například: <!DOCTYPE HTML>
misi6
Profil
Trejpa:

dal jsem na začatek kódu (menu.php) - <!DOCTYPE HTML> a furt ten IE pri najeti na polozku v menu se nerozbali...


Trejpa:

uz jsem to udelal, bylo to jak jsi rikal, ale ze zacatku to nejak neslo ale uz to jde :)


ted prosim jeste poradit jak se mam zbavit v menu tech bodu u seznamu <ul> ... děkuji a uz nebudu otravovat :)
Trejpa
Profil
misi6:
dal jsem na začatek kódu (menu.php) - <!DOCTYPE HTML>
Doctype patří na začátek celé stránky.

jak se mam zbavit v menu tech bodu u seznamu <ul>
Nemáš menu nijak odlišené, takže to bude platit i pro všechny ostatní seznamy na stránce:
ul { list-style: none; }

Pro menu můžeš použít i značku <menu>.
misi6
Profil
Trejpa:

Super, moc dekuju :)
kaktuss
Profil
Trejpa:
Pro menu můžeš použít i značku <menu>.

To je hlúposť. Značku <menu> zatiaľ nepodporuje žiadny z prehliadačov a jej význam je vo vytvorení zoznamu príkazov. Napr. ako keď v nejakom programe kliknes vľavo hore na Edit, tak zoznam príkazov je Undo, Copy, Cut, Paste a pod..

Na menu v zmysle navigácie stránky môže misi6 použiť <nav>, ale nie je to nutné. Kvôli podpore starín sa skôr odporúča <div id="nav"></div>.
Chamurappi
Profil
Reaguji na kaktusse:
Seznam <menu> patří mezi nejstarší značky v HTML, podporují ho všechny prohlížeče vydané za posledních dvacet let.

jej význam je vo vytvorení zoznamu príkazov
Příkaz nebo odkaz, to je celkem fuk…
Trejpa
Profil
kaktuss:
Značku <menu> zatiaľ nepodporuje žiadny z prehliadačov
Značku <menu> podporují všechny mě známé prohlížeče, včetně textových.

jej význam je vo vytvorení zoznamu príkazov
Značka <menu> slouží od prvních verzí HTML k tvorbě menu. Překvapivě.

Na menu v zmysle navigácie stránky môže misi6 použiť <nav>, ale nie je to nutné
Z pohledu uživatele je <nav> na nic. Z pohledu tvůrce stránky její použití zanáší zbytečné nekompatibility.

Který prohlížeč má s mým menu problém?
kaktuss
Profil
Trejpa:
Značku <menu> podporují všechny mě známé prohlížeče, včetně textových.
Vychádzam len z referencii.
www.w3schools.com/tags/tag_menu.asp
Bohvie, čo znamenajú tie preškrtnuté ikonky prehliadačov, možno podľa teba podporu.
A divný je aj ten anglický text "The <menu> tag is not currently supported in any of the major browsers.", ale naozaj to neznamená, že je podporovaný.

Značka <menu> slouží od prvních verzí HTML k tvorbě menu. Překvapivě.
K tvorbe menu možno, ale nie k tvorbe navigácie.
margin
Profil *
kaktuss:
Značku <menu> zatiaľ nepodporuje žiadny z prehliadačov a jej význam je vo vytvorení zoznamu príkazov.“.
Píšeš o referenci, ale dáváš sem odkaz na pochybný web plný chyb.
Tím je myšleno, že nový význam menu nepodporuje žádný prohlížeč, více na webu W3C.
Myslím si, že neoblíbenost tohoto elementu je způsobená tím, že jej W3C na mnoho let uvrhla do klatby, depracted, byl depraktikován.
kaktuss
Profil
margin:
V poriadku, ale od začiatku tvrdím jedno, že tag <menu> nie je to isté ako <nav> . Kým <menu> je myslené ako menu funkčných príkazov, <nav> je myslené ako menu na stránke, t.j. navigácia. Vychádzam z webu W3C.
Trejpa
Profil
kaktuss:
Vidíš, a my vyházíme z praktických zkušeností s reálnými prohlížeči. Zbožná a zbytečná přání W3C nás moc netrápí.
kaktuss
Profil
Trejpa:
Prakticky mi na všetkých reálnych moderných prehliadačoch funguje miesto <menu> tag <fucker>. Viď ukážka. Ale to neznamená, že teraz budem všetkých presviedčať, že to je správna cesta, pretože mi to funguje.
Trejpa
Profil
kaktuss:
Tebe přesvědčovat o ničem nehodlám. Pokud tě trápí, že značku <menu> dosud neznáš, tak ti doporučím nastudovat vydaná HTML doporučení. Můžeš vycházet z webu W3C (1.2, 2.0, 3.2, 4.01).
Petr ZZZ
Profil
kaktuss:
Prakticky mi na všetkých reálnych moderných prehliadačoch funguje miesto <menu> tag <fucker>.

Vtipnější by bylo napsat podobnou hračku slušně, česky nebo slovensky a kompatibilní i se staršími produkty. :-)
misi6
Profil
Nevíte nekdo jak udelat, aby mi fotky vyjizdeli i v druhe urovni menu (v zalozkach) ? Kdyz kliknu na polozku v prvni urovni tak fotky krasne vyjizdeji, ale kdyz v druhe, tak fotky vyskočí na celou stranku a nelze v nich prejizdet z jedne na druhou

CSS:

 /* lightbox - vyjizdeci fotky  */

       
/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../img/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../img/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


A takhle pridavam fotky:

<a class="example-image-link" href="foto/A-tym.jpg" data-lightbox="example-1"><img class="example-image" src="foto/A-tym.jpg" alt="thumb-1" width="650" height="450"/></a>

urcite to bude nejaka hloupost, ale nevyznam se v tom...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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