cs_brezoneg
Messages postés104Date d'inscriptionsamedi 6 novembre 2004StatutMembreDernière intervention19 août 2015
-
20 janv. 2012 à 11:30
@karamel
Messages postés1850Date d'inscriptionvendredi 9 mai 2008StatutModérateurDernière intervention 4 mars 2024
-
20 janv. 2012 à 14:32
Bonjour,
Je viens de trouver le code suivant pour afficher du texte en vertical, pour IE mais aussi et surtout pour firefox et autre navigateurs :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Démo texte vertical</title>
<style type="text/css">
.text-container {
/* SVG text node */
fill: black;
/* IE div */
color: black;
}
</style>
</head>
<script type="text/javascript">
var container = document.getElementById('container');
function supportsSvg() {
return document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1")
}
// safari 3+, opera 8+, chrome, firefox, gutenberg bibles, clay tablets, ...
if (supportsSvg()) {
var SVGNS = 'http://www.w3.org/2000/svg';
var svg = document.createElementNS(SVGNS, 'svg');
container.appendChild(svg);
var textBlock = document.createElementNS(SVGNS, 'text');
textBlock.setAttribute('transform', 'rotate(90)');
textBlock.setAttribute('class', 'text-container');
svg.appendChild(textBlock);
// no SVG support? assume it's IE and use writing-mode instead
} else {
var textBlock = document.createElement('span');
container.appendChild(textBlock);
textBlock.style.writingMode = 'tb-rl';
textBlock.style.whiteSpace = 'nowrap';
textBlock.className = 'text-container';
};
var text = document.createTextNode('Texte Vertical');
textBlock.appendChild(text);
</script>
</html>
Donc le texte : Texte Vertical s'affiche en vertical dans tous les navigateurs.
Le problème ( je ne connait pas le java...) est que la ligne quiaffiche le texte est entre les balises <sript></script>
Et que je voudrais le mettre dans une cellule d'un tableau html !