MozillaPL.org - polskie centrum Mozilli

Główne menu:

pionowy tekst css3

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

pionowy tekst css3

Postautor: Gość » 17 lipca 2009, 16:46

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ść
 

Postautor: Tomek » 17 lipca 2009, 18:03

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
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52

Postautor: Gość » 17 lipca 2009, 18:16

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.1) Gecko/20090715 Firefox/3.5.1

szkoda bo akurat tego potrzebuje - a da sie jakos to obejsc w js.
Gość
 

Postautor: Tomek » 17 lipca 2009, 18:25

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

Postautor: Gość » 17 lipca 2009, 19:05

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.1) Gecko/20090715 Firefox/3.5.1

No wlasnie mi o to chodzilo tylko szkoda ze troche to pogmatwane. A wiesz moze jeszcze jak sie dobrac do tego tekstu aby z pod strony html zmieniac ten tekst?

z gory dzieki - sporo mi pomogles
Gość
 

Postautor: Tomek » 17 lipca 2009, 19:10

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

Postautor: Gość » 18 lipca 2009, 18:41

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.
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ść
 

Postautor: Witia » 18 lipca 2009, 19:29

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.
Witia
 
Posty: 200
Z nami od: 25 lipca 2003, 13:36


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Bing [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: