Displaying vertical text in all browsers except for Internet Explorer

This is absolutely fascinating to me right now!

span.verti{
    -moz-transform: rotate(-90deg);  /* FF3.5+ */
    -o-transform: rotate(-90deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); 
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*IE6,IE7 */
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);   
    writing-mode:lr-bt;
    -ms-writing-mode:lr-bt;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    opacity:1 !important;
}

Example of the image in Firefox:

Example of the image in Internet Explorer 9:

htmlcssajaxinternet-explorerinternet-explorer-9

Answer №1

It's difficult to determine without seeing the actual code.

Internet Explorer has its own unique code for image rotation:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

When using rotation=1, the content is rotated 90 degrees.

With rotation=2, the content is rotated 180 degrees.

If you use rotation=3, the content will be rotated 270 degrees.

Could this potentially solve the issue?

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What could be the reason my span is not altering color as I scroll?

Important HTML Knowledge <section class="home" id="home"> <div class="max-width"> <div class="home-content"> <div class="text-1">Hey t ...

javascripthtmlcss

How to Use Multiple Arrays in jQuery to Find ChildNodes Based on Class Attribute in HTML?

I manage my weekly schedule manually through a static table. <table> <tr class="live al tv"> <td>October 2</td> <td>12:30 pm</td> <td class="competition"></td> <td>Team A v Team B< ...

javascriptjqueryhtmlarrays

javascript method to retrieve specific value from row column upon button click

Take a look at my HTML code below: <div class="container"> <table class="table table-bordered"> <thead> <td>Name</td> <td>Address</td> <td>Ci ...

javascripthtmlflaskbootstrap-4

The PHP function seems to be incompatible with Ajax requests

I have a button with some JavaScript onclick function: <button id="trigger">Click Me</button> Here is the JavaScript code to trigger a simple action: $('#trigger').on("click", function(event){ jQuery.ajax({ ...

javascriptphpajax

The CSS and Javascript files are failing to load

My web page is not displaying my CSS and JavaScript properly when I access it through a folder in the browser. Both files are located within multiple subfolders. I have attempted to rename the files to troubleshoot the issue. <head> <link rel=" ...

javascripthtmlcss

Styling with CSS or using tables: What should you choose?

Is there a way to replicate the frame=void functionality in CSS, or will I need to manually add frame=void to each table I create in the future? <table border=1 rules=all frame=void> I attempted to search for a solution online, but unfortunately, m ...

htmlcss

Retrieving paragraph content by scanning for text within bold tags

I am currently trying to extract text from a paragraph using the code driver.find_element_by_xpath("//*[contains(text(), 'Definition')]").text The issue I am facing is that the HTML is structured as follows: <p> <b> Definition: &l ...

pythonhtmlseleniumselenium-webdriverweb-scraping

Hover over the entire row to see it light up

I am trying to create a JavaScript function that loops through a variable number of iterations and dynamically generates HTML elements on the DOM / Webpage. Once the loop is complete, it populates the following div: <div class="energyRowContainer" id ...

jqueryhtmlcss

What are the steps for populating a Grid using ajax with data sourced from a REST API in JSON format?

I am struggling with fetching JSON format data from the backend and displaying it in a table. JSON Format: { "success": true, "code": "200", "message": "successfull", "response": { "A00XYZ": [ { "9": "3 ...

arraysjsonajaxrestdatatable

jQuery.addClass function not functioning correctly

I am encountering an issue where the functionality in this code snippet isn't quite working as expected. Specifically, I would like the 'huh' div to become opaque when the menu is hovered over. While attempting to achieve this with fadein/ou ...

jqueryhtmlcss

Creating a HTML5 canvas animation of an emoticon winking to add a fun touch to your

Currently, I am facing a challenge in animating an emoticon that was initially sketched on canvas. While following a tutorial to implement draw and clear animations using frames, I haven't been able to achieve the desired outcome. With 6 frames of the ...

javascriptjqueryhtmlanimationcanvas

Although AJAX $.post functions properly in the View, it seems to encounter issues when relocated to a separate .js file. Interestingly, all other JQuery functions work

I have recently delved into MVC, JQuery, and AJAX, and encountered a perplexing issue. After completing the initial development of a practice website, I dedicated time to enhance the interactivity using JQuery. Everything was functioning smoothly until I ...

javascriptjqueryhtmlajaxasp.net-mvc-5

Experiencing difficulty with passing a jQuery array to PHP

I am trying to pass the values of an array from a JavaScript variable to PHP using AJAX. The issue I'm facing is that after clicking the send button and checking the PHP file to see if the values were passed, it appears empty. However, when I inspec ...

javascriptphpjqueryajaxpdo

What is the ideal alignment for the Side bar component?

Currently working on a side bar component and struggling to decide between using fixed or absolute positioning. While both seem to work for the application, I want to ensure that the chosen position will be the perfect fit to avoid any future issues and wo ...

csshtmlcss-positionpositioningsidebar

What is the reasoning behind Bootstrap implementing a 0.02px variance between screen size breakpoints in its media queries?

// Tailored for extra small devices like portrait phones below 576px in width @media (max-width: 575.98px) { ... } // Designed for small devices such as landscape phones from 576px and above @media (min-width: 576px) and (max-width: 767.98px) { ... } // ...

csstwitter-bootstrapbootstrap-4media-queriespixel

The ajax call cannot be processed because the request method 'POST' is not supported

I am currently encountering an issue with making an ajax call to my spring controller for creating some data in the database. The code for the ajax call looks like this: function sendDataToController(param1, param2, index1, index2, dataType) { $.ajax( ...

jqueryajaxspring-mvc

What is the procedure for launching an HTML file from a command line interface?

I've got an html file named test.html. Here's a snippet of the file: <!DOCTYPE html> <html> <body onload="document.getElementById('saveForm').click();"> <form method="post" enctype="multipart-form-data" name="my_fo ...

htmllinux

The form embedded within the <tr> element seems to be malfunctioning

Hey there, I'm facing a little issue with my form that is nested inside a table content. It seems to not be working properly. Let me share the code snippet below: <table> <form name='editpo' method=POST action='js_buat_po.php? ...

htmlformshtml-table

concise stylus CSS selector

Is there a way to condense these stylus selectors for a cleaner look? #map > div.mapboxgl-control-container > div.mapboxgl-ctrl-top-left > div:nth-child(1) > button #map > div.mapboxgl-control-container > div.mapboxgl-ctrl-top-left > ...

csscss-selectorsstylus

BeautifulSoup - Struggling to retrieve tbody element

Having trouble accessing a table nested deep inside multiple layers? I'm relatively new to utilizing Beautifulsoup and have been practicing with some basic examples. However, I've hit a roadblock as I can't seem to locate the "div" tag with ...

pythonhtmlbeautifulsouphtml-tbody