Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

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

HTML a CSS HTML a CSS Font se rozbije když přidám <a> American English version English version

Aktivity (1)
Avatar
Samuel Kodytek
Redaktor
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
Programming is thinking, not typing.
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  +2 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
Redaktor
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
Programming is thinking, not typing.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Samuel Kodytek
Jiří Gracík: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
Creating websites is awesome till you see the result in another browser ...
Avatar
Samuel Kodytek
Redaktor
Avatar
Odpovídá na Jiří Gracík
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
Programming is thinking, not typing.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Samuel Kodytek
Jiří Gracík: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  +1 11.6.2014 19:49
Creating websites is awesome till you see the result in another browser ...
Avatar
Samuel Kodytek
Redaktor
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
Programming is thinking, not typing.
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.