NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Font se rozbije když přidám <a>

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Samuel Kodytek
Tvůrce
Avatar
Samuel Kodytek:11.6.2014 17:29

Ahoj, zajímalo by mně proč se můj styl rozbije když přidám

<a>

tag?

Takhle to funguje:

<a target="_blank" class="link bada orange" href="<?= $v["youtube"] ?>"
           <span class="block margin-bottom">
               <?= $v["name"] ?><br>
           </span>
           </a>

Ale jakmile přidám:

<a target="_blank" class="link bada orange" href="<?= $v["youtube"] ?>"
           <span class="block margin-bottom">
                   <a href="EditVideo">
                       <img src="../images/icons/1402518034_Options.png">
                   </a>
               <?= $v["name"] ?><br>
           </span>
           </a>

tak to nefuguje...

Moje CSS:

.block
{
    display: block;
}

.margin-bottom
{
    margin-bottom: 10px;
}

.link
{
    text-decoration: none;
}

.bada
{
    font-family: BADABB__;
}

.orange
{
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    color: #ff9b2d;
}

Děkuji za odpověď předem :)

Editováno 11.6.2014 17:35
Odpovědět
11.6.2014 17:29
There is more than one way to screw it
Avatar
Michal Štěpánek
Člen
Avatar
Odpovídá na Samuel Kodytek
Michal Štěpánek:11.6.2014 17:48

Protože máš to

<a href="EditVideo">
<img src="../images/icons/1402518034_Options.png">
</a>

vnořeno do jiného tagu "<a>"

Editováno 11.6.2014 17:49
Nahoru Odpovědět
11.6.2014 17:48
Nikdy neříkej nahlas, že to nejde. Vždycky se totiž najde blbec, který to neví a udělá to...
Avatar
Samuel Kodytek
Tvůrce
Avatar
Odpovídá na Michal Štěpánek
Samuel Kodytek:11.6.2014 17:53

No jo! dík sorry že jsem si toho nevšiml :D

Nahoru Odpovědět
11.6.2014 17:53
There is more than one way to screw it
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Samuel Kodytek
Neaktivní uživatel:11.6.2014 18:04

Jinak normálně řádkové elementy by neměly běžně obsahovat blokové elementy (krom odkazů, kde je to tedy mimo obrázky taky celkem čuňárna :D

Nahoru Odpovědět
11.6.2014 18:04
Neaktivní uživatelský účet
Avatar
Samuel Kodytek
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
Samuel Kodytek:11.6.2014 19:06

Obrázek je blokový element? :o
span je řádkový element ne? jenom jsem mu dal

Display: block

to se smí ne? :D

Editováno 11.6.2014 19:08
Nahoru Odpovědět
11.6.2014 19:06
There is more than one way to screw it
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Samuel Kodytek
Neaktivní uživatel:11.6.2014 19:49

Obrázek je v podstatě inline blokový element, takový zmetek mezi :D Ale ke spanu v áčku - proč bys to dělal?

Nahoru Odpovědět
11.6.2014 19:49
Neaktivní uživatelský účet
Avatar
Samuel Kodytek
Tvůrce
Avatar
Samuel Kodytek:11.6.2014 20:02

ted už to a tam nemám :D to byla moje slabá chvilka :D teď jsem to ačko dal nad ten kód :) a dík za to info o obrázku aspoň jsem se něco zase přiučil :)

Nahoru Odpovědět
11.6.2014 20:02
There is more than one way to screw it
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 7 zpráv z 7.