[Solved][html] Nierozłączanie dwóch znaków koło siebie

[PeeR]

Chce w htmlu napisać takie coś Narzędzia -> Ustawienia
Chce żeby to zawsze było w tej samej linijce. Twardą spacje znalazłem jak zrobić. Nie wiem jednak jak zrobić, żeby znaki -> się nie rozłączały.
Wie ktoś jak to można zrobić?

[rom]

A nie lepiej użyć po prostu strzałki? W html:

Kod: Zaznacz cały

→

http://www.kurshtml.edu.pl/html/symbole,znaki.html (sekcja tabelki "Strzałki")

[kabanek]

poza tym, nie wiem czy to jest wg standardów, ale istnieje takie coś jak <nobr></nobr>

[ethanak]

poza tym, nie wiem czy to jest wg standardów, ale istnieje takie coś jak <nobr></nobr>

Nie jest. Operuj CSS-em (white-space).

[PeeR]

A nie lepiej użyć po prostu strzałki? W html:

Kod: Zaznacz cały

→

http://www.kurshtml.edu.pl/html/symbole,znaki.html (sekcja tabelki "Strzałki")

No to jest najprostsze rozwiązanie, tylko ta strzałka jest taka mała że ledwo widać że to strzałka. Jak nie ma lepszego rozwiązania to na upartego będzie.

[rom]

Zwiększ rozmiar. Dwa sposoby:

Kod: Zaznacz cały

<big><big>&rarr;</big></big>
<font size=5>&rarr;</font>

big można powtórzyć kilka razy, a rozmiar czcionki można też zwiększyć do 6 lub 7.

[ethanak]

<font size=5>

Że co???
Kolego, pobudka! Mamy XXI wiek, zauważyłeś? Fajnie że wiesz jak się w zeszłym tysiącleciu strony dla IE5 pisało, ale to nie lekcja historii!

-- 26 gru 2011 07:31 --

ta strzałka jest taka mała że ledwo widać że to strzałka. Jak nie ma lepszego rozwiązania to na upartego będzie.

Kod: Zaznacz cały

<span style="white-space:nowrap">Narzędzia<img src="durza_szczauka.gif" alt="submenu">Ustawienia</span>

Tylko coś sensownego do alta trzeba by wrzucić (a o tej porze nic sensownego mi do głowy nie przychodzi).
Prawdopodobnie można by jeszcze coś takiego (żeby uniezależnić się od rozmiarów fonta):

Kod: Zaznacz cały

<img src="szczauka.svg" style="width:2em;height:1em" alt="submenu">

tylko nie mam jak wypróbować. Poza tym chyba nie wszystkie przeglądarki to łykną.

[rom]

No i co z tego, że rozwiązanie stare? Ale działa i jest krótkie, proste oraz nie wymaga ładowania plików .gif czy .svg.

[rob006]

A to, że jest niezgodne ze standardami, co skutkuje tym że nie musi wcale działać, w dodatku pokazuje brak umiejętności autora. To samo, i wiele więcej, można uzyskać za pomocą stylów CSS. Użycie

Kod: Zaznacz cały

style="white-space:nowrap"

rozwiązuje sprawę, nie trzeba się bawić w żadne wstawianie obrazków.

[ethanak]

Podsumowując:

1) połączenie "-" i ">" - działa na większości przeglądarek graficznych i tekstowych, screenreader czyta bzdury, w dodatku użycie znaku "-" może powodować problemy (znak może być zinterpretowany jako łącznik).

2) znak &rarr; - działa na przeglądarkach graficznych, tekstowe mogą wyświetlić coś dziwnego jeśli nie pracują w UTF, screenreader powinien to przeczytać ale nie zawsze chce (tzn. potrafi przeczytać "znak 8594" co jest raczej mało czytelne i chyba nie o to chodziło).

3) grafika z odpowiednim altem - działa wszędzie.

Rozwiązania 2 i 3 są prawidłowe.

[PeeR]

To co chce zrobić to jest mi potrzebne do Qt. Korzystam przy tym z QTextBrowser. I przy użyciu <font size=5>&rarr;</font> wygląda to nawet dobrze, a z obrazkami to nie mam zamiaru się aż tak wysilać

Dzięki rom