wtorek, 25 listopada 2008

Super/subskrypt w CSS

Poniższe nastawy powodują złożenie fragmentu tekstu odpowiednio w superskrypcie i subskrypcie.


.superscript{font-size:xx-small; vertical-align:top;}
.subscript{font-size:xx-small; vertical-align:bottom;}

Nowe odnośniki do innych blogów, umieszczone po lewej stronie (w wersji ,,statycznej'' bloga umieszczone są w pliku index.html), zawarte wewnątrz <span>, np:


<span class='new_blog_entry'><a href="http://norman.walsh.name/">N. Walsh</a></span> |

mają być wyświetlane krojem pochyłym (kursywą) oraz po linku ma być umieszczany w superskrypcie napis [new] (tak to sobie wymyśliłem). Do osiągnięcia powyższego służy następujący fragment arkusza CSS:


.new_blog_entry { font-style: italic }
.new_blog_entry:after { content : "[new]" ; font-size:xx-small; vertical-align:top; }

Dopisane 26 listopada 2008: Nie jest chyba specjalnym zaskoczeniem, że w przeglądarce IE f-m MS (wersja 7) powyższe nie działa. Żałosne...

Brak komentarzy:

Prześlij komentarz