Asztalok függőleges szöveget
Vessünk egy pillantást az asztalra, az alábbiak szerint. Nem fogjuk ásni a tartalom - vettem az első elérhető, figyelni, hogy a tervezés, különösen az irányt a szöveget az első két oszlopban.
Meglepő módon az ilyen ismerős és kényelmes formázás nem jellemző a web miatt hiányzik a megfelelő támogatást. Az Advent a CSS3, ilyen támogatás, de most ezek a táblák jönnek létre, általában útján képek használata nélkül erre a célra a táblázat címkéket. Nos, várjunk könnyű idők, de mi akadályoz bennünket kísérletezni, és megpróbálja megtalálni a megoldást most?
Célkitűzés :. Dana tablitsaneobhodimo, hogy a szöveg a sejtekben függőleges osztályban, amikor megjelenik egy böngésző függőleges irányban „bottom-up”
CSS-egyetlen megoldás létezik az Internet Explorer. Csak a „rossz” böngésző verzió óta 5.5, részben támogatja biztosított CSS3 ezekre a célokra írás-mód tulajdonság. Tartalmazza az IE a szolgálatban és propietarnoe layout-áramlás. de sem az első, sem a második tulajdonság segítségével, és nekem nem sikerül a szöveg a helyes irányba, „bottom-up”. Erre azért volt szükség, hogy használjon további szűrők és flipH flipV vízszintes és függőleges forgatás szöveget. Végül elérkeztünk a következő leírás a függőleges osztály:
Azáltal ezeket a stílusokat az Internet Explorer megjeleníti a szöveget a helyes irányba.
A keresés univerzális megoldás az első helyen jut eszembe nyilvánvaló ötlet: cserélje ki a szöveges tartalomra azonos grafika, de 90 fokkal elfordul. Például a szöveg «Hello World!» Helyettesíteni lehet valami hasonló
Ugyanez a megközelítés lehet végrehajtani, és az ügyfél szintjén. A sok technikát szöveg cseréje képeket, esetünkben tudjuk alkalmazni a népszerű sIFR - szöveg cseréje Flash filmeket, vagy kihasználják a képessége, hogy a fejlett böngészők, az SVG kép. Az utolsó vétel Úgy döntöttem, hogy példaként a döntést.
Ha a böngésző támogatja az SVG, akkor a megfelelő mezőkbe jelennek meg rendesen. Ez történt Opera 9 és Gecko, verziótól 1.8. Az Internet Explorer csere nem termel, mert ezen az internetes útmutató van egy egyszerű megoldás, hogy a fent említett, amellett, hogy megjelenjen az SVG IE szükség külső plug-inek, amelyek valószínűleg már a felhasználó által beállított.
Egy működő példa látható itt.