pionowy tekst css3
Moderator: Pomocy?!
Posty: 8
• Strona 1 z 1
pionowy tekst css3
Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.1) Gecko/20090715 Firefox/3.5.1
witam - z czego co wiem to firefox obsluguje css3 a tutaj chcialem aby komorka tabeli byla wlasnie pionowa i chcialem uzyc wiriting-mode. A tutaj jest niespodzianka nie znana wlasciwosc. A moze ja cos robie zle. Prosze o pomoc - a moze jednak da sie jakos w inny sposob taki tekst zrobic.
- Gość
Przeglądarka: Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.1) Gecko/20090630 Ubuntu/9.04 (jaunty) Shiretoko/3.5
1. rekomendacja CSS 3.0 nie została jeszcze oficjalnie wydana. Fx obsługuje część jej elementów, ale jest to bardziej "eksperymentalna funkcja". Z tego co się orientuję akurat tego chyba nie obsługuje...
2. https://developer.mozilla.org/En/Firefo ... developers - tu troszkę więcej o nowościach w Fx 3.5
2. https://developer.mozilla.org/En/Firefo ... developers - tu troszkę więcej o nowościach w Fx 3.5
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
- Tomek
- Moderator
- Posty: 9041
- Z nami od: 19 sierpnia 2004, 06:52
Przeglądarka: Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.1) Gecko/20090630 Ubuntu/9.04 (jaunty) Shiretoko/3.5
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
- Tomek
- Moderator
- Posty: 9041
- Z nami od: 19 sierpnia 2004, 06:52
Przeglądarka: Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.1) Gecko/20090630 Ubuntu/9.04 (jaunty) Shiretoko/3.5
hm... za pomocą php? Wrzucić ten tekst który ma być w pionie w jakiś zwykły plik i po prostu go odczytywać przez php w pliku svg....
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
- Tomek
- Moderator
- Posty: 9041
- Z nami od: 19 sierpnia 2004, 06:52
Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; pl; rv:1.9.1) Gecko/20090624 Firefox/3.5
spobowalem to inaczej zrobic przy pomocy js ale cos jeszcze nie dziala tak jak bym chcial mianowicie zmienia sie ten tekst tylko w ostnim znaczniku embed wiecie moze jak sobie z tym poradzic ponizej przedstawiam kod.
i Svg
- Kod: Zaznacz cały
//vertical-text.html
<html>
<head>
</head>
<body>
<table id="dd"><tr>
<td><embed onload="window.ChangeText('t1')" src="vertical_text.svg" type="image/svg+xml" frameborder="no" width="30" height="90" /><embed src="vertical_text.svg" onload="window.ChangeText('t2')" type="image/svg+xml" frameborder="no" width="30" height="90" />
<td><tr>
</table>
</body>
</html>
i Svg
- Kod: Zaznacz cały
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<script type="text/javascript">
<![CDATA[
//this will create htmljavascriptfunctionname in html document and link it to changeText
top.ChangeText = changeText;
function changeText(txt){
targetText=document.getElementById("thetext");
var newText = document.createTextNode(txt);
targetText.replaceChild(newText,targetText.childNodes[0]);
}
// ]]>
</script>
<text id="thetext" transform="rotate(270, 90, 0)" font-size="16" font-weight = "bold" x="3" y="-60" font-family="times">Vertical Text</text>
</svg>
- Gość
Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; pl; rv:1.9.1) Gecko/20090624 Firefox/3.5
Jeśli chodzi o tekst pionowy z obróconymi o 90 stopni literami, to można poeksperymentować z własnością -moz-transform:
https://developer.mozilla.org/en/CSS/-moz-transform
Trzeba jednak pamiętać, że nie jest to rzecz powszechnie oblugiwana.
https://developer.mozilla.org/en/CSS/-moz-transform
Trzeba jednak pamiętać, że nie jest to rzecz powszechnie oblugiwana.
- Witia
- Posty: 200
- Z nami od: 25 lipca 2003, 13:36
Posty: 8
• Strona 1 z 1
Kto jest online
Zarejestrowani użytkownicy: Bing [Bot]