Autor Zpráva
Vlasta3
Profil *
Na mobilu v pohodě, ale na PC se slovo hodí na nový řádek i když je mezi dvěma slovy nedělitelná mezera  
Čím to může být?
Kajman
Profil
Udělejte živou ukázku a napište prohlížeče, včetně verze, ve kterých to zlobí.
Vlasta3
Profil *
Zlobí to jen v Internet Explorer (jinak v ničem). Nevím jestli je sem povolené dávat odkaz přímo na můj web. Nechci porušit pravidla a dostat BAN.
Mám tam kód <font color="#993366">Kvíz&nbsp;hudební&nbsp;nástroje</font>
Ale na konci to udělá "Kvíz hudební" a "nástroje" to hodí na nový řádek.
Kajman
Profil
Jistěže můžete poslat odkaz.
Mlocik97m
Profil *
IE.... riešiť to cez entitu je špatné, radšej použite ccs vlastnost white-space: nowrap;
Vlasta3
Profil *
www.encykloprdie.cz/7.html ten text pod hlavním menu. V Internet Explorer se to rozdělí a slovo "nástroje" to hodí na nový řádek. Použil bych to white-space: nowrap; ale nevím jak to tam dát. Ten web jsem koupil a zase tolik se v tom nevyznám.


Samozřejmě že vím jak to tam dát, to jsem napsal špatně, přes FTP, ale nevím jak to změnit v tom textu :-)
Kajman
Profil
Problém způsobují nedělitelné mezery nasázené mezi jednotlivé odkazy v menu.

<a href="https://www.encykloprdie.cz/5.html" role="menuitem"><font color="#993366">Kvíz&nbsp;druhy&nbsp;hub</font></a>&nbsp;&nbsp;&nbsp;                    
<a href="https://www.encykloprdie.cz/6.html" role="menuitem"><font color="#993366">Kvíz&nbsp;hrady&nbsp;a&nbsp;zámky</font></a>&nbsp;&nbsp;&nbsp;
<a href="https://www.encykloprdie.cz/7.html" id="aaa" role="menuitem"><font color="#993366">Kvíz&nbsp;hudební&nbsp;nástroje</font></a>

Stačí je odstranit. A pokud neumíte udělat odsazení přes css a chcete to dále takto patlat, alespoň střídejte normální mezery s nedělitelnými tam, kde se to dělit smí.
Vlasta3
Profil *
Kajman:
Stačí je odstranit.
Děkuji za pomoc zkusím to odstranit.


KAJMAN - to funguje, ale vidíte že když se to hodí na další řádek, tak to zasahuje i do toho horního (to tmavé pozadí).

Mám už tam ale
#aaa{padding: 3px; 
                        background-color: #C0C0C0;

Nemůžu udělat další řádek když nevím kdy se to hodí na další řádek (kvůli rozlišení displaye). Víte jak to myslím? Mám tam barevný padding, ale zasahuje i do horního řádku s textem. To asi nejde aby bylo kolem padding ještě kousek místo ne? Kolem toho šedého pozadí.
Kajman
Profil
Výška řádků pro inline elementy mění přes line-height. Např.
<style>
.linklist {
    line-height: 2em;
}
</style>

Nemusíte to dávat do <style>, lepší to je dát do css souboru.
Vlasta3
Profil *
Kajman

Děkuji mnohokrát, zkusím to.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0