Autor Zpráva
pavilek
Profil *
Dobrý den,

HTML:

<p class="code">                                        
                while($i == 10) { <br>
                &nbsp;&nbsp;echo "Ahoj, jak se máš?"; //výpis na obrazovku počítačeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee <br>
                }
              </p>

CSS:
.code {
  background-color:rgb(240,240,240);
  padding:10px 10px;
  border-top:1px dotted rgb(150,150,150);
  border-bottom:1px dotted rgb(150,150,150);
  font-family:"Courier New", Courier, monospace;
  font-size:11pt;
  margin:20px 0px 20px 0px;
  overflow:auto;
  text-align:left;
  }

Potřebuji docílit, když se text dostane za šířku divu, aby overflow to prodloužil. Jenže, text se zalomí. Kde je chyba? Prosím o reakce. Děkuji.

Obrázek chyby:



Obrázek zde
dalik
Profil
Zdravím,
zkus overflow:visible; . Jestli teda chápu dobře, že chceš, aby to přetékalo.
Camo
Profil
pavilek:
Myslím, že toto by malo byť ono:
White-space
pavilek
Profil *
Nebo bych to mohl psát do tagu <pre>, ale to bych musel psát zdroják "od zdi" nalepit to na levá okraj, protože pokud bych chtěl tag <pre> hezky tabulátorovat, tak by to započítávalo i znaky, které nechci viz.

správně:
<pre>
while (neco pes kocka) {
echo neco
}
</pre>

špatně:

<pre>
while (neco pes kocka) {
echo neco
}
</pre>


pardon:
<pre>
   odsazený obsah
</pre>
pavilek
Profil *
Omlouvám se, že ještě otravuju, ale je nějaký způsob, jak psát obsah do tagu <pre>, aby mohl obsah odsadit tabulátorem kvůli úhlednému zdrojovému kódu? Když to tak udělám tak <pre> si připočítá mmezery a výsledek na obrazovce je hodně odsazený od levého okraje

<pre>
   obsah //zobrazí se daleko od levého okraje
</pre>

<pre>
obsah //tady je vše v pořádku na úkor neodsazeného zdrojáku
</pre>
Chamurappi
Profil
Reaguji na pavilka:
Když to tak udělám tak <pre> si připočítá mezery a výsledek na obrazovce je hodně odsazený
Velikost tabulátoru neovlivníš, v prohlížečích mívá šířku osmi mezer.
pavilek
Profil *
Děkuju za reakce.
Jan Tvrdík
Profil
Chamurappi:
Velikost tabulátoru neovlivníš, v prohlížečích mívá šířku osmi mezer.
Není pravda, lze použít CSS vlastnost tab-size. Funguje to Opeře, FF a Chrome. Viz caniuse.com/#feat=css3-tabsize
Radek9
Profil
Jan Tvrdík:
Ale nefunguje v IE, takže se stejně bez nějakého polyfilu, který je třeba nahradí za daný počet mezer, neobejdeš.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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