BAZA WIEDZY
KURSY
Bazy danych w PHP
Kurs AdvancedAJAX
Kurs ASP
Kurs ASP.NET
Kurs C++
Kurs CSS
Kurs HTML
Kurs HTML drugi
Kurs JavaScript
Kurs MySQL
Kurs PHP
Kurs RSS
Kurs XHTML
Obiekty DOM
MANUALE
CSS1 - W3C
DOM - w budowie
PHP 2005
PHP 2006
Wyrażenia regularne
SHOUTBOX
STAT
Online: 20 | UU: 406
[CSS/HTML] Indeks górny i dolny
29 kwiecień 2008

Często zachodzi potrzeba użycia indeksów - zwłaszcza w przypadku zapisywania informacji matematycznych. W tej poradzie opiszę dwa proste sposoby. W pierwszym stworzona zostanie odpowiednia klasa dla indeksu górnego i dolnego, w drugim zastosowany zostanie zapis z wykorzystaniem tagów. 

Indeks górny i dolny - zapis CSS

Kod: css

.indeks_gorny {vertical-align: super}
.indeks_dolny {vertical-align: sub}

Aby wykorzystać zapisaną wyżej klasę należy dokonać następującego zapisu w kodzie HTML.

Kod: html4strict

<p>Jakiś tekst <span class=indeks_gorny>indeks górny</span></p>
<p>Jakiś tekst <span class=indeks_dolny>indeks dolny</span></p>

Powyższy przykład wyświetli następujący tekst:

Jakiś tekst indeks górny

Jakiś tekst indeks dolny

Indeks górny i dolny - zapis HTML

Kod: html4strict

<p>Jakiś tekst <sup>indeks górny</sup></p>
<p>Jakiś tekst <sub>indeks dolny</sub></p>

Powyższy przykład wyświetli następujący tekst:

Jakiś tekst indeks górny

Jakiś tekst indeks dolny

Jak widać oba przykłady różnią się, więc nie będę tu doradzał, który z nich jest praktyczniejszy.

Autor: Adam Suchowski

Dodaj komentarz









Komentarze
7 odpowiedzi
Anonim
25 kwiecień 2011, godz. 1:37

Hahalany stolec
Haha lany stolec

Anonim
25 kwiecień 2011, godz. 1:36

lalalalany stolec

Anonim
25 kwiecień 2011, godz. 1:36

lany stolec

PIETER
20 październik 2008, godz. 2:50

LOL ALE JAK NAPISAC MALE LITERKI W COD 4 np.TM indeksem górnym np ™

PeeN
18 sierpień 2008, godz. 7:30

super… zamiast zamieniać na encje to kradnie znaczniki … w miejscu trzech kropek miał być znacznik sup ;p

PeeN
18 sierpień 2008, godz. 7:29

miało być…
“sytuacja taka się nie zdarzy w przypadku użycia … treść będzie w pełni przenośna”

PeeN
18 sierpień 2008, godz. 7:27

myślę że to ze stylami to przekombinowane… (możliwość taka jest tylko na wszelki wypadek… na pewno nie z myślą o wzorach)
indeksy są raczej częścią treści… pomyślmy co się stanie jeśli ktoś wyłączy w przeglądarce style lub
z wzoru 2^2=4 zrobi nam się 22=4…
sytuacja taka się nie zdarzy w przypadku użycia … treść będzie w pełni przenośna

 
 
Copyright © 2006-2011 egrafik.pl | Kontakt | Reklama | Projekty domów
jocker